a{
  text-decoration: none;
}

body{
  background: #ffffff;
  font-family: "Trebuchet MS";
  font-size: 16px;
  margin: 0;
}

figure {
  margin: 0;
}

nav{
  background: #ffffff;
  position: relative;
  padding-top: .5em;
  /*padding-bottom: 1em;*/
  text-align: center;
  font-size: 1.4em;
  width: 100%;
}
nav ul{
  list-style: none;
  margin: 0;
  padding: 0;
  vertical-align: top;
}
nav ul li{
  display: inline-block;
  margin: 0 3em 0 0;
}
nav ul li:last-of-type{
	margin: 0;
}
nav ul li a{
  color: #1c295c;
  display: block;
  font-weight: bold;
  padding: 0.5em 0;
  border-bottom: 12px solid #ffffff;
}

nav ul li a:hover{
  border-bottom: 12px solid #cccccc;
}

nav figure{
  width: 90%;
  display: inline-block;
  text-align: center;
}

nav figure img{
  /*margin: 1% 24% 0%;*/
  width:50%;
}

.container{
  max-width: 100%;
}

.logo{
  float: left;
  margin: 3% 25% 0% 25%;
  width: 50%;
}

.logo figure{
  float: left;
  width: 100%;
}

.logo img{
  /*min-height: 112px;*/
  width: 100%;
}

.title{
  float: left;
  margin-left: 1em;
  padding-top: 2.0em;
  width: 54%;
}

.title .name1{
  color: #056839;
  font-size: 3.4em;
  font-weight: bold;
  width: 3.5em;
  float: left;
}

.title .name2{
  color: #a7a9ac;
  font-size: 3.4em;
  font-weight: bold;
  width: 3.5em;
  float: left;
}

.title .nameDesc{
  color: #056839;
  font-weight: bold;
  float: left;
}



section .main{
  background-color: #0e7731;
  float: left;
  /*margin-top: 1.7em;*/
  width: 100%;
}

section .main figure{
  float: left;
  width: 36%;
}

section .main figure img{
  float: left;
  /*min-height: 1093px;*/
  width: 100%;
}

section .main .mainContent{
  float: left;
  padding-left: 3%;
  /*min-height: 1093px;*/
  width: 61%;
}

section .main p, li{
  color: #ffffff;
  font-size: 20px;
  line-height: 1.5em;
}

section .main p, .leftPadding{
   padding-right: 25%;
}

section .main h1{
  color: #ffffff;
  font-size: 3em;
  /*margin: -1% 0 3% 0;*/
  text-align: left;
  font-weight: normal;
}

section .main h1 sup{
  font-size:x-large;
}

#people{
  background-color: #e2e2e2;
  float: left;
  width: 100%;
}

#people .titleP{
  width: 100%;
  text-align: center;
}

#people .p1{
  color: #999999;
  font-size: 2em;
  text-align: center;
}

#people .p2{
  color: #0e7731;
  font-size: 3em;
  margin: -1% 0 3% 0;
  text-align: center;
}

#people .contentP{
  float: left;
}

#people .contentP figure{
  float: left;
  width: 36%;
}

#people .contentP figure img{
  float: left;
  width: 64%;
}

#people .contentP .desc{
  float: left;
  width: 64%;
}

#people .contentP .desc p{
  color: #333333;
  float: left;
  font-size: 1.3em;
  width: 75%;
  line-height: 1em;
  margin: 1em 0 0;
}

#people .contentP .desc p label{
  color: #0e7731;
  font-weight: bold;
  font-size: 1.3em;
}



#people .subTitleP {
  float: left;
  width: 100%;
}

#people .subTitleP p{
  color: #0e7731;
  font-size: 2em;
  text-align: center;
  width: 49%;
  margin: 2em auto;
}

#people .getIn a{
  float: left;
  margin-left: 35%;
  margin-right: 35%;
  padding: 15px 15px;
  width: 30%;
  /*height: 95px;*/
  text-decoration: none;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 25px;
  background: #a9a7a7;
  text-align: center;
  color: #ffffff;
  font-size: 2em;
  margin-bottom: 1em;
}

#projects{
  background-color: #ffffff;
  float: left;
  width: 100%;
}

#projects .titleP{
  width: 100%;
  text-align: center;
}

#projects .p1{
  color: #999999;
  font-size: 2em;
  text-align: center;
}

#projects .p2{
  color: #0e7731;
  font-size: 3em;
  margin: -1% 16% 0% 15%;
  text-align: center;
}

#projects .desc{
  float: left;
  margin-left: 10%;
  margin-right: 10%;
  width: 70%;
}

