@charset "UTF-8";
/* CSS Document */
@viewport {
  width: device-width ;
  zoom: 1.0 ;
}

body {
  max-width: 1024px;
  margin-left: auto;
  margin-right: auto;
  font-family: 'Montserrat', sans-serif;
}

.herobox {
   width: 400px;
   height: 300px;
	 background-color: #00416B;
  
   position:absolute;
   left:0; right:0;
   top:0; bottom:0;
   margin:auto;
  
   max-width:100%;
	 max-height:100%;
	 overflow:auto;

   text-align: center;
   font-size: 25px;
   color: #ffffff;
   font-weight: 200;
   line-height: 150%;
}

.footer {
   width: 100%;
   height: 60px;
}

/* MOBILE */
@media (max-width:700px){
  img.resize {
  width:200px;
  height:60px;
}
  
  .herobox {
   
   text-align: center;
   font-size: 18px;
   color: #ffffff;
   font-weight: 100;
  }
  
  .footer {
   width: 80%;
   margin-left: 45px;
   position: absolute;
   text-align: center;
   font-size: 15px;
   color: #ffffff;
   font-weight: 100
  }
  
}