@CHARSET "ISO-8859-1";

/* 
hr {
    display: block;
    height: 1px;
    width: 50%;
    border: 0;
    border-top: 1px solid #fff;
    margin:1em;
    margin-left: 10%;
    padding: 0;

}
 */
span.condensed {
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: bold;
}
span.blueCondensed {
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: bold;
    color: #2780ba;
}

td {
	margin-top:10 px;
	padding-bottom:10px;
}

#menu {
	 font-size: 1em;
}

.logoGrid {
	display: block;  /* Remove bullet points; allow greater control of positioning */
    padding: 0;      /* Override defaults for lists */
    margin: 0;       /* Override defaults for lists */
    width: 100%;     /* Get the row full width */
}
.logoGrid li {
	margin:0;
	padding:0;
	display: inline-block; /* Get all images to show in a row */
	width: 30%;            /* Show 4 logos per row */
   text-align: center;    /* Centre align the images */
}


/* Defining each section background and styles
* --------------------------------------- */

#section0 {
	background-image: url('../img/background_home.jpg');
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}


#section1 {
	background-image: url('../img/CR_03.png');
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#slide0 {
	background-image: url('../img/CR_03.jpg');
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#slide1 {
	background-image: url('../img/CR_04.jpg');
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
#slide2 {
	background-image: url('../img/CR_01.jpg');
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
#slide3 {
	background-image: url('../img/CR_04.jpg');
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
#slide4 {
	background-image: url('../img/CR_02.jpg');
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
#slide5 {
	background-image: url('../img/CR_03.jpg');
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#section2 {
	background-image: url('../img/CR_02.png');
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#section3 {
	background-image: url('../img/CR_03.png');
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#section4 {
	background-image: url('../img/CR_02.png');
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#section5 {
	background-image: url('../img/CR_03.png');
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

ul,ol {
	font-size:2em;
}

img.sponsor-logo {
	width:100%; 
	margin: 0 auto;
}
div.sponsor-link {
	background-color:#fff;
	max-width:50%;
	margin:1em auto;
	padding:1em;
}
.program-link {
	display: inline-block; 
	/*width:50%;*/ 
	margin:15%; 
	margin-top:0; 
	margin-bottom:0; 
	border:1px solid #fff;
}


/* Centered texts in each section
* --------------------------------------- */
.section{
	text-align:center;
}

/* Hide the link that should open and close the topnav on small screens */
#menu li.icon {
    display: none;
}

ol,ul {
	list-style: none;
	margin:0;
	padding:0;
}

#lessons-list{
	font-size:2em;
}
#lessons-list li {
	margin-top:1em;
}


/*screen resolutions for handheld in portrait mode */
@media only screen 
and (orientation : portrait) {
	html {
		font-size: 24px;
	}
	
	.section p{
		font-size: 1.2em;
	}
	
	.section h1{
		font-size: 2.5em;
		margin-bottom: 0.5em;
	}
	.section h2{
		font-size: 1.2em;
		margin-bottom: 0.5em;
	}
	.section h3 {
		font-size: 1em;
		font-weight: bold;
		margin-bottom: 0.5em;
	}
	.smaller {
		font-size: 1em;
	}
	#section0 {
		background-image: url('../img/EuroBackVert.jpg');
	}
	#section0 h1 {
		font-size: 2em;
	}
	#section0 p{
		font-size: 1em;
	}
	/*#menu {
	 font-size: 0.7em;
	}
	#menu li{
		margin: 0.2em;
	}*/
	
	#menu li:not(:first-child){
	 display:none;
	}
	#menu li.icon{
    float: right;
    display: block;
    background-color:#333;
   }
   #menu li.icon a{
    color:#fff;
   }
   #menu.resp { margin:0; padding:0;}
   #menu.resp li.icon {
   	position: absolute;
   	right: 0;
   	top: 0;
   }
   #menu.resp li {
   	float: none;
   	display: block;
   	text-align: left;

   }
   .text-container {
	width: 95%;
	margin: auto;
	margin-top: 2em;
	padding-bottom: 1em;
	margin-bottom:2em;
	}
	
   .logoGrid li { width: 90%; }
   
   ul,ol {
	font-size:1.5em;
	margin-left:2em;
	}
	.program-link {
		width:80%; 
		margin: 0 auto;
	}
} /* END screen resolutions for handheld in portrait mode */