*, h1,h2,h3,h4,h5,h6 {
  font-family: 'giant-robot-army';
}
@font-face {
  font-family: 'giant-robot-army';
  src: local('giant-robot-army'),url("fonts/giant-robot-army/GiantRobotArmy-Medium.ttf") ;
}

.background {
  background-attachment: fixed;
  background-image: url("img/bg-mailbywire.com-large.jpg");
  background-image: linear-gradient(to bottom, rgba(255,255,255,0.5),rgba(0,0,0,0.5) 100%), url("img/bg-mailbywire.com-large.webp");
  background-color: white;
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
}

.darkGreenPB{
  color:#fff;
  background-color:#005960;
}
.darkRedPB{
  color:#fff;
  background-color:#a30000;
}

#loginform {
  opacity:  1;
}

/* iPhone 5 through iPhone 11  */
@media only screen and (max-width : 440px) and (orientation: portrait) {
  .background{
    background-image: linear-gradient(to bottom, rgba(255,255,255,0.5),rgba(0,0,0,0.5) 100%), url("img/bg-mailbywire.com-small.jpg");
  }
}
@media only screen and (max-height : 440px) and (orientation: landscape) {
  .background{
    background-image: linear-gradient(to bottom, rgba(255,255,255,0.5),rgba(0,0,0,0.5) 100%), url("img/bg-mailbywire.com-small.jpg");
  }
}