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

}

body{



}

.nav{

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

}


.nav a{

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

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

  }

#navcontainer{

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

#aboutsection{

width: 50%;
height: 80vh;
float: left;
display: inline-block;
margin-top: 2%;
background-color: #55a0ff;
padding: 1%;
font-family: arial, helvetica, sans-serif;
color: white;

}



#aboutimage{

   width: 48%;
   height: 87vh;
  color: white;
  text-align: center;
  display: inline-block;
  float: left;

}


.abouttype{


	width: 46vw;
	height: auto;
	display: inline-block;
	text-align: left;
	font-size: 1.4vw;
  line-height: 160%;
  letter-spacing: 110%;
  font-family: arial, helvetica, sans-serif;
  margin-top: 5%;
  display: inline-block;
  margin-left: 2%
}


.aboutheading{

	width: 50vw;
	height: auto;
	display: inline-block;
	text-align: left;
	font-size:2.1vw;
	font-family: 'Arial', arial, helvetica, sans-serif;
  font-style: italic;
	margin-top: 2%;
	display: inline-block;
	 margin-left: 2%
}


.aboutsubheading{

	width: 100vw;
	height: auto;
	display: inline-block;
	text-align: left;
	font-size: 2.1vw;
	font-family: 'Arial_Bold', arial, helvetica, helvetica sans-serif;
  font-weight: bold;
  line-height: 140%;
	margin-top: 1%;
	display: inline-block;
}


@media screen and (max-width: 1100px) {
  .abouttype{
font-size: 1.5vw;

  }

 #navcontainer {
    float: left;
    width: 100%;
  }

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

}

}