body{
	background-color: #FFFAF0;
}
.a{
  color:White;
}
.navbar-dark{
  background-color: #00456E;}

.nav.navbar-nav.navbar-right li a {
    color: white;
    font-size: 20px;
    	margin-right: 20px;
       font-family: "BEBAS KAI";

}
.smalllogo{
  margin-top:5px;
}

.nav.navbar-nav.navbar-right li a:hover {
    color: #4AAECF;
    font-size: 20px;

}
.nav.navbar-nav.navbar-right li a:active {
    color: white;
    font-size: 20px;

}
.frontcontent{
  width:500px;float:right;margin-top:130px;margin-right:70px;font-size:30px;
}

.biglogo{

  width:500px;height:310px;
}
.fronttext{
  width:500px;margin-top:-80px;font-size:30px;font-weight:600;
}
.contact{

  margin-left: -10px;
}
.call{

  font-size:20px;margin-left:80px;margin-top:-20px;margin-bottom:10px;
  color:white;
}
.phone{width:35px;height:35px;margin-top:-10px;margin-left:20px;}
.number{color:white;font-size:25px;margin-left:30px;margin-top: -20px;}
.info1{
  background: #FFFAF0;
  color: #464646;
  padding: 2.6em 13%;
  font-size:25px; 
  font-family: "BEBAS KAI";
  padding-top: 80px;
  margin-bottom: 30px;

}
.info2{
  background: #FFFAF0;
  color: #464646;
  padding: 2.6em 13%;
  font-size:23px; 
  padding-top: 80px;
  font-family: "BEBAS KAI";

}
.info3{
  background: #FFFAF0;
  color: #464646;
  padding: 2.6em 13%;
  font-size:25px; 
  font-family: "BEBAS KAI";

}
.whoimg{
  width:350px;margin-top:140px;margin-top:140px;
}
h1{
    font-family: "BEBAS KAI";
}
h2{
  color:#00456E;
  font-family: "BEBAS KAI";
  font-weight:bold;
}
h3{
  color:#00456E;
  font-family: "BEBAS KAI";
  font-weight:bold;
}
h4{
  color:black;
  font-family: "BEBAS KAI";
  font-weight:bold;
}
.portion{
  background:url(../img/front.jpg) no-repeat;
  background-position: center center;
  background-size: cover;
  text-align: center;
  height: 100%;
 }

 .portion1{
  background:url(../img/about.jpg) no-repeat;
  background-position: center center;
  background-size: 100% 418px; 
  text-align: center;
  height: 100%;
 }
 .portion2{
  background:url(../img/who.jpg) no-repeat;
  background-position: center center;
  background-size: 100% 418px; 
  text-align: center;
  height: 100%;
}
.portion3{
  background:url(../img/what.jpg) no-repeat;
  background-position: center center;
  background-size: 100% 418px; 
  text-align: center;
  height: 100%;
  margin-top: 100px;
}
.portion4{
  background:url(../img/how.jpg) no-repeat;
  background-position: center center;
  background-size: 100% 201px; 
  text-align: center;
  height: 100%;
}
.caption {
    position: absolute;
    top: 45%;
    left: 0;
   right:20px;
    width: 40%;

}
.padding-0 {
  padding:0; 

 }   

 .started{
  color:#00456E;font-size:100px;margin-top:20px;text-align:center
 }

 .triangle-topleft{
   width:300px; 
   height: 110px;
   background:white;
   position: fixed;
   margin-top:-46px;
   margin-left:-275px; 
   z-index: -22;
    border-bottom:7px solid #4AAECF;
   border-right:9px solid #4AAECF;
   /* Skew */
   -webkit-transform: skew(143deg); 
   -moz-transform: skew(143deg); 
   -o-transform: skew(143deg);
   transform: skew(143deg);
   border-bottom-right-radius:2px;
}
.specialize{
  font-size: 17px;
  color: #464646;
}

.info6{
  background: #FFFAF0;
  color: #464646;
  padding: 2em 12%;
   
 
}
footer.info6 {
  color: #FFFAF0;
  background: #00456E;
  padding: 0 auto;
  text-align: center;
}


.footercallus{
  font-size:30px;margin-top:20px;color:white;margin-left:5px;
}
.footerphone{

  width:45px;height:45px;margin-top:-30px;
} 
.footernumber{

  margin-top:-55px;font-size:40px;margin-left:51px;color:white;

} 
.right{
  text-align:center;color:#4AAECF;margin-top:60px;font-size:14px;
}
.footeremail{
  font-size:30px;margin-top:20px;color:white;
}
.footeremailicon{
  width:55px;height:55px;margin-top:-30px;

}
.footeremailadd{
  margin-top:-42px;font-size:20px;margin-left:70px;color:white;
}

@media screen and (max-width: 500px) {
body {
    background-color: #FFFAF0;
}
.whoimg{
display:none;
}
.smalllogo{
  margin-top:10px;
}

.navbar-dark{
     background-color: #262626;}
.triangle-topleft{
   width:300px; 
   height: 130px;
   background:none;
   position: fixed;
   margin-top:-36px;
   margin-left:-10px; 
   z-index: -22;
    border-bottom:0px solid #4AAECF;
   border-right:0px solid #4AAECF;
   /* Skew */

}
.portion{
  background:url(../img/front1.jpg) no-repeat;
  background-position: center center;
background-size: 100% 222px; 
  text-align: center;
  height: 100%;
  margin-top: -170px;
 }

.frontcontent{
  width:240px;float:right;margin-top:220px;margin-right:4px;font-size:30px;
}

.biglogo{

  width:200px;height:120px;
}
.fronttext{
  width:240px;margin-top:-30px;font-size:12px;
}

  .portion1{
  background:url(../img/about1.jpg) no-repeat;
  background-position: center center;
  background-size: 100% 138px; 
  text-align: center;
  height: 100%;
  margin-top: -460px;
 }
 .portion2{
  background:url(../img/who1.jpg) no-repeat;
  background-position: center center;
  background-size: 100% 138px; 
  text-align: center;
  height: 100%;
    margin-top: -750px;
}
.portion3{
  background:url(../img/what1.jpg) no-repeat;
  background-position: center center;
  background-size: 100% 138px; 
  text-align: center;
  height: 100%;
      margin-top: -910px;
}
.portion4{
  background:url(../img/how.jpg) no-repeat;
  background-position: center center;
  background-size: 100% 101px; 
  text-align: center;
  height: 100%;
}

 .info1{
  background: #FFFAF0;
  color: #464646;
  padding: 3em 13%;
  font-size:14px; 
  font-family: "BEBAS KAI";
  margin-top: -560px;

}
 .info2{
  background: #FFFAF0;
  color: #464646;
  padding: 3em 13%;
  font-size:14px; 
  font-family: "BEBAS KAI";
  margin-top: -840px;


}
.hidden-anchor {
    position: absolute;
    top: 200px;
 }
 .info3{
  background: #FFFAF0;
  color: #464646;
  padding: 3em 13%;
  font-size:14px; 
  font-family: "BEBAS KAI";
  margin-top: -1000px;


}
h2{
  color:#00456E;
  font-family: "BEBAS KAI";
  font-weight:bold;
}


.started{
  color:#00456E;font-size:50px;margin-top:35px;text-align:center;
   font-family: "BEBAS KAI";
 }

.specialize{
  font-size: 14px;
  margin-top: -460px;
}

.call{

  font-size:14px;margin-left:55px;margin-top:-30px;margin-bottom:10px;
  color:white;
}
.phone{width:18px;height:18px;margin-top:-5px;margin-left:20px;}

.number{color:white;font-size:14px;margin-left:30px;margin-top: -10px;


}

.contact{

  margin-left: -100px;
}

.footercallus{
  font-size:20px;margin-top:20px;color:white;;
}
.footerphone{

  width:30px;height:30px;margin-top:-30px;
} 
.footernumber{

  margin-top:-40px;font-size:20px;margin-left:37px;color:white;

} 
.right{
  text-align:center;color:#4AAECF;margin-top:10px;font-size:12px;
}
.footeremail{
  font-size:20px;margin-top:5px;color:white;
}
.footeremailicon{
  width:35px;height:35px;margin-top:-30px;

}
.footeremailadd{
  margin-top:-35px;font-size:12px;margin-left:40px;color:white;
}

}

@media screen and (min-width: 500px) and (max-width: 979px) {
  .portion1{
  background:url(../img/about2.jpg) no-repeat;
  background-position: center center;
  background-size: 100% 224px; 
  text-align: center;
  height: 100%;

 }
 .portion2{
  background:url(../img/who2.jpg) no-repeat;
  background-position: center center;
  background-size: 100% 224px; 
  text-align: center;
  height: 100%;
  
}
.portion3{
  background:url(../img/what2.jpg) no-repeat;
  background-position: center center;
  background-size: 100% 224px; 
  text-align: center;
  height: 100%;
     
}

     .triangle-topleft{
     width:300px; 
     height: 130px;
     background:none;
     position: fixed;
     margin-top:-36px;
     margin-left:-10px; 
     z-index: -22;
      border-bottom:0px solid #4AAECF;
     border-right:0px solid #4AAECF;
     /* Skew */

    }
  .navbar-dark{
     background-color: #262626;
   }

.frontcontent{
  width:500px;float:right;margin-top:80px;margin-right:10px;font-size:30px;
}

.biglogo{

  width:500px;height:310px;
}
.fronttext{
  width:500px;margin-top:-80px;font-size:30px;
}


  .started{
  color:#00456E;font-size:70px;margin-top:35px;text-align:center;
   font-family: "BEBAS KAI";
 }
  .info1{


  font-size:18px; 
 

}
  .info2{


  font-size:16px; 
 

}
  .info3{


  font-size:16px; 
 

}
.whoimg{
  display:NONE;
}


.footercallus{
  font-size:20px;margin-top:20px;color:white;margin-left:5px;
}
.footerphone{

  width:30px;height:30px;margin-top:-30px;
} 
.footernumber{

  margin-top:-40px;font-size:20px;margin-left:37px;color:white;

} 
.right{
  text-align:center;color:#4AAECF;margin-top:40px;font-size:14px;
}
.footeremail{
  font-size:20px;margin-top:20px;color:white;
}
.footeremailicon{
  width:35px;height:35px;margin-top:-30px;

}
.footeremailadd{
  margin-top:-30px;font-size:10px;margin-left:40px;color:white;
}



}
@media screen and (min-width: 979px) and (max-width: 1200px) {

  .info1{


  font-size:19px; 
 

}
  .info2{


  font-size:19px; 
 

}
  .info3{


  font-size:19px; 
 

}


.footercallus{
  font-size:20px;margin-top:20px;color:white;margin-left:5px;
}
.footerphone{

  width:30px;height:30px;margin-top:-30px;
} 
.footernumber{

  margin-top:-40px;font-size:20px;margin-left:37px;color:white;

} 
.right{
  text-align:center;color:#4AAECF;margin-top:60px;font-size:14px;
}
.footeremail{
  font-size:20px;margin-top:20px;color:white;
}
.footeremailicon{
  width:35px;height:35px;margin-top:-30px;

}
.footeremailadd{
  margin-top:-35px;font-size:15px;margin-left:40px;color:white;word-wrap: break-word;
}


}