

/*************************About Us Page styling*************************/

.section_padding { padding:50px 0px; box-sizing: border-box; }
.about .grey { background-color: #f3f3f3; }
.about .green { background-color: grey; }
.about .align { display: flex; flex-direction: column; justify-content: center; }
.about .page_title {text-align: center; padding-bottom: 25px;}
.about .page_title h2 {text-transform: uppercase; font-size: 24px; font-family: 'gibson_bold';  }
.about .page_title p { font-size:13px; font-family: 'Montserrat'; color: #4e4e4e; font-weight: 400; padding-top: 20px; line-height: 23px; } 

.about .year { font-size: 17px; font-weight:600; font-family: 'Montserrat'; padding-bottom:15px;  }
.about .grey .year { color:#4e4e4e; }
.about .green .year { color:#ffffff;} 


.about .two_col {display: inline-flex; width: 100%; margin-top:6px; box-sizing: border-box;}
.about .two_col:last-child { margin-bottom: 60px;}
.about .two_col .grey p { color: #4e4e4e; }
.about .two_col .content_block { width: 50%; padding: 40px; padding-top:60px; box-sizing: border-box;}
.about .two_col .content_block .block_title { font-size: 17px; font-weight: 600; font-family: 'Montserrat'; padding-bottom: 30px; text-align: left;}
.about .two_col .content_block p {font-size:13px; font-family: 'Montserrat'; font-weight: 400;line-height: 23px; padding-bottom: 10px;} 
.about .green p { color: #ffffff; }
.about .two_col .image_block  { width: 50%; }
.about .two_col .image_block img { width: 100%; max-width: 100%; height: 100%;}

/************************* responsive about us page*************************/

@media ( min-width: 200px) and (max-width: 900px)

{
.section_padding { padding:25px 0px;}
.about .grey { margin-top: 15px;}
.about .two_col .green { margin-bottom: 15px;}
.about .two_col:last-child .green { margin-bottom: 0px; }
.about .year { text-align: center; font-size: 13px; }
.about .inner_container {padding:0px;}
.about .page_title h2 {font-size: 18px;}
.about .page_title p {line-height: 20px; padding:15px 15px;}
.about .two_col {flex-direction: column; margin-top: 0px;}
.about .two_col:last-child { margin-bottom: 10px; }
.about .two_col .content_block .block_title { text-align: center; }
.about .two_col .content_block { width: 100%; order: 1; padding: 20px;}
.about .two_col .content_block p { font-size: 13px; line-height: 20px; text-align: center;}
.about .full { width: 100% !important; }
.about .two_col .image_block { width: 90%; order:0; margin: 0 auto;}
.about .two_col .image_block img {height: auto; display: block;}
}


@media ( min-width: 768px) and (max-width: 901px)


{
.about .year { text-align: left; }
.about .grey { margin-top:0px; }
.about .two_col .green { margin-bottom: 0px;}
.about .green { margin-bottom: 0px; }
.about .two_col { flex-direction: unset; margin-top: 10px;}
.about .two_col .content_block { width: 55%; order: unset; }
.about .two_col .content_block p {text-align: left;}
.about .two_col .image_block {width: 45%; order: unset; }
.about .two_col .image_block img {height: 100%;}
.about .full { width: 45% !important; }


}
