/* iPhone [portrait + landscape] */
@media only screen and (max-device-width: 480px) {
body {
	font-size:25px;
	}

.logo{
	text-align:center;
	}
	
.logo img{
	height:5em;
	}
	

.navigation {
	padding-top:2em;
	font-size:1em;
	text-align:center;
	}	
	
.search {
	padding-top:0em;
	display:none;
	}

.heroImage {
	background-image:none
	}

}


@media only screen and (-webkit-min-device-pixel-ratio: 2) and (orientation : portrait) {
body {
	font-size:25px;
	}

h1 {
	font-size:1.5em;
	margin-bottom:.3em;
	}	

h2 {
	margin-top:1.3em;
	margin-bottom:.3em;
	}


.col img{
	width:100%;
	margin:.5em 0px .5em 0px;
}

.logo{
	text-align:center;
	}
	
.logo img{
	height:5em;
	}
	

.navigation {
	padding-top:1.5em;
	padding-bottom:1.5em;
	font-size:1.2em;
	text-align:center;
	line-height:1.5em;
	}


.search {
	padding-top:0em;
	display:none;
	}

.green {
	text-align:center;
	}


.heroImage {
	background-image:none;
	padding-top:2em;
	font-weight:600;
	}

.greenPageIntro{
	padding:25px 0px 25px 0px;
	}

.updates .thumbnail {
	width:15%;
	float:left;
	margin:0em 1em 1em 0em ;
	}


.filterForm {
	display:block;
	padding-bottom:2em;
	clear:both;
	}

.third {
	float:left;
	width:33%;
	font-size:.7em;
	}


.topNews .thumbnail {
	width:30%;
	float:right;
	margin-left:1em;
	margin-bottom:1em;
	}



.cinema {
	padding-left:0;
	width:100%;
	}

.heroImage .cinema {
	width:90%;
	}


.shareIcons img{
	margin:0px 4px 0px 0px;
	width:7%;
	}

.pinkBgHalf {
	background-color:#F7EBF4;
	padding:4%;
	width:85% !important;	
	}

}



/* iPad [portrait + landscape] */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {

}


/* Small Desktop [portrait + landscape] */
@media only screen and (min-width: 1025px) and (max-width: 1280px){

.header {
	clear:both;
	padding-top:10px;
	padding-bottom:10px;
	}




}


/* Desktop [portrait + landscape] */
@media only screen and (min-width: 1281px) {

.logo img{
	height:4em;
	}

.navigation {
	padding-top:.5em;
	font-size:1em;
	}


.navigation a {
	display:inline-block;
	text-decoration:none;
	color:#333;
	margin:0px 38px 0px 0px
	}

.heroImage {
	padding:50px 0px 30px 0px;
	}



}