.sub_page_banner {
    min-height: 800px;
    background: transparent;
    position:relative;
}

@media only screen and (max-width: 550px){
       .sub_page_banner {
		min-height: 600px;
		background: transparent;
		position:relative;
	}
}

.esgoil_sub_title{
    
    position:absolute;
    bottom:12em;
    left:3em;
}

    .esgoil_sub_title h1 {
       
        font-size:4em;
		
		padding:10px;
    }

@media only screen and (max-width: 850px){
	.esgoil_sub_title {
    position: absolute;
    bottom: 12em;
    left: 2em;
}
       .esgoil_sub_title h1 {
        
        font-size:4em;
    }
}

@media only screen and (max-width: 550px){
       .esgoil_sub_title h1 {
        
        font-size:2.8em;
    }
}




.news_grid{
    position:relative;
    width:100%;
}

.news_grid img{
    position:relative;
    width:100%;
}

.news_grid .title_holder{
    color:#fff;
    position:absolute;
    top:0;
    background-color:rgba(0,81,116, 0.6);
    width:100%;
}

.news_grid .title_holder .title_text_wrapper{
    padding:0.6em 2em 1em 2em;
}

.news_grid .title_holder .title_text_wrapper p{
    font-size:1.4em;
}

.individual_resource{
    display: flex;
    position:relative;
    margin-bottom:6em;

}

@media only screen and (max-width: 960px){
       .individual_resource{
			display: block;
			position:relative;
			margin-bottom:6em;

		}
}

.individual_resource p{
    width:50%;

}

.individual_resource h3{
    margin-right:0.2em;
}

.visit_site_box{
     display: inline-block;
    position:absolute;
    right:0;
    background-color: #005174;
    height: 100%;
	max-height:100px;
    line-height: 1;
    padding: 2em 0.6em 0 0.6em;
    font-size: 2em;
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    font-weight: bold;
    
    }

    .visit_site_box a {
        text-decoration:none;
        color:#fff;
    }

.individual_resource a {
        text-decoration:none;
        
    }



@media only screen and (max-width: 730px){
       .visit_site_box{
			display: none;
			

		}
	
	.individual_resource p{
		width:90%;

	}
	
	.individual_resource{
		font-size:80%;	
	}
	
}

.partners{

    width:90%;
    margin:0 auto 0 auto;
        
}

.partners_wrapper{
    max-width:800px;
    
    margin:0 auto 2em auto;
}

.partners_group{

    
    display:inline-block;
}

.partners img{
    
    width:100%;
    height:auto;

}



@media only screen and (max-width: 700px){
       .partner_img{
			width:50%;
				margin:0 auto 0 auto;
	   }
	
	.partner_img img{
    	max-width:300px;
	}

}

@media only screen and (max-width: 980px){
        .news_grid .title_holder .title_text_wrapper h3{
        
        font-size: 2em;
       
    }

        .news_grid .title_holder .title_text_wrapper p{
        
        font-size: 1em;
       
    }
        .news_grid .title_holder .title_text_wrapper{
            padding:0.4em 1em 0.4em 1em;
    }
}

@media only screen and (max-width: 900px){
        .news_grid .title_holder .title_text_wrapper h3{
        
        font-size: 1.8em;
       
    }

        .news_grid .title_holder .title_text_wrapper p{
        
        font-size: 1em;
       
    }
        .news_grid .title_holder .title_text_wrapper{
            padding:0.2em 0.6em 0.2em 0.6em;
    }
}



.news_story_wrapper img{
    width: 100%;
	max-width:980px;
    height: auto;
}

.news_story_wrapper{
    max-width:980px;
    margin:0 auto 0 auto;

}
@media only screen and (max-width: 980px) {
    .news_story_wrapper {
        max-width: 94%;
        margin:0 auto 0 auto;
    }
}

news_story_wrapper img{

    max-width:100%;
}

.contact_item {
    color: #636363;
    padding: 1.2em;
    border: solid 1px #dddddd;
    
    background-color: #FAFAFA;
    margin: 2em;
}

.contact_left {
    width: 60%;
    float: left;
}

.contact_right {
    width: 30%;
    float: right;
}

.contact_right .fa {
    font-size: 10em;
    line-height: 360px;
}

.contact_left a {
    font-size: 2em;
    
}

