/*--------------------------------------------------------------------
	
	Aylings Group
	Responsive CSS
	Updated: 25.01.2016
	
--------------------------------------------------------------------*/




/*------------------------------------------------------------------*/
/*------------------------------------------------------------------*/

/*	Desktop : 961+

/*------------------------------------------------------------------*/

@media screen and (min-width: 961px) {

/*-------- 3] Universal Elements --------*/

/*--- Main Content ---*/
.container { max-width: 1180px; }

}



/*------------------------------------------------------------------*/
/*------------------------------------------------------------------*/

/*	iPad Portrait Layout : 768-960

/*------------------------------------------------------------------*/

@media screen and (min-width: 768px) and (max-width: 960px) {

/* About / Contact Draw */
.contentdraw .teammember img { float: none; }

}



/*------------------------------------------------------------------*/
/*------------------------------------------------------------------*/

/*	Tablet Layout : 600-767

/*------------------------------------------------------------------*/

@media screen and (min-width: 600px) and (max-width: 767px) {

body { min-height: 600px; }

body.errorpage { min-height: inherit; }

.errorcontent { position: relative; top: auto; left: 0; width: 80%; padding: 100px 10%; }

.showposter { bottom: 20%; height: 80%; min-height: 600px; }

/* About / Contact Draw */
.contentdraw .teammember img { float: none; }

/*--- Event Content ---*/
.eventcontent .left { width: 100%; }
.eventcontent .right { width: 102%; margin: -1%; }

.eventcontent .dateblock { width: 31.3%; }

}

@media screen and (min-width: 0px) and (max-width: 767px) {

/* Footer */
.footer { height: auto; line-height: inherit; }
.footer .container { padding: 20px; }
.footer .left { width: 100%; text-align: center; }
.footer .right { width: 100%; text-align: center; }
.footer .logo { float: none; margin: 0 0 20px 0; }

ul#navigation { float: none; }
ul#navigation li { margin: 0 20px 12px 20px; }
}



/*------------------------------------------------------------------*/
/*------------------------------------------------------------------*/

/*	Phone Layout : 0-599

/*------------------------------------------------------------------*/

@media screen and (min-width: 0px) and (max-width: 599px) {

body { min-height: 600px; }

body.errorpage { min-height: inherit; }

.errorcontent { position: relative; top: auto; left: 0; width: 80%; padding: 100px 10%; }

.showposter { bottom: 20%; height: 80%; min-height: 600px; }

/* About / Contact Draw */
.contentdraw .left { width: 100%; padding: 0; }
.contentdraw .right { display: none; }
.contentdraw .teammember img { float: none; }



/*--- Event Content ---*/
.eventcontent .left { width: 100%; }
.eventcontent .right { width: 102%; margin: -1%; }

.eventcontent .dateblock { width: 31.3%; }

}

/*------------------------------------------------------------------*/

@media screen and (min-width: 0px) and (max-width: 480px) {

body { font-size: 13px; }

a.btn { min-width: inherit; }

/* About / Contact Draw */
.contentdraw .teammember { width: 100%; padding: 0; margin: 0 0 12px 0; }
.contentdraw .teammember img { display: none; }
.contentdraw .teammember h3 { margin: 0; }

.eventcontent .dateblock { width: 48%; }


}