/* override semantic*/
/*Start your rules*/
/*   font*/
body {
  /*    padding-top: 20px;*/
  margin: 0 !important;
  background-color: transparent !important;
}
h1.ui.header {
  font-size: 4.5rem;
}
h2.ui.header {
  font-size: calc(20px + 0.2vw);
  margin-top: 0 !important;
  margin-bottom: 20px;
  background-color: #1f497d;
  padding: 5px;
  color: #fff;
  width: 100%;
  letter-spacing: 1.15px;
}
section.ui.grid {
  width: 100%;
  overflow: hidden;
  margin-top: 0px !important;
  margin-bottom: 30px;
  margin-right: 0 !important;
  margin-left: 0 !important;
}
section p {
  font-size: 16px;
  font-family: Verdana;
  color: #000;
}
.ui.cards>.card {
  color: #000;
  font-size: 16px !important;
  font-family: Arial !important;
  text-decoration: none;
  border: 1px solid #900 !important;
  min-height: 45px !important;
  display: flex !important;
  justify-content: center;
  align-items: center;
  transition: all .6s !important;
  padding: 15px 5px !important;    
}
.ui.cards a.card:hover,
.ui.link.cards .card:hover,
a.ui.card:hover,
.ui.link.card:hover {
  background-color: transparent !important;
  cursor: pointer;
  z-index: 5;
  background: #FFFFFF;
  border: 1px solid transparent !important;
  text-decoration: underline;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  -webkit-transform: translateY(0px) !important;
  transform: translateY(0px) !important;
}
/*==========  Mobile First Method  ==========*/
/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {}
/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {}
/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {}
/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {}
/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {}