.full-banner
	{
    display:flex;
    flex-flow: column wrap;
    justify-content:center;
    align-items: center;
    align-content: center;
	width:100%;
	height:450px;
	margin-bottom:30px;
	background-image: url(/about/images/celebrating-100-years-background.jpg);
	background-color: #0f2429;
	background-repeat: no-repeat;
	background-position: 100% 50%;
	background-size: 100%;
	-webkit-transition: all .1s ease-in-out;
	-moz-transition: all .1s ease-in-out;
	-o-transition: all .1s ease-in-out;
	transition: all .1s ease-in-out;
    }
.banner-text
	{
	width:40%;
    }
.banner-text img
    {
    width:100%;
    }
.image-one{position:relative;float:left;width:60%;Height:470px;box-sizing: border-box;border-right:2px solid #fff;}
.right-imges{position:relative;float:left;width:40%; height: auto; box-sizing: border-box;}
.right-imges div[class*=" image-"]{width:50.5%;Height:234px;float:left;box-sizing:border-box; margin-bottom:2px;border-right:2px solid #fff;}
.right-imges div[class*=" image-"]:nth-child(2n+2){width:49.5%;border-right:none;}

/*#layoutwrapper p{color:#333}*/
/*------------------------------------------------------------ SPACING -----------------------------------------------------------*/
.m-2{margin:20px;}
.mtb-2{margin-top:3em;margin-bottom:20px;}
.mt-2{margin-top:20px;}
.mb-2{margin-bottom:20px;}
.mr-2{margin-right:20px;}
.ml-2{margin-left:20px;}

.m-5{margin:5em;}
.mtb-5{margin-top:5em;margin-bottom:5em;}
.mt-5{margin-top:5em;}
.mb-5{margin-bottom:5em;}
.mr-5{margin-right:5em;}
.ml-5{margin-left:5em;}

.m-3{margin:3em;}
.mtb-3{margin-top:3em;margin-bottom:3em;}
.mt-3{margin-top:3em;}
.mb-3{margin-bottom:3em;}
.mr-3{margin-right:3em;}
.ml-3{margin-left:3em;}

.clear{clear:both;}

.image-and-text-card
    {
    display:flex;
    flex-direction: row;
    margin: 40px 0;
    }
.image-and-text-card .image-area
    {
    box-sizing: border-box;
    box-shadow: 7px 7px 10px rgba(0,0,0,0.05);
    border:1px solid #ebebeb;
    margin-bottom: 30px!important;
    transition: transform .5s;
    z-index: +1;
    }
.image-and-text-card .image-area:hover
    {
    transform: scale(1.02);
    }
.image-and-text-card .image-area img
    {
    width:100%;
    height:auto;
    margin-bottom: -2px;
    margin-right: 0;
    }
.image-and-text-card .image-area iframe
    {
    width:100%;
    height:auto;    
    margin-bottom: -2px;
    }
.image-and-text-card .text-area
    {
    margin-top: -30px;
    }
.image-and-text-card .text-area a
    {
    display:bock;
    color:#202020;
    z-index:999999!important;
    cursor: pointer;
    }
.image-and-text-card .text-area h2
    {
    margin-top: 0;
    }
.image-and-text-card .text-area p
    {
    margin-bottom: 0;
    }
.image-and-text-card .light-green
    {
    display:flex;
    flex-direction: column;
    justify-content: center;
    padding:0 30px;
    background-color: rgba(71,130,102,0.14);
    border-left: 200px solid rgba(71,130,102,0.014);
    margin-left: -200px;
    }
.image-and-text-card .light-purlple
    {
    display:flex;
    flex-direction: column;
    justify-content: center;
    padding:0 30px;
    background-color: rgba(152,106,138,0.14);
    border-right: 200px solid rgba(152,106,138,0.014);
    margin-right: -200px;
    }

@media only screen and (max-device-width: 7.001in)
{
div[class*="col-"]
    {
    width:100%!important;
    }
#layoutwrapper 
    {
    padding-top: 0!important;
    }
#about_us_banner
    {
    height:500px;
    margin-top:0;
    margin-bottom:40px;
    }
.full-banner
    {
    width:100%!important;
    height:250px!important;
    background-image: url(/about/images/celebrating-100-years-background.jpg)!important;
    background-color: #0f2429!important;
    background-position: center;
    background-size: cover;
    }
.banner-text
    {
    width:75%!important;
    }
.banner-text img
    {
    width:100%;
    }
.image-one{position:relative;float:none;width:100%;Height:250px;box-sizing: border-box;border-right:none;border-bottom:2px solid #fff;}
.right-imges{position:relative;float:none;width:100%; height: auto; box-sizing: border-box;}
.right-imges div[class*=" image-"]{width:50.5%;Height:125px;float:left;box-sizing:border-box; margin-bottom:2px;border-right:2px solid #fff;}
.container
    {
    clear:both;
    margin-top:40px;
    padding: 0 30px;
    }

.image-and-text-card
    {
    flex-direction: column;
    margin: 40px 0;
    }
.image-and-text-card .text-area
    {
    width:100%;
    box-sizing: border-box;
    }
.image-and-text-card .image-area
    {
    box-shadow: unset;
    }
.image-and-text-card .image-area:hover
    {
    transform: unset;
    }
.image-and-text-card .image-area img
    {
    width:100%;
    }
.image-and-text-card .image-area iframe
    {
    width:100%;
    }
.image-and-text-card .first-on-mobile
    {
    order: 1;
    }
.image-and-text-card .second-on-mobile
    {
    order: 2;
    }
.image-and-text-card .light-green
    {
    display:flex;
    flex-direction: column;
    justify-content: center;
    padding:30px;
    border-left: none;
    margin-left: 0;
    z-index: unset;
    }
.image-and-text-card .light-purlple
    {
    display:flex;
    flex-direction: column;
    justify-content: center;
    padding:30px;
    border-right: none;
    margin-right: 0;
    z-index: unset;
    }
    
}