#projects .desc .p1{
  color: #333333;
  font-size: 1.3em;
  font-weight: bold;
  line-height: 1.5em;
  text-align: left;
}

#projects figure {
  float: left;
  width: 48%;
  margin-right: 24%;
  margin-left: 28%;
}

#projects figure img{
  width: 100%;
}

#projects .textP {
  border-top: solid 1px;
  float: left;
  margin-left: 10%;
  margin-right: 10%;
  width: 80%;
}

#projects .textP .titlePT{
  float: left;
  width: 100%;
}

#projects .textP .titlePT p{
  color: #0e7731;
  font-size: 2.2em;
  font-weight: bold;
  text-align: left;
}

#projects .textP .subTitle .st{
  color: #1c4b73;
  font-size: 1.8em;
  font-weight: bold;
  line-height: 1.5em;
  text-align: left;
}

#projects .textP .subTitle label{
  color: #333333;
  font-size: 1.4em;
  font-weight: bold;
  line-height: 1.5em;
  text-align: left;
}

/* END PROJECTS */

/* PROCESS */
#process{
  background-color: #004651;
  float: left;
  padding-bottom: 4%;
  width: 100%;
}

#process .titleP{
  width: 100%;
  text-align: center;
}

#process .p1{
  color: #999999;
  font-size: 2em;
  text-align: center;
}

#process .p2{
  color: #ffffff;
  font-size: 3em;
  margin: -1% 15% 0% 15%;
  text-align: center;
}

#process .desc{
  float: left;
  margin-left: 10%;
  margin-right: 10%;
  width: 70%;
}

#process .desc .p1{
  color: #ffffff;
  font-size: 1.6em;
  font-weight: bold;
  line-height: 1.5em;
  text-align: center;
}

#process .content{
  float: left;
}

#process .content figure{
  float: left;
  width: 36%;
}

#process .content figure img{
  float: left;
  width: 100%;
}

#process .content .text{
  float: left;
  margin-left: 10%;
  width: 49%;
}

#process .content .text .subTitle{
  float: left;
  width: 100%;
}

#process .content .text .subTitle label{
  color: #ffffff;
  font-size: 1.8em;
  font-weight: bold;
  text-align: left;
}

#process .content .text .subTitle p{
  color: #ffffff;
  font-size: 1.4em;
  line-height: 1.5em;
  text-align: left;
}

/* END PROCESS */

/* CONTACT */
#contact{
  background-color: #ffffff;
  float: left;
  font-size: .8em;
  /*padding-bottom: 4%;*/
  width: 100%;
  padding-bottom: 3em;
}

#contact .titleP{
  width: 100%;
  text-align: center;
}

#contact .p2{
  color: #0e7731;
  font-size: 3em;
  margin: 5% 15% 4% 15%;
  text-align: center;
}

#contact .content{
  float: left;
  margin-left: 1em;
  width: 85%;
}

#contact .content .about{
  background-color: #004651;
  float: left;
  padding: 3%;
  width: 31%;
}

#contact .content .about p{
  color: #ffffff;
  font-size: 1.4em;
  font-weight: bold;
  line-height: 1.5em;
  text-align: left;
}

#contact .titleP a p, #contact .titleP .p2{
  margin:0 0 1em 0;
  text-align: center;
  width: 100%;
}

#contact .content .info {
  float: left;
  margin-left: 4%;
  width: 47%;
}
#contact .content .info p, #contact .titleP p{
  color: #0e7731;
  font-size: 2em;
  font-weight: bold;
  line-height: 1em;
  margin-top: 0;
  text-align: left;
}

#contact .content .info figure{
  float: left;
  overflow: hidden;
  width: 150%;
}

.top{
  width: 100%;
  text-align: right;
  margin-bottom: 2em;
}

.top a{
  color: #fff;
  background: #1c295c;
  text-decoration: none;
  padding: 4px 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

.negativemargin{
  margin-top: -2em;
}

.padding-Top{
  padding-top: 1em;
}

.copyright p{
  margin-top: 2em;
  text-align: center;
}

.copyright sup{
  font-size: x-small;
}

@media screen and (max-width: 800px){
  nav{
    width: 100%;
  }
  nav figure{
    width: 90%;
  }
  nav figure img{
    width: 100%;
  }
  nav ul li{
    margin-right: 1em;
  }
  section .main h1, .p2{
    font-size: 1.4em !important;
  }
  .titleP p
  {
    font-size: 1.5em !important;
  }
  section .main p, li
  {
    font-size: 16px;
  }
}