@import url('https://fonts.googleapis.com/css?family=Montserrat:600|Roboto');

* {
  margin: 0px;
  padding: 0px;
}

body{
  font-family: 'Roboto', sans-serif;
  margin: 0px !important;
}

h1,h2,h3,h4,h5,h6 {
  font-family: 'Montserrat', sans-serif;
}

#maintenance-page {
    background: url("images/manilabay1.jpg");
    background-size: cover;
    background-position: 100%;
    width: 100%;
    top: 0;
    bottom: 0;
    position: absolute;
 }  
    .overlay {
      top: 0;
      bottom: 0;
      padding: 200px 0;
      height: 100%;
      background: -moz-linear-gradient(top, rgb(4, 110, 173) 0%, rgba(48, 141, 214, 0.3) 100%);
      background: -webkit-linear-gradient(top, rgb(4, 110, 173) 0%,rgba(48, 141, 214, 0.3) 100%);
      background: linear-gradient(to bottom, rgb(4, 110, 173) 0%,rgba(48, 141, 214, 0.3) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a60277bd', endColorstr='#007db9e8',GradientType=0 );
    }
    img.logo-maintenance, .tld-logo {
      width: 100%;
    }
    h1, h2, h3, h4, h5 {
      font-family: 'Montserrat', sans-serif;
      font-weight: 700;
      letter-spacing: 0;
      color: white;
      text-shadow: 1px 2px 0px rgba(0, 0, 0, 0.20);
      margin-bottom: 15px;
    }
    h1 {
      font-size: 50px;
    }
    p {
      font-weight: 300;
      color: white;
      font-size: 20px;
      text-shadow: 1px 2px 1px rgba(0, 0, 0, 0.20);
    }
    a.email-link{
      color: #fcb400;
    }
    a.email-link:hover {
      color: #fdc300;
      text-decoration: none;
    }
    a.email-link:visited,  a.email-link:focus {
      text-decoration: none;
    }

    @media (max-width: 800px){
      /* #maintenance-page{
        padding: 100px 0px;
      } */
    }     

    @media (max-width: 767px) {
      #maintenance-page{
       padding:  0px;
      }       
      img.logo-maintenance {
        max-width: 120px;
        display: block;
        margin: 0 auto;
      }
      .tld-logo{
        max-width: 175px !important;
      }
      h1, p {
        text-align: center;
      }
      h1 {
        margin-top: 20px;
        margin-bottom: 10px;
        font-size:30px;
      }
      p {font-size: 95%;}
    }

    @media (max-width: 568px) {
      .overlay{
        padding: 120px 0;
      }
      #maintenance-page{
        padding: 0px !important;
      }             
      img.logo-maintenance {
        max-width: 100px;
      }
      h1 {
        font-size: 22px;
        margin-top: 25px ;
      }
    }
    
    @media (max-width: 375px) {
      .overlay{
        padding: 100px 0;
      }
      img.logo-maintenance {
        max-width: 80px;
      }
      .tld-logo{
        max-width: 150px !important;
      }
    }


  .u-borderTransparent, #Embed{
    display: none;
  }