@charset "UTF-8";
/* CSS Document */

/* IPAD SETTINGS */

@media (max-width: 1024px) {
	
body { margin:0; }
img, embed, object, video { max-width: 100%}
h1 { font-size: 90px; line-height:90px; }
h2 { font-size: 1.5em; margin: 0.83em 0; font-size: 70px; line-height:75px;	color: #fff; 	margin: 0 0 5px 0;	padding: 0;	text-align:center; }	
h3 {font-family: 'Amatic SC', cursive; font-weight: 700; font-size: 30px; line-height:1.2; color: #cc6600; margin: 310px 0px 0px 0px; padding: 0px; text-align:center; background-color:#FFFFFF; }
h3 a {color: #cc6600; text-decoration:none;}
h3 a:hover { color: #000;}	
p { font-family:Baskerville, Palatino, serif; font-weight: normal;font-size: 18px;line-height:20px;	color: #fff;margin: 0 0 10px 0;padding: 0; text-align:left;}

/*
* {
  box-sizing:box-border;
}
*/

[class*="box-"] {
  width:100%; 
  height:auto; 
  
}
.box-ahu {background:#2D80AD url(../images/HUBack_mobile.jpg); background-position:center top; display:inline-block;}
.spacer {display:none;}

[class*="container-"] {
	width:80%; 
	margin: 0 auto 0 auto; 
	overflow:auto; 
	height:auto; 
	padding-bottom:50px; 

/*     padding:0 20px 40px 20px; */
}
.container-adrian { width:100%; margin: 0 auto 0 auto; height:560px; background-image:url(../images/Adrian_Brooks_Artist_Theatres.jpg); background-position:100% 150%; background-repeat:no-repeat;}
.hometext { width:100%; margin: 22px 0 0 0;  }
.center-50 {width: 100%; text-align: left;}

.row::after {
  clear: both;
}


.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9,.col-10, .col-11, .col-12, .col-home {width: 100%;padding:10px 10px; 0 30px;}
.col-1 img, .col-2 img, .col-3 img, .col-4 img, .col-5 img, .col-6 img, .col-7 img, .col-8 img, .col-9 img,.col-10 img, .col-11 img, .col-12 img {text-align:center; width:80%; height:auto;}

.col-6 img {width:100%;}
.col-home {width: 100%; padding:0;}

.title { width: 100%; margin:75px 0 0px 0; height:auto;}
.col-closed { width:100%; height:auto; margin:0 0 0 0;}
.col-closed img { width:50%; height:auto; }
.col-text { width:80%; margin:50px 10% 0 10%; height:auto; text-align:center;}
.col-text img { width:80%; margin:20px auto 20px auto; height:auto; } 	

.rightsidetext { margin:15px 0px 0px 20px ; text-align:left;}
.lightsidetext {margin:15px 0 0 20px;}
.hometext { width:100%; margin: 0 0 0 0;  }
.center-50 {width: 100%; text-align: left;}
}

/* ******************* 
	
* MOBILE PHONE  
	
*******************  */
@media (max-width: 900px) {
	
body { margin:0; }
img, embed, object, video { max-width: 100%}
h1 { font-size: 70px; line-height:70px; }
h2 { font-size: 1.2em; margin: 0.83em 0; font-size: 50px; font-weight: 700;  line-height:75px;	color: #fff; 	margin: 0 0 5px 0;	padding: 0;	text-align:center; }	
h3 {font-family: 'Amatic SC', cursive; font-weight: 800; font-size: 30px; line-height:1.2; color: #cc6600; margin: 280px 0px 0px 0px; padding: 0px; text-align:center; background-color:#FFFFFF; }
h3 a {color: #cc6600; text-decoration:none;}
h3 a:hover { color: #000;}	
p { font-family:Baskerville, Palatino, serif; font-weight: normal;font-size: 18px;line-height:20px;	color: #fff;margin: 0 0 10px 20px; padding: 0; text-align:left;}

/*
* {
  box-sizing:box-border;
}
*/

[class*="box-"] {
  width:100%; 
  height:auto; 
  
}
.spacer {display:none;}

[class*="container-"] {
	width:96%; 
	margin: 0 auto 0 auto; 
	overflow:auto; 
	height:auto; 
/* 	padding-bottom:50px;  */

/*     padding:0 20px 40px 20px; */
}
.container-adrian { width:100%; margin: 0 auto 0 auto; height:580px; background-image:url(../images/Travel-Theatres-Adrain-Books.png); background-position: 25% 150%; background-repeat:no-repeat;}
.center-50 {width: 100%; text-align: left;}

.row::after {
  clear: both;
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9,.col-10, .col-11, .col-12 {
    width: 100%;
    padding: 10px 10px;
0 30px;
}
.col-1 img, .col-2 img, .col-3 img, .col-4 img, .col-5 img, .col-6 img, .col-7 img, .col-8 img, .col-9 img,.col-10 img, .col-11 img, .col-12 img {text-align:center; width:80%; height:auto;}

.col-6 img {width:100%;}
.col-5-home {display: none;}
.col-7-home {width: 100%; padding:0 10px; 0 10px;}

.title { width: 100%; margin:75px 0 0px 0; height:auto;}
.col-closed { width:100%; height:auto; margin:0 0 0 0;}
.col-closed img { width:50%; height:auto; }
.col-text { width:80%; margin:50px 10% 0 10%; height:auto; text-align:center;}
.col-text img { width:80%; margin:20px auto 20px auto; height:auto; } 	

.rightsidetext { margin:15px 0px 0px 0px ; text-align:left;}
.lightsidetext {margin:15px 0 0 0 ;}
.hometext { width:100%; margin: 0;  }
.center-50 {width: 100%; text-align: left;}
}