/****** Overall Panels ********/
.panel {
    box-shadow: none;
}

.sustainability-panels {
    position: relative;
    overflow: hidden;
    font-family: 'Open Sans', serif;
}

.sustainability-panels .panel {
    border-radius: 0;
    margin-bottom: 0;
    border: none;
    padding: 50px 0;
   
}


h2 {
    font-weight: 400;
    font-size: 48px;
    font-family: 'Roboto Slab' , serif;
}


/****** Panel 1 ********/
.panel1 {
	text-align: center;
	background: #fff  url("../jpg/panel1_bg-3.jpg") no-repeat 100% 0%;
	background-size: cover;
	padding: 50px 0!important;
	color: #000;
}
.panel1 h2 {
	font-size: 48px;
	color: #001e44;
	padding-bottom: 20px;
	margin-top: 0px;
}
.panel1 .left {
	border-right: 1px dotted #001e44;
}
.panel1 .right {
	border-left: 1px dotted #001e44;
}
.panel1 h3 {
	font-size: 35px;
	color:#001e44;
	font-weight:400;
}
.panel1 p {
	font-size: 25px;
	font-weight: 300;
	padding-bottom: 30px;
}
	


/****** Panel 2 ********/
.panel2 {
    text-align: center;
	background: var(--sky) url("../jpg/panel2_bg-4.jpg") no-repeat 100% 0%;;
	background-size: cover;
}

.panel2 h2 {
    color: #001e44;
    font-size: 48px;
	margin-bottom:0px;
    padding-bottom: 0px;
    margin-top:0px;
}

.panel2 p {
    font-size: 25px;
    font-weight: 400;
    color:#fff;
    padding-bottom:30px;
}


.panel2 .btn-lg {
	background: #001e44 none repeat scroll 0 0;
    border-color: #fff;
    border-style: solid;
    border-width: 2px;
    color: #fff;
    font-size: 22px;
    text-shadow:none;
    width:300px;
    padding-top:20px;
    padding-bottom:20px;
}
.panel2 .btn-lg:hover, .panel2 .btn-lg:active, .panel2 .btn-lg:focus {
    background: #fff none repeat scroll 0 0;
    border-color: #001e44;
    color: #000;
}

/****** Panel 3 ********/
.panel3 {
    text-align: left;
    background: #001e44 url("../png/panel3_bg.png") no-repeat scroll left;
 
   
}

.panel3 h2 {
    color: var(--sky);
    font-size: 48px;
  
}


.panel3 p {
    font-size: 25px;
    color:#fff;
    font-weight:200;
 
}
.panel3 .btn-lg {
    background: transparent none repeat scroll 0 0;
    border-color: var(--sky);
    border-style: solid;
    border-width: 2px;
    color: #fff;
    font-size: 22px;
    margin-top: 30px;
    margin-bottom: 30px;
}
.panel3 .btn-lg:hover, .panel2 .btn-lg:active, .panel2 .btn-lg:focus {
    background: var(--sky) none repeat scroll 0 0;
    border-color: #000;
    color: #000;
}

/****** Panel 4 ********/

.panel4 {
    text-align: center;
	background: #fff url("../jpg/panel4_bg-3.jpg") no-repeat 100% 0%;;
	background-size: cover;
}

.panel4 h2 {
    color: #001e44;
    font-size: 48px;
	margin-bottom:0px;
    padding-bottom: 0px;
    margin-top:0px;
}

.panel4 p {
    font-size: 25px;
    font-weight: 200;
    color:#000;
    padding-bottom:30px;
}


.panel4 .btn-lg {
	background: #001e44 none repeat scroll 0 0;
    border-color: var(--sky);
    border-style: solid;
    border-width: 2px;
    color: var(--sky);
    font-size: 22px;
    font-weight:600;
    text-shadow:none;
    width:300px;
    padding-top:20px;
    padding-bottom:20px;
}
.panel4 .btn-lg:hover, .panel4 .btn-lg:active, .panel4 .btn-lg:focus {
    background: var(--sky) none repeat scroll 0 0;
    border-color: #001e44;
    color: #000;
}

/****** Media Queries ********/


@media (max-width: 1600px) {
    
}

@media (max-width: 1500px) {
    
}

@media (max-width: 1400px) {
    
}

@media (max-width: 1300px) {

}

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

@media (max-width: 1200px) {
.panel3 {
	background-image:none;
	text-align: center;
}   
}

@media (max-width: 991px) {

.btn-lg{
	float:none!important;
	margin-bottom:20px;
}
.panel1 .right, .panel1 .left {
	border:none;
}

.panel3 {
	background-image:none;
	text-align: center;
}

}


@media (max-width: 767px) {


}

@media (max-width: 670px) {

}
    


@media (max-width: 566px) {
.panel2 .btn-lg, .panel3 .btn-lg, .panel4 .btn-lg, .panel5 .btn-lg  {
		padding:10px 15px;
		}

}
@media (max-width: 480px) {

    h2 {
        font-size: 35px !important;
    }

    h3 {
        font-size: 25px !important;
    }

    p {
        font-size: 20px !important;
    }
    .panel7 h1 {
	    font-size:25px!important;
    }

}

@media (max-width: 320px) {

}