@font-face {
  font-family: 'Arial Bold';
  src: url('ArialMTPro-Bold.woff') format('woff'),
       url('ArialMTPro-bold.ttf') format('truetype'); 

       font-family: 'arial regular';
  src: url('ArialMTPro-Regular.woff') format('woff'),
       url('ArialMTPro-regular.ttf') format('truetype'); 
}



body{

  overflow-x:hidden;
  margin: 0px; 
  font-size: 12pt;

}
.nav{

  display: inline-block;
  font-family: 'arial regular', arial, helvetica bold, sans-serif;
  font-size: 2vw;
  float: right;
  margin-left: 6%;

}

#bold{

  font-weight: 1000;
}


.nav a{

  text-decoration: none;
  color: #55a0ff;
  font-family: 'arial regular', arial, helvetica bold, sans-serif;
}

.nav a:hover {
    color: #173c71;

  }

#navcontainer{

  display: inline-block;
  width: 70vw;
  margin-top: 3%;
  float: right;
  font-family: 'Arial Bold', arial, helvetica bold, sans-serif;
}

.maincontainer{

  display: inline-block;
  float: right;
  width: 100%;
  height: 78%;
 
}


#header {

width: 98vw;
margin-top: 1vw;
padding-right: 5%;
height: auto;
float: left;
display: block;
display: inline-block;

}

.logo{

  float: left;
  height: 100%;
  display: block;
  max-width: 300px;
  height:auto;

 
}

#substatment{

  width: 55%;
  margin-top: 1%;
  height: auto;
  font-size:1.1em;
  font-style: bold;
  font-family: arial, helvetica, sans-serif;
  display:block;
  float: left;
  padding-left: 1%;
  color: #55a0ff;

}

#container{

  width: 100%;
  height: 86vh;
  display: block;
  margin-top: 1%;

}

#news{

width:18%;
float: left;
height: 100%;
display: inline-block;
margin-top: 1%;
margin-left: 1%;
font-family: arial, helvetica, sans-serif;
overflow-y:hidden;
}

#statement{

width: 32%;
float: left;
height: 100%;
margin-top: 1%;
font-size: arial;
font-size:1.05em;
margin-left: .5%;
display: inline-block;
background-color: #55a0ff;
padding: 1%;
line-height: 170%;
letter-spacing: 110%;
font-family: arial, helvetica, sans-serif;
color:white;
border-radius: 10;

}



#stockphoto{
width:43%;
float: left;
height: 100%;
margin-top: 1%;
font-size: arial;
font-size:1em;
margin-left: .5%;
display: inline-block;
padding: 1%;

}

  #statement p {
  line-height: 125%;
  letter-spacing: 150%;
  text-align: justify;

  }

#statement h2 {
font-family: 'Arial italic', helvetica, sans-serif;
font-size: 1.2em;
line-height: 125%;
letter-spacing: 150%;
}

@media screen and (max-width: 1100px) {
  #navcontainer {
    float: left;
    width: 100%;
  }

  .nav{
  float: right;
  font-size: 3vw;
  margin-left: 0%;
  padding-right: 10%;

}
#statement{

width: 65%;
float: left;
height: 100%;
margin-top: 2%;
font-size: arial;
font-size:1.05em;
line-height: 160%;
letter-spacing: 110%;
margin-left: .5%;
display: inline-block;
background-color: #55a0ff;
padding: 1%;
font-family: arial, helvetica, sans-serif;
color:white;
border-radius: 10;
}

#news{

width:30%;
float: left;
height: 100%;
display: inline-block;
margin-top: 2%;
font-family: arial, helvetica, sans-serif;

}

#stockphoto{
display:none;
visibility: hidden;

}

.logo{

  float: left;
  height: 100%;
  display: block;
  max-width: 200px;
  height:auto;

 
}

#substatment{

  width: 0%;
visibility: hidden;
height: 0%;

}

}