.marquee {
	  overflow: hidden;
	  padding:0 5px; 
	  height: 300px;
	}


/*marquee styles*/
/* Desktops and laptops ----------- */
@media only screen  and (min-width : 1275px) {
	#marqueeBoard {    
		/*background: transparent url("http://demo.schoolswebsites.ie/media/images/scrollers/scrolling_3.jpg") no-repeat center;*/
		 background-size: 730px 530px;
		/*height: 750px;
		width: 700px;*/
		height: 530px;
		width: 100%;
		padding-top: 75px;
	}

	.marquee {
	  overflow: hidden;
	  padding:0 5px; 
	  height: 300px;
	  width: 100%;
	  margin-left: 160px;
	  margin-top: 37px;
	  /*border-radius: 10px;
	  background-color: #C4D4AF;*/
	}

	#contentBox2 {
	width: 80%;
	height: 240px;
	margin-top: 55px;
	color: #FFFFFF;
	}
}

@media only screen  and (min-width : 993px) {
	#marqueeBoard {    
		/*background: transparent url("http://demo.schoolswebsites.ie/media/images/scrollers/scrolling_3.jpg") no-repeat center;*/
		 background-size: 730px 530px;
		height: 570px;
		width: 100%;
		padding-top: 75px;
		margin-top:50px;
	}
.marquee {
	  overflow: hidden;
	  padding:0 5px; 
	  height: 600px;
	  margin-top: -100px;
	  margin-left: 0px;
	  /*border: solid red 2px;*/
	  
	}
	
#contentBox2 {
	width: 100%;
	height: 330px;
	margin-top: 65px;
	margin-left: 5px;
	color: black;
	 /*border: solid blue 2px;*/
	}
}

/* smart phone ----------- */
@media only screen and (max-width : 354px){
#marqueeBoard {    
		height: 530px;
		width: 100%;
		padding-top: 75px;
		margin-top:50px;
	}
.marquee {
	  overflow: hidden;
	  padding:0 5px; 
	  height: 600px;
	  margin-top: 45px;
	}
	
#contentBox2 {
	width: 75%;
	height: 230px;
	margin-top: 65px;
	margin-left: 60px;
	color: #FFFFFF;
	}
}