/* CUSTOM STYLES */

body{margin:0px;padding:0;position:relative;color:#4a6179;font-size:14px;line-height:24px;
font-family: ubuntu, sans-serif;font-weight: 300;
}
::selection{background:#3D4E60;color:#FFFFFF;}
::-moz-selection{background:#3D4E60;color:#FFFFFF;}
a:focus, input:focus, textarea:focus, button:focus{outline:none;text-decoration:none;}
h1, h2, h3, h4, h5, h6{font-family: ubuntu, sans-serif;font-weight:normal;color:#153967;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased;-ms-font-smoothing:antialiased;-o-font-smoothing:antialiased;}
h1{
  font-size: 5.4vw;
  font-weight: 700;
  color: #5f1834;
}
h1 span{
  color: #f39200;
}
h2{font-size:24px;margin:0 0 15px 0;color:#5f1834;font-weight: 400;}
h2 span{color: #1568c9;}
a{color:#3c99df;text-decoration:none;}
a:hover{text-decoration:none;color:#b60000;}
label{font-weight:normal;}
p{margin:0 0 10px 0;color:#645e60;font-size:18px;line-height:27px;font-weight: 400;}
ul{margin:0;padding:0;list-style:none;}
ol{padding:0px;list-style-position:inside;}
ol, li{margin-bottom:0px;list-style:none;position:relative;}
a, input[type="submit"]{transition:all ease-out 0.2s;-webkit-transition:all ease-out 0.2s;-moz-transition:all ease-out 0.2s;-ms-transition:all ease-out 0.2s;-o-transition:all ease-out 0.2s;}



.maintence-wrapper{
  display: block;
  background: url(../img/maintence-bg.png) no-repeat bottom center;
  background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  -webkit-background-size: cover;
  height: 64vh;
  padding-top: 2rem;
  text-align: center;
}
.maintence-wrapper .logo{
  display: inline-block;
  
}
.content-box{
  display: block;
  height: 36vh;
  text-align: center;
  position: relative;
  padding-bottom: 40px;
}
.content-box .head{
  display: inline-block;
  max-width: 740px;
  padding: 0px 20px;
  margin: auto;
  margin-top: -4.2rem;
}

/* MEDIA STYLES */
@media screen and (min-width:1367px){
    
  .content-box .head{ margin-top: -6rem;}  
    
}

@media screen and (max-width:767px){
  .content-box .head{margin-top: -3rem;}
  h1{font-size: 40px;}  
  h2{font-size: 20px;}
  p{font-size: 16px;}

  .maintence-wrapper{
    background: url(../img/maintence-bg-sm.png) no-repeat bottom center;
  }

}
@media screen and (max-width:600px){
    
  .maintence-wrapper{
    background: url(../img/maintence-bg-xs.png) no-repeat bottom center;
    height: 51vh;
    }
  

}