body{ margin:0; padding:0; background-color:#000000; color:#FFFFFF; font-family: 'Poppins', sans-serif; line-height:3rem; }
.container{ max-width: 1100px; margin: 0 auto;}
.header{ text-align:center; padding:20px;}
.header img{ max-width:90%; }
.section_1{ background-image:url("../images/main.png"); background-position:center;  padding: 250px 0; background-size: cover; text-align: center;     }
.section_1 h1{ font-size: 6.5rem; font-style: italic; text-shadow: 1px 1px  5px  #000;}

.section_2{ margin-top: -100px;  } 
.section_2 .block_1{  }
.section_2 .block_1 .container{  background-color: #FFFFFF; min-height:520px; padding:50px;	    }
.section_2 .block_1 .container .col{ float:left; width:49%; color:#000;  }
.section_2 .block_1 .container .col img{  width:90%; height:auto;  color:#000;    }


.section_3{ clear:both;  ;padding-bottom: 100px ; background-color: black; background-image: url('../images/section_2.png') ;  background-size: cover; background-position:center; position: relative;    }
.section_3 .block_1 .container{    display: flex; padding:50px;	  }
.section_3 .block_1 .container .col{  width:50%;}
.section_3 .block_1 .container .col img{  width:90%; height:auto}


.section_4{ background-image: url('../images/section_3.png'); background-size: cover; padding: 60px 0; background-position:center; }
.section_4  .container{    display: flex;  padding:50px;	  }
.section_4 .container .col_1{  width:40%;}
.section_4 .container .col_2{  width:60%;}
.section_4 .container .col_2 img{  width:90%; height:auto}
.section_4 a{ text-decoration:none; color:#fff;}

.section_2, .section_3, .section_4{ font-size:1.5rem;}
.section_2 h3, .section_3 h3, .section_4 h3{ font-size:2rem;}


 


@media screen and (max-width:824px){
 
.section_1 h1{ font-size: 5rem !important;  }
.section_2, .section_3, .section_4{ font-size:1.2rem;}
.section_2 h3, .section_3 h3, .section_4 h3{ font-size:2rem;}
 
 
}
 
@media only screen and (max-width : 569px) {
 
.section_1{ background-image:url("../images/main.png"); background-position:center;  padding: 100px 0; background-size: cover; text-align: center;     }
.section_1 h1{ font-size: 3rem!important; font-style: italic; text-shadow: 1px 1px  5px  #000;}

.section_2{ margin-top: 0px;  } 
.section_2 .block_1 .container{  background-color: #FFFFFF; height:auto; padding:20px;	display:block    }
.section_2 .block_1 .container .col{ float:none; width:100%; color:#000;  padding-bottom: 40px ;  }
.section_2 .block_1 .container .col img{  width:100%; height:auto;  color:#000;    }

.section_3{ clear:both; padding-bottom: 0px ; background-color: black; background-image: url('../images/section_2.png') ;  background-size: cover; background-position:center; position: relative;    }
.section_3 .block_1 .container{    display: block; padding:20px;	  }
.section_3 .block_1 .container .col{  width:100%; padding-bottom: 40px ;}
.section_3 .block_1 .container .col img{  width:100%; height:auto}


.section_4{ background-image: url('../images/section_3.png'); background-size: cover; padding: 60px 0; background-position:center; }
.section_4  .container{    display: block;  padding:20px;	  }
.section_4 .container .col_1{  width:100%;}
.section_4 .container .col_2{  width:100%;}
.section_4 .container .col_2 img{  width:100%; height:auto}

.section_2, .section_3, .section_4{ font-size:1.1rem;}
.section_2 h3, .section_3 h3, .section_4 h3{ font-size:2rem;}

}