@font-face {
    font-family: 'Calibri';
    src: url('../fonts/Calibri.eot');
    src: url('../fonts/Calibri.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Calibri.woff2') format('woff2'),
        url('../fonts/Calibri.woff') format('woff'),
        url('../fonts/Calibri.svg#Calibri') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
a{text-decoration:none;}
h3{color: #136398;font-family: oswald;font-weight: 600;font-size: 30px;}
p{font-size:18px;}
.header{background:#2c2c2c;}
.banner_slide{background: url(/IOE/ArtificialReef/PublishingImages/slider_img.jpg) no-repeat center center;background-size: cover;}
.banner_slide p,.map_location p{font-family:'Calibri';color: #fff;text-align: center;}
.banner_slide p{-webkit-text-stroke: .4px black;}
.map_location .col-md-8{border: 3px solid #136398;box-shadow: 0px 5px 5px #333;}
.map_location p{color:#020202;text-align:left;}

.shape_circles {background-color: rgba(0,0,0);background-image: url(/IOE/ArtificialReef/PublishingImages/bg-dot.png);background-size: 80%;background-position: center right;background-repeat: no-repeat;}
.shape_circles h4{color: #136398;font-family: oswald;font-weight: 600;font-size: 20px; text-transform: uppercase;width:87%;}
.shape_circles .row{align-items: center;}
.shape_circles .col{background:url(/IOE/ArtificialReef/PublishingImages/circle_bg.png) no-repeat center center;background-size:cover;padding: 100px 0;text-align: center;}

.best_practices{background:#c3e6f9;}
.best_practices ul{position:relative;}
.best_practices ul li{font-family: 'Open Sans', sans-serif; font-weight: 600;list-style: none;font-size: 20px;line-height: 45px;}
.best_practices ul li:before{content:url(/IOE/ArtificialReef/PublishingImages/list_icon.png);position:absolute;left:0;margin-top: 5px;}
.best_practices a{text-decoration: none;background: #2c2c2c;color: #fff;font-family: 'Oswald';font-weight: 400;text-transform: uppercase;padding:.4em 1em;font-size: 20px;display: flex;justify-content: center;width: 142px;margin: 3em auto;}
.project_outputs{background:#fff;} 
.footer{background:#2c2c2c;}
.footer h5{font-family: oswald; font-weight:500;color:#fff;text-transform: uppercase;font-size:26px;}
.footer p{font-family: 'Montserrat', sans-serif; font-weight:400;color:#fff;margin-bottom:0;font-size:20px;}
.footer h6{font-family: 'Montserrat', sans-serif;font-weight:700;color:#fff;margin-top: 10px;font-size:20px;}
.footer span{font-family: 'Montserrat', sans-serif; font-weight:500;font-size: 15px;color:#fff;}
.footer a{color:#fff;}
.footer ul{float: right;}
.footer ul li{float: left;list-style: none;width: 100px;margin: 0px 10px;}
.footer ul li img{}
.footer .col-md-7{text-align:right;}
.footer .row{align-items: flex-end;}
@media (max-width:1024px){
	.shape_circles .col{background-size: contain;}
	.shape_circles h4{font-size:15px;}
	.container{max-width:100%;}
}
@media (max-width:736px){
	.header{text-align:center;}
	.best_practices .img-fluid{width:100%;}
	.project_outputs .col-md-5{order:2;}
	.footer,.footer .col-md-7,.banner_slide{text-align:center;}
	.footer ul {float: none;display: flex;justify-content: center;margin: 2em 0 0;}
}
@media (max-width:568px){
	.shape_circles .col{flex:auto;}
	.shape_circles .col{width:100%}

}
@media (max-width:425px){
	.shape_circles .col{margin-left:30px;}

.shape_circles h4{color: #136398;font-family: oswald;font-weight: 600;font-size: 20px; text-transform: uppercase;width:90%;}
	.footer p{font-size:14px;}

}