body {
  font-family: 'Montserrat', sans-serif;
  font-size: 18px;
}
.text-darkbrown { color: #33111b; }
.text-lightbrown { color: #543e44; }
header {
  height: 80px;
}

 #section1 {
    background: url('img/section1m.jpg') no-repeat center center; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: relative;
    color:#1d305f;
  }
  #section1 h1 {
    font-size: 55px;
    font-weight: 500;
    line-height: 57px;
	color: #d5d0c9;
  }
  
  #section1 p {
    font-size: 16px;
    font-weight: 600;	
  }
  
  #section1 p.sub {
    font-size: 18px;
    font-weight: 600;
	color: #d5d0c9;	
  }  
  
  #section1 h2 {
    font-size: 32px;
    line-height: normal;
    font-weight: 300;
    color:#d5d0c9;	
  }  

  #section1 h2 span {
    font-size: 40px;
  }	  
  
  #section1 h3 {
    font-size: 30px;
    line-height: normal;
    font-weight: 600;	
	color: #d5d0c9;	
  }  
  
  #section1 #webform h3{
    font-size: 35px;
    color: #5b6d8c;
    font-weight: 600;
    text-transform: uppercase;
  }

  #section1 #webform button[type="submit"] {
    border: 2px solid #d5d0c9;
    color: #d5d0c9;
    text-transform: uppercase;
	font-size: 24px;
  }
  #section1 img.picture {
    width: 80%;
    max-width: 100%;
        z-index: 1;
  }
  #section1 .box {
        z-index: 2;
  } 
  @media (min-width: 992px) {


 #section1 {
    background: url('img/section1.jpg') no-repeat center center; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: relative;
  }

  
  #section1 p {
    font-size: 18px;
    font-weight: 600;	
  }  

  #section1 h1 {
    font-size: 90px;
    font-weight: 500;
    line-height: 58px;	
  }  
  
  #section1 h2 {
    font-size: 40px;
    line-height: normal;
    font-weight: 300;
    color:#d5d0c9;	
  } 

  #section1 h2 span {
    font-size: 55px;
  }	

  }
  @media (min-width: 1200px) {

  }
  
  #section3a{
    background: #fff; 
    background-image:
    linear-gradient(
      #3172b0, #fff
    );	
    padding: 2rem 0;
  }  
  
  #section3a .content {
    color: #000;
    padding: 2rem;
      background: transparent;
  }


  #section3a h1 {
    font-weight: 400;
    font-size: 34px;
    color: #fff;	
  }  


  @media (min-width: 992px) {
	  
  #section3a{
    background: #fff; 
    background-image:
    linear-gradient(
      #3172b0, #fff
    );	
    padding: 2rem 0;
  } 	  

  #section3a .content {
      background: transparent;
      padding:0;
      color: #000;
   }  
   #section3a h1 {
     font-weight: 400;
     font-size: 45px;
     color: #fff;	
   } 	  

  }  
  
  
  #section3{
    background: #fff; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding: 1rem 0;
  }
  
  #section3 .content {
    color: #000;
    padding: 2rem;
    background: #ffffffb8;
  }
  #section3 p {
    font-size: 16px;
    color: #000;	
  }
  #section3 h2 {
    font-weight: 400;
    font-size: 44px;
    color: #000;
    text-transform: uppercase;	
  }

  #section3 h1 {
    font-weight: 700;
    font-size: 40px;
    color: #223364;	
  }   
  
  #section3 h3 {
    font-weight: 300;
    font-size: 24px;
    color: #000;	
    text-transform: uppercase;	
  }  
  #section3 .bottom p {
    font-size: 16px;
    color: #000;	
  }

  #section3 .bot {
    border: 2px solid #314265;
	background-color: #384265;
    color: #fff;
    text-transform: uppercase;
  }  
  
  #section3 ul {
    font-size: 16px;
    color: #000;	
  }  
  
  #section3 .con {
    font-size: 20px;
    color: #000;	
  }   
  
  #section3 .title-bar {
    background: #111;
    color: #fff;
  }  
  #section3 .title-bar h2 {
    font-weight: 400;
    font-size: 40px;
    color: #fff;	
  }  
  
  @media (min-width: 992px) {
    #section3{
      background:#fff; 
      -webkit-background-size: contain;
      -moz-background-size: contain;
      -o-background-size: contain;
      background-size: contain;
    }
    #section3 .content {
      background: transparent;
      padding: 2rem 0;
      color: #000;
   }  
   #section3 h1 {
     font-weight: 700;
     font-size: 60px;
     color: #223364;	
   } 

  #section3 h2 {
    font-weight: 300;
    font-size: 54px;
    color: #000;
    text-transform: uppercase;	
  }   

   #section3 h3 {
     font-weight: 500;
     font-size: 25px;
     color: #000;	
     text-transform: uppercase;	
   }  
	  
    #section3 .title-bar h2 {
      font-weight: 300;
      font-size: 50px;
      color: #fff;	
	  text-align:center;
      text-transform: uppercase;	
  } 	  

  }
  
  #principal{
    background: url('img/bg-m.jpg') no-repeat center center; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    color:#000;  
	
  }
  #principal h2{
    font-weight: 400;
    font-size: 33px;
    color: #000000;
    text-transform: uppercase;
  }
  #principal .content {
    background: #ffffffc3;
    padding: 2rem 0;	
  }
  #principal .content p{
    font-size: 16px;
    font-weight: 300;		
  }
  #principal p{
    font-weight: 300;	
    font-size: 16px;
  }
  @media (min-width: 992px) {
  
  #principal{
    background: url('img/bg.jpg') no-repeat center center; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    color:#000;    
	
  }
   #principal  p{
    font-size: 18px;
    font-weight: 300;	
	
  }
    #principal .content {
      padding: 5rem 0;
    }
    #principal h2{
      font-size: 44px;
      font-weight: 400;		  
    }
  }
  
  
  #section1a{
    background: #fff; 
   /* background-image:
    linear-gradient(
      #7f7f7f, #fff
    );	*/
    padding: 3rem 0;
  }  
  
  #section1a .content {
    color: #000;
    padding: 2rem;
    background: #ffffffb8;
  }
  #section1a p {
    font-size: 16px;
    color: #000;	
  }

  #section1a h1 {
    font-weight: 400;
    font-size: 38px;
    color: #000;	
  }  

  #section1a h2 {
    color: #073d54;	
  }   
  
 
  #section1a .bottom p {
    font-size: 16px;
    color: #000;	
  }

  #section1a .bot {
    border: 2px solid #314265;
    color: #314265;
    text-transform: uppercase;
  }  
  
  #section1a ul {
    font-size: 18px;
    color: #000;	
  }  
  
  
  @media (min-width: 992px) {
  
  #section1a p {
    font-size: 18px;
    color: #000;	
  }  

  #section1a .content {
      background: transparent;
      padding:0;
      color: #000;
   }  
   #section1a h1 {
     font-weight: 400;
     font-size: 42px;
     color: #142138;	
   } 	  

  }
  
   #section4b{
    background: #fff; 
    background-image:
    linear-gradient(
      #340505, #972225
    );	
    padding: 3rem 0;
  }  
  
  #section4b p {
    font-size: 22px;
  }
  #section4b h2 {
    font-size: 32px;
	font-weight: bold;
	color: #e91e26;
	text-transform: uppercase;
  }  

  #section4b span {
    font-size: 24px;
	font-weight: bold;
	color: #fff;
  }   
  
  #section4b .linkb{
    border: 2px solid #111;
    background-color:#801b1e;	
    font-size: 25px;
	padding: 10px;
    color:#111;
  }
  @media (min-width: 992px) {
  
  #section4b h2 {
    font-size: 48px;
	font-weight: bold;
	color: #e91e26;
	text-transform: uppercase;
  }  

  #section4b span {
    font-size: 28px;
	font-weight: bold;
	color: #fff;
  }     
  
    #section4b {
      height: 500px;
    }
  
    #section4b .content img{
      width: 40%;
    }
	

    #section4b .content .text{
      width: 60%;
    }
  }
  @media (min-width: 1200px) {
  }
  
  
  
  #section4c {
    background: #111; 
    color: #fff;
  }
  
  #section4c .image {
      padding-right: 15px;
      padding-left: 145px;
	  max-width:300px;
	  text-align: center;
    }  
  #section4c .content img{
      width: 20%;
    }

  @media (min-width: 992px) {
  
    #section4c .content img{
      width: 40%;
    }
	
	#section4c .image {
     margin-top: -530px; 
      padding-right: 15px;
      padding-left: 15px;
	  max-width:100%;	  
    }
    #section4c .content .text{
      width: 60%;
    }
  }
  @media (min-width: 1200px) {
  }
  

  #method{
    background: #fff; 
    background-image:
    linear-gradient(
      #3172b0, #6dace8
    );	
    color: #fff;	
  }
  #method .content {
    padding: 3rem;

  }
  #method p, ul {
    font-size: 16px;
  }
  #method h2 {
    color: #fff;
    font-weight: 400;
    font-size: 36px;
    text-transform: uppercase;
  }
  @media (min-width: 992px) {
    #method{
      background: #fff; 
      background-image:
      linear-gradient(
      #3172b0, #6dace8
    );	
      padding: 4rem 0;
      color: #fff;	  
    }
  #method h2 {
    color: #fff;
    font-weight: 400;
    font-size: 44px;
    text-transform: uppercase;
  }	

  #method p, ul {
    font-size: 16px;
  }	
	
    #method .content {
      background: transparent;
      padding:0;
    }
  }
    
 
  #methodb{
    background: #fff; 
    background-image:
    linear-gradient(
      #3172b0, #6dace8
    );	
  }
  #methodb .content {
    padding: 3rem;
  }
  #methodb p {
    font-size: 15px;
  }
  
  #methodb a {
    color: #fff;
  }
  
  #methodb h2 {
    color: #fff;
    font-weight: 400;
    font-size: 44px;
    text-transform: uppercase;
  }
  @media (min-width: 992px) {
    #methodb{
      background: #fff; 
      background-image:
      linear-gradient(
      #3172b0, #6dace8
    );	
      padding: 4rem 0;
    }
    #methodb .content {
      background: transparent;
      padding:0;
    }
  } 
  
  #pension{
    background: #fff; 
    background-image:
    linear-gradient(
      #363a42, #1c1e22
    );	
	color:#fff;
  }
  #pension .content {
    padding: 2rem;
    background: transparent;
  }
  #pension p {
    font-size: 15px;
  }
  #pension h2 {
    color: #3399ff;
    font-weight: 400;
    font-size: 44px;
    text-transform: uppercase;
  }
  @media (min-width: 992px) {
    #pension{
      background: #fff; 
      background-image:
      linear-gradient(
      #363a42, #1c1e22
    );	
      padding: 3rem 0;
	  color:#fff;	  
    }
    #pension .content {
      background: transparent;
      padding:0;
    }
  }
  
  
  #section6b{
    background: url('img/bg1.jpg') no-repeat center center; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    color:#fff;    
	
  }
  #section6b h2{
    font-weight: 300;
    font-size: 30px;
    color: #cc0000;
    text-transform: uppercase;
  }
  #section6b .content {
    background: rgba(0, 0, 0, 0.3);
    padding: 2rem 0;
  }
  #section6b .content p{
    font-weight: 400;
    font-size: 14px;
	
  }
  #section6b p{
    font-weight: 400;
    font-size: 16px;
  }
  @media (min-width: 992px) {
  
    #section6b .content {
      padding: 5rem 0;
    }
    #section6b h2{
      font-size: 42px;
    }
  }
  
  
  #section6c {
    background: url('img/bg2.jpg') no-repeat center center; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    color:#fff;    
	
  }
  #section6c h2{
    font-weight: 300;
    font-size: 30px;
    color: #fff;
    text-transform: uppercase;
  }
  #section6c .content {
    background: rgba(0, 0, 0, 0.5);
    padding: 2rem 0;
  }
  #section6c .content p{
    font-weight: 300;
    font-size: 14px;
	
  }
  #section6c p{
    font-weight: 300;
    font-size: 16px;
  }
  @media (min-width: 992px) {
  
    #section6c .content {
      padding: 5rem 0;
    }
    #section6c h2{
      font-size: 42px;
    }
  }  
  
   #mission{
    background: url('img/bg3.jpg') no-repeat center center; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    color:#fff;    	
  }
  #mission h2{
    font-weight: 400;
    font-size: 30px;
    color: #3399ff;
    text-transform: uppercase;
  }

  #mission .content {
    padding: 2rem;		
  }     

  #mission .content p{
    font-size: 16px;
    font-weight: 300;		
  }
  #mission p{
    font-weight: 400;
    font-size: 16px;
  }
  @media (min-width: 992px) {
  
  #mission .content {
    padding: 0;		
  }    
  
  #mission .content p{
    font-size: 16px;
    font-weight: 300;		
  }  

    #mission h2{
    font-size: 42px;
  
    }
  }
  
  
  #section6{
    background: #fff; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding: 0rem 0;
  }
  #section6 .content {
    padding: 2rem;
    background: #ffffffb8;
  }
  #section6 p {
    font-size: 16px;
    font-weight: 400;		
  }
  #section6 h2 {
    color: #22455f;
    font-weight: 400;
    font-size: 40px;
    text-transform: uppercase;
  }
  @media (min-width: 992px) {
    #section6 .content {
      background: transparent;
      padding:0;
    }

  #section6 p {
    font-size: 17px;
    font-weight: 400;		
  }	
	
  #section6 h2 {
    color: #000;
    font-weight: 400;
    font-size: 44px;
    text-transform: uppercase;
  }	
  }
  
  
  #footer{
    background: #1d1f23; 
    color:#d5d0c9;
    position: relative;
  }
  #footer a{
    color:#d5d0c9;
    text-decoration: none;
    font-size: 20px;
  }
  #footer a:hover{
    color:#fff;
  }
  #footer button[type="submit"]{
    border: 2px solid #d5d0c9;
    font-size: 25px;
    color:#d5d0c9;
  }
  #footer #webform h3 {
    font-size: 23px;
    text-transform: uppercase;
	color:#d5d0c9;
  }
  #footer #webform h3 span{
    font-size: 32px;
  }
  #footer .right h4 {
    font-size: 30px;
    color:#d5d0c9;
  }
  #footer .right div {
    border-top: 1px solid #d5d0c9;
    border-bottom: 1px solid #d5d0c9;
  }
  #footer .right div ul {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  #footer .right div ul li{
    display: inline-block;
    border-right: 1px solid #d5d0c9;
    padding: 0 15px 0 10px;
    line-height: 15px;
  }
  #footer .right div ul li:last-of-type{
    border-right: none;
  }
  #footer .right div ul li a{
    font-size: 15px;
    font-family: 'Baskervville';
  }
  #footer .right div ul li a:hover{
    color: #fff;
  }
  #footer .card{
    background: #d5d0c9;
    color: #d5d0c9;
    padding: 20px;
    height: auto;
    width: 1000px;
    margin: 0 auto;
    border: 0;
    color: #d5d0c9;
    max-width: 100%;
    border-radius: 0;
    z-index: 1;
  }
  #footer .card h3{
    font-size: 30px;
    text-transform: uppercase;
    font-weight: 700;
    color:#d5d0c9;
  }
  #footer .card form{
    color: #fff;
  }
  #footer .card button[type="submit"]{
    border: 2px solid #fff;
    font-size: 25px;
    color:#fff;
  }
  @media (min-width: 992px) {
    #footer .card h3{
      font-size: 40px;
    }
    #footer .card {
      background: url('img/footer.jpg') no-repeat top center; 
      -webkit-background-size: contain;
      -moz-background-size: contain;
      -o-background-size: contain;
      background-size: contain;
      padding: 30px 80px 30px 80px;
      height: 300px;
    }
  }