.locations{
	 max-width:980px;
    margin:0 auto 0 auto;
	font-size:80%;
	
}

.location{
color: #636363;
    padding: 1.2em;
    border: solid 1px #dddddd;
    
    background-color: #FAFAFA;
    margin: 2em;
}

.location h1{
	 
}


.location .left_location{
	 float:left;
	width:50%;
}

.location .right_location{
	 float:right;
	width:50%;
	max-width:560px;
}

.location .right_location img{
	 width:70%;
	float:right;
	height:auto;
}

@media only screen and (max-width: 700px) {
	.location .left_location{
		 float:none;
		width:90%;
		margin:0 auto 0 auto;
	}

	.location .right_location{
		 float:none;
		width:100%;
		margin:0 auto 0 auto;
	}	
	
	.location{
 font-size:90%;
}
}

@media only screen and (max-width: 600px) {	
	
	.location .left_location{
		 
		width:96%;
	}
	
	.location{
 font-size:80%;
}
}


.clearBoth{
	clear:both;	
}

@media only screen and (max-width: 790px) {
		.contact_right  {
		display:none;
	}
	.contact_left {
		width: 96%;		
		float:none;
		margin:0 auto 0 auto;
	}
	
	.contact_left h2 {
		display: block;
		font-family: 'Oswald', sans-serif;
		text-transform: uppercase;
		font-size: 3em;
		margin-top: 0.83em;
		margin-bottom: 0.83em;
		margin-left: 0;
		margin-right: 0;
		font-weight: bold;
	}
	
	.contact_item {
    color: #636363;
    padding: 1.2em;
    border: solid 1px #dddddd;
    
    background-color: #FAFAFA;
    margin: 2em;
}
}


@media only screen and (max-width: 550px) {
		
	.contact_left a {
		font-size: 1.2em;
	}
	
	.contact_left h2 {
		display: block;
		font-family: 'Oswald', sans-serif;
		text-transform: uppercase;
		font-size: 2em;
		margin-top: 0.43em;
		margin-bottom: 0.43em;
		margin-left: 0;
		margin-right: 0;
		font-weight: bold;
	}
	
		.contact_item {
		color: #636363;
		padding: 0.8em;
		border: solid 1px #dddddd;

		background-color: #FAFAFA;
		margin: 0.4em;
	}
}


.archive_news_holder{
	display:none;	
}

.button {
    background-color: #4CAF50; /* Green */
    border: #4CAF50 2px solid;;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 20px;
	-webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
	cursor:pointer;
}

.button:hover {
    background-color: #fff; /* Green */
    color: #4CAF50;
	
}

table {
  border: 1px solid #ccc;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  table-layout: fixed;
}

table caption {
  font-size: 1.5em;
  margin: .5em 0 .75em;
}

table tr {
  background-color: #f8f8f8;
  border: 1px solid #ddd;
  padding: .35em;
}

table th,
table td {
	font-size: 1.5em;
  padding: .625em;
  text-align: left;
	border: 1px solid #ddd;
}

table th {
  font-size: 1.5em;
  letter-spacing: .1em;
  text-transform: uppercase;
}

@media screen and (max-width: 600px) {
  
  
  table td {
   
    font-size: .8em;
  }
  
}

ul { 
   list-style-type: disc; 
   list-style-position: outside; 
	padding-left: 40px;
}
ol { 
	font-size:1.6em;
   list-style-type: decimal; 
   list-style-position: inside; 
}
ul ul, ol ul { 
   list-style-type: circle; 
   list-style-position: inside; 
   margin-left: 15px; 
}
ol ol, ul ol { 
   list-style-type: lower-latin; 
   list-style-position: inside; 
   margin-left: 15px; 
}



/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}
.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }
/*  GRID OF THREE  */
.span_3_of_3 { width: 100%; }
.span_2_of_3 { width: 66.13%; }
.span_1_of_3 { width: 32.26%; }

/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 480px) {
	.col {  margin: 1% 0 1% 0%; }
	.span_3_of_3, .span_2_of_3, .span_1_of_3 { width: 100%; }
}

/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 700px) {
	.news_grid .col {  margin: 1% 0 1% 0%; }
	.news_grid .span_3_of_3, .span_2_of_3, .span_1_of_3 { width: 100%; }
}