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

html,
html * {
	
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	font-family: "Myriad Pro", Helvetica, Arial, "sans-serif";
}

.style-nav ul {
	
	list-style-type: none;
}


.style-nav ul li a {
	text-decoration: none;
	color:#E40513;
	
	text-align: center;
	display: block;
	text-transform: lowercase;
	padding: 5px;
	}

ul li a:hover  {
	color: #8D8D8D;
}

.artboxlogo {
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	width: 137px;
}



.whereweare {
	margin-left: auto;
	margin-right: auto;
	margin-top: -14px;
	margin-bottom: -7px; display: block;
	max-width: 350px;

}

.special {	text-align: center;
			padding-top: -40px;
			padding-bottom: 20px;
}




.row:before, .row:after {
	content: "";
	display: table;
	}

.row:after {
	clear:both;
	}

body {
	margin-left: auto;
	margin-right: auto;
	}

.col {width: 100%;} 

.col2{margin-top: auto}

h1 {font-size: 33px;
	font-weight:400;
	color:#444443}

.whatwedo {	text-align: center;
			padding-bottom: 20px;
			}



h3 {
	font-size: 20px;
	text-align: center;
	padding-top: 40px;
	}

img {
	width: 100%;
	max-width: 100%;
	height: auto;
	vertical-align: middle;
	padding: 10px;
	}

.img2 {
	width: 50%;
	float:left;
	max-width: 100%;
	height: auto;
	vertical-align: middle;
	padding: 10px;
	}

.eti {
	max-width: 520px;
	}
	


.carersspeak{
	float: right;
	padding: 20px 20px 10px 20px;
	text-align: center;
	font-style: italic;
	background: #E9CE95;
	font-size: 10.5pt;
	}

.carersspeak2{
	float: right;
	margin-top: 10px;
	padding: 20px 20px 10px 20px;
	text-align: center;
	font-style: italic;
	background: #8CD1C9;
	font-size: 10.5pt;
	}

.info-box-about {
	color:#353535;
	padding: 35px 40px 10px;
	text-align: center;
	font-style: normal;
	line-height: 16pt;
	}

.video	{ width: 90%;
		vertical-align: middle;
		margin-left: auto;
		float: center;
		}

.video2 { width: 90%;
		vertical-align: middle;
		margin-left: auto;
		padding: 15px;
		}


footer {text-align: center;
		font-size: 12px;
		padding: 10px 20px 20px;
		}




/*tablet view*/
@media (min-width: 768px){
	
		.artboxlogo {
		float:left;
		margin-left: 12px;
	}
	
	.style-nav ul li {
		display: inline-block;}
	
	.style-nav {
		float:left;
		margin-left: 2px;
		margin-top: -10px;
		text-align: center}
		
	.explore {float: left;
			margin-top: 35px;
			padding-left: 20px;
			width: 580px;
			}
	
	.whatwedo {	float:left;
				margin-top: -10px;
				margin-left: 390px;
				}
	
	.col-md-one-half {
		width: 50%;}
	

.col-md-one-fourth {
		width: 25%;}
	
	
.col {float:left;}
	
.video2 {margin-left: auto;
		margin-right: auto;}
	
.col-md-one-third{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	display: inline;
	padding-left: 120px;
	}
	
	
		body {
	max-width: 768px;}

	footer {width: 100%;}
	
	.eti {width: 520px;}
}




/*desktop view*/
@media (min-width: 1024px){
	
	.artboxlogo {
		float:left;
		margin-left: 32px;
	}
	

	.explore {float: left;
			margin-top: 35px;
			padding-left: 30px;
			width: 580px;
			}
	
	.whatwedo {float:left;
			margin-top: 105px;
			margin-left: -90px;}

	
	
	.style-nav {
		float:left;
		margin-left: 192px;}
	
	body {
	max-width: 1200px;}
	
.col-md-one-third {
		width: 50%;
		margin-left: auto;
		margin-right: auto;
		padding-top: 30px;
		padding-left: 30px;
		}	
	
.col-md-two-thirds {
		width: 50%;
		text-align: left;}
	
	footer {width: 100%;}
	
	.eti {width: 520px;}
	
	.info-box-about{
		padding: 10px 60px 30px;}
}

.carersspeak{margin-top: 20px;
}














.creative {
}
.galleryintro {
}
.artistlist {
}