/*

 * UnderConstructionPage

 * Mad Designer theme CSS

 * (c) WebFactory Ltd, 2015 - 2021

 */





html {

   height: 100%;

   padding: 0;

   margin: 0;

}



body {

  font-weight: 400;

  font-size: 14px;

  line-height: 120%;

  color: #222222;

  background: #122C28; /* Old browsers */

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2d3d5', endColorstr='#fafafa',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

  padding: 0;

  margin: 0;

  background-repeat: no-repeat;

  background-attachment: fixed;

}



#hero-image {

  text-align: center;

  margin: 0 auto 0 auto;

  background: #122C28;

}



#hero-image img {

  max-width: 80%;

}



h1 {

  font-size: 34px;

  color: #222222;

  font-family: "Roboto", sans-serif;

  font-weight: 900;

  margin: 20px 0 30px 0;

  text-align: center;

}



.content {

  text-align: center;

  font-family: "Helvetica", "Arial", sans-serif;

}



#social {

  text-align: center;

  margin-top: 30px;

}



#social a i {

  color: #23272a;

  margin: 10px;

  box-sizing: content-box;

}



#social a:hover i {

  color: #e78967;

}



@media(max-width:767px){

  h1 {

     font-size: 30px;

     margin: 10px 0 30px 0;

  }

  #hero-image img {

    max-width: 95%;

  }

}

#hero-image img.logo{max-width: 300px; margin-bottom: 25px;}

@media(max-width:599px){
img.pc{display: none;}  
}

@media(min-width:600px){
img.mobile{display: none;}
}