@charset "UTF-8";
/* MOBILE */


@media screen and (max-width: 1000px) {
.inline-field input,
.inline-field label {
	vertical-align: top;
	}	
	
.main {
	width: 90%;
}
	
}

@media screen and (max-width: 760px) {	
	
html {
	box-sizing: border-box;
}

body {
	text-align: center;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	background-color: #555555;
}

#wrapper {
	width: 100%;
	max-width: 1360px;
	min-width: 360px;
	margin: 90px auto;
}

.main {
	width: 90%;
	align-content:center;
	margin: 30px auto;
	}

.main h1 {
	width: 100%;
	margin: 0 0 0 0;
	border-radius: 10px 10px 0px 0px;
	text-align: left;
	color: #FFFFFF;
	background-color: #333333;
	box-sizing: border-box;
}

.main p {
	
	width: 100%;
	margin: 0 0 0 0;
	border-radius: 0px 0px 0px 0px;
	text-align: left;
	color: #333333;
	background-color: #eeeeee;
	box-sizing: border-box;

}

.main ul{
	
	width: 100%;
	margin: 0 0 0 0;
	border-radius: 0px 0px 0px 0px;
	text-align: left;
	color: #333333;
	background-color: #eeeeee;
	box-sizing: border-box;
	
}
	
.main li{

	width: calc(100% - 30px);
}


.main p.end{
	
	width: 100%;
	margin: 0px 0px 0px 0px;
	border-radius: 0px 0px 10px 10px;
	text-align: left;
	color: #333333;
	background-color: #eeeeee;

}

.subLayout {
	flex-flow: row wrap;
	text-align: left;
}

.content {
	width: 100%;
	text-align: left;
	
}
	
.content .noImage {
	width: 100%;
	box-sizing: border-box;
	text-align: left;
}

.poster {
	width: 100%;
}

.blockArray {	
	padding-top: 0px;
}	
	
.block3{
	width: 100%;
	margin-top:30px;
	margin-right:0px;
}
	
.block4{
	width: 100%;
	margin-top:30px;
}
	
.block5{
	width: 100%;
	margin-top:30px;
}
	
.main h1 {
	text-align: center!important;
}

.main h2 {
	text-align: center!important;
}	
	
	
nav a {
	padding: 15px 20px 15px 20px;
}	
	
/*ADDITIONS for CONFLICT RESOLUTION*/

.tableSmall{
	width: 100%!important;
}

.tableMedium{
	width: 100%!important;
}

.imgInText img{
	width: 100%!important;
	height: auto;
}
	
	
}



@media screen and (max-width: 1100px) {
	
/* ACCESSIBILITY MENU */
	
.row {
	text-align: center;
	position:relative;
	margin: 0; 
	padding: 0px 0px 30px 0px;

}

	
.column {
	padding: 0;
}
	
.menuContent {
	margin-left:2.5%;
	margin-right:2.5%;
	width:95%;
}	
	
.overlay-content {
  top: 2.5%;
}

.overlay a {
 z-index:1;
}
	
.column {
		width: 100%;
	}
	
}





@media screen and (max-height: 500px) {
.startIcon{
	display: none;
	}
	
}