#aboutme{
	float:left;
	padding-top: 0.9%;
width:40.3%;
height:30.3%;
display: inline-block;}

#photo{
	padding:0;
}

.aboutmetext{
padding-top: 4.5%;
  font-family: 'Karla', sans-serif;
  color:#808285;
  font-size: 18px;
  letter-spacing: 1px;
  display: inline-block;
  font-weight: bolder;
  margin-bottom: 0;
   color:#555;
       line-height: 2;


}

@font-face {
    font-family: Verdana;
    src: url("../assets/font/Verdana.woff") format("opentype");
}


.aboutmetext2{
padding-top: 0%;
 font-family: effra-light;
  font-size:14px;
  color: #808285;
  display: inline-block;
  font-weight: lighter;
color: #808285;
  line-height: 2.5;
  color: #808285;
}

.affiliates{
  color: #808285;
font-family: effra-light;
  font-size:14px;
  line-height: 2.5;

}
#list{
    padding-left: 0;
    margin-left: 3%;
    font-family: effra-light;
  font-size:14px;

}
 #affilation{
font-family: effra-light;
  color:#808285;
  letter-spacing: 4px;
    font-size: 16px;
    line-height: 1.5;
        margin-top: 2%;
 }

 #principal{
font-family: effra-light;
    color: #808285;
  letter-spacing: 4px;
    font-size: 16px;
    line-height: 1.5;
        margin-top: 1.2%;
 }


}
#menu{
   color:#555;
}

#profile{
	 color:#555;
}
#text{
	width: 56.5%;
    margin-left: 3%;
}

.link{
	text-decoration: none;
}

.link:hover{
	text-decoration: none;
}

.menuoption {
  font-family: 'Karla', sans-serif;
    color: #808285;
    font-size: 14px;
    margin-top: 0.5%;
    margin-bottom: -0.5%;
    display: inline-block;
    margin: 5% 0% 0.5% 3%;
    text-decoration: none;
}

.menuoption:hover {
    text-decoration: none;
     color:#555;
}

.menuoptionfirst {
   font-family: 'Karla', sans-serif;
    color: #808285;
    font-size: 14px;
    margin-top: 0.5%;
    margin-bottom: -0.5%;
    display: inline-block;
    margin: 5% 0% 0.5% 11%;
    text-decoration: none;
}

.menuoptionfirst:hover {
    text-decoration: none;
     color:#555;
}

.menuoptionlast {
  font-family: 'Karla', sans-serif;
    color: #808285;
    font-size: 14px;
    margin-top: 0.5%;
    margin-bottom: -0.5%;
    display: inline-block;
    margin: 0% 0% 0.5% 3%;
    text-decoration: none;
}

@media only screen and (max-width:1200px) {
  #principal{
        margin-top: 3.2%;
  }
  .aboutmetext2{
    font-size: 12px;
  }
#menu{
  margin-left: -12%;
}

}

@media only screen and (max-width:992px) {
  .aboutmetext2{
    font-size: 12px;
    line-height: 1.5;
  }
  #aboutme{
  width:50%;
  display: block;
  float: none;
  text-align: center;
  margin-left: 5%;
}

#text {
    width: 41.5%;
    margin-left: 3%;
}

}

@media only screen and (max-width:950px) {
  .aboutmetext2{
    font-size: 10px;
    line-height: 1.5;
  }

}


@media only screen and (max-width:768px) {
  .aboutmetext2{
    font-size: 12px;
    line-height: 1.5;
  }
  #aboutme{
  width:90%;
  display: block;
  float: none;
  text-align: center;
  margin-left: 5%;
}

#text {
    width: 41.5%;
    margin-left: 3%;
}

  .footertext2 {
  margin-top:1%;
}

}
@media only screen and (max-width:770px) and (orientation: portrait) {

#aboutme{
  width:90%;
  display: block;
  float: none;
  text-align: center;
  margin-left: 5%;
}

  .aboutmetext2{
    font-size: 12px;
    line-height: 1.5;
    margin-left: 5%;
  }
   #principal{
     margin-left: 5%;
     font-size: 14px;
    padding-top: 3%;

   }
 #affilation{
  font-size: 14px;
    margin-left: 5%;

}

.affiliates{
    margin-left: 5%;
}
   #text{
    width:90%;
    margin-bottom: -3%;
   }
  .footertext2 {
  margin-top:1%;
}

}