/************************************************************************************/
@media screen and (max-width:1179px){
		.node-type-generic-page .generic-image {	background-size: 100% 100%;	}		
}
/************************************************************************************/
@media screen and (max-width:1000px){		
		.node-type-generic-page .generic-image { background-size: cover; background-position:left top;height: 150px; min-height: 150px;}
}
/************************************************************************************/
@media screen and (max-width:900px){
		.node-type-generic-page .generic-image #topImageTitleContainer{font-size: 30px; line-height: 150%;}
		div.field-name-field-sec1-title div.field-items div.field-item, div.field-name-field-sec1-title-colour2 div.field-items div.field-item{font-size: 25px;}
		div.field-name-field-sec4-title div.field-items div.field-item, div.field-name-field-sec4-title-colour2 div.field-items div.field-item{font-size: 25px;line-height: 130%;}
		div#generic-sec2 .field-name-field-generic-section-2 > div.field-items > div.field-item.even:last-child .content > div:last-child, div#generic-sec2 .field-name-field-generic-section-2 > div.field-items > div.field-item.even:last-child .content > div:last-child div, div#generic-sec3 .field-name-field-generic-section-3 > div.field-items > div.field-item.even:last-child .content > div:last-child, div#generic-sec3 .field-name-field-generic-section-3 > div.field-items > div.field-item.even:last-child .content > div:last-child div {
    display: block;
    padding-right: 2%;
}
.field-name-field-footer-sec-title .field-items > div:first-child {
    padding-left: 0;
    padding-right: 0;
    font-size: 22px;
}

    .node-type-generic-page  .media_embed > iframe {
        height: auto;
        min-height: 300px;
        width: 85%;
    }
}
/************************************************************************************/
@media screen and (max-width:800px){
		
		.field-name-field-generic-section-2 > .field-items > div.field-item,
		.generic-sec3 > .field-name-field-generic-section-3.field-type-field-collection > .field-items > div{
				display: block; padding-top: 20px; width: 90%;	float:none;	margin:0 auto; text-align: center;
		}
		
		div.field-name-field-sec3-image > div.field-items div.field-item,
		div.generic-sec3 div.field.field-name-field-sec3-image.field-type-image
		{float:none; width:90%; text-align: center; margin:0 auto;}
		
		div.field-name-field-sec3-title, div.field-name-field-sec3-description div.field-items div.field-item{
				text-align: center;
		}
		 div.field-name-field-sec3-image img{/*padding:0 0 5%;*/}
		.field-name-field-footer-sec-description .field-items{height: 180px;}
		.field-name-field-footer-sec-description .field-items .even{height:auto;}
		.field-name-field-footer-sec-title .field-items > div:first-child, .field-name-field-footer-sec-title .field-items{
				background-size: 8% auto;
		}
		.field-name-field-footer-sec-title .field-items > div:first-child {
       font-size: 22px;
}
		
}
/************************************************************************************/
@media screen and (max-width:610px)
{
.field-name-field-footer-sec-description .field-items {
    font-size: 12px;
    display:inline;
   
}
.field-name-field-footer-sec-title .field-items > div:first-child {
    font-size: 16px;
}
}
/************************************************************************************/
@media screen and (max-width:500px)
{
		div.field-name-field-sec2-title-colour2 div.field-items > div.field-item,
		div.field-name-field-sec2-title div.field-items > div.field-item{
				background:transparent;
				padding: 0;
		}
		.generic-page div.yellow-background-image-contentainer div.field-name-field-footer-sec-right-image{	display: none;	}
		.field-name-field-footer-sec-description .field-items {
    font-size: 13px;
    display:inline;
   
}
div#generic-sec2 > .field-name-field-generic-section-2 > div.field-items > div.field-item.even:last-child, div#generic-sec3 > .field-name-field-generic-section-3 > div.field-items > div.field-item.even:last-child {
    padding-left: 0;
    padding-right: 0;
   
}
.generic-sec1 > .field-name-field-generic-section-1 .content, .entity-field-collection-item.field-collection-item-field-generic-section-4 > .content {
    background-size: 20% auto;
    
}
}
/************************************************************************************/
@media screen and (max-width:480px)
{
div.field-name-field-sec3-title {
    font-size: 20px;
    
}
.node-type-generic-page  .media_embed > iframe {  min-height: 250px; }
}
/************************************************************************************/
@media screen and (max-width:400px)
{
.node-type-generic-page .generic-image #topImageTitleContainer {
    font-size: 25px;
    line-height: 150%;
}
div.field-name-field-sec4-title div.field-items div.field-item, div.field-name-field-sec4-title-colour2 div.field-items div.field-item{line-height: 130%;}
}
/************************************************************************************/
@media screen and (max-width:320px){
   #generic-sec1 > div > div.field-items > .field-item .entity-field-collection-item > .content > div:first-child + div >div{ 
     display: block; width: auto;
   }
}
/************************************************************************************/

@media screen and (max-width:1024px)
{
div.generic-page div.field-items div.field-item div iframe#spotlight-video{
    max-width: 500px;
    width: 90%;
}
div.content div.generic-page .spotlight-title {
    display: inline;
   
}


}

