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

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



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

.creative {
	margin-left: auto;
	margin-right: auto;
	margin-top: -12px;
	margin-bottom: -4px; display: block;
	max-width: 220px;}

.special{text-align: center;
		padding-bottom: 10px;}


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

h2{	font-size: 32px;
	font-weight: 400;
	font-style: normal;
	color:#949494;}


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



.name {	text-align: center;
		margin-left: 20px;
		margin-top: 30px;
		margin-bottom: 8px;
		}


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

.row:after {
	clear:both;}

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

.col {width: 100%;} 




.img2 {	width: 42%;
		height: 42%;
		vertical-align: middle;
		padding: 7px;
		margin-right: 7px;
		margin-left: 7px;
		margin-bottom: 10px;
		box-shadow: 5px 5px 8px #A7A7A7;}

.histpara{
		margin-top:10px;
		text-align: center;
		font-weight:600;
		font-style: italic;
		color:#949494;}



.banner {	background-color: #E40513;
			color: #FFFFFF;
			vertical-align: middle;
			padding: 3px 10px 3px;
			margin-top: 10px;
			margin-bottom: -10px;
			text-align: center;}
	
.click{	text-align: center;
		background: #E40513;
		font-style: oblique;
		font-style: italic;
		font-weight: lighter;
		padding: 0px 0px 5px;}

.click2 {text-decoration: none;
		color:#FFFFFF;}

.click2:hover, .click2:active, .click2:focus 
		{	text-decoration: none;
			font-weight: normal;
			color:gold;}


.clickimage {	font-style:italic;
				text-align: center;
				font-weight: lighter;
				margin-top:2px;}


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




/*tablet view*/
@media (min-width: 772px){
	
.artboxlogo {float:left;}
	
		.clickimage {	
				font-style:italic;
				text-align: left;
				font-weight: lighter;
				margin-top:105px;}
	
	
.creative {	float:left;
			margin-top: 30px;
			margin-left: 10px;
			width: 280px;}
	
		.img2 {
		float:left;
		max-width: 95%;
		vertical-align: middle;
		padding: 6px;}
	
	
.special{	float:left;
			margin-top:75px;
			margin-left: 10px;}
	
.col-md-one-half {
		width: 50%;}

.col {float:left;}
	
	
body {max-width: 840px;}

footer {width: 100%;}

}





/*desktop view*/
@media (min-width: 1024px){
	
.artboxlogo {	float:left;
				margin-left: 32px;}
	
	.clickimage {	font-style:italic;
				text-align: left;
				font-weight: lighter;
				margin-top:105px;}
	
	
.creative {	float:left;
			margin-top: 30px;
			margin-left: 10px;
			width: 530px;}
	
	.img2 {
		float:left;
		width: 46%;
		vertical-align: middle;
		padding: 10px;}

	
.special{	float:left;
			margin-top:75px;
			margin-left: 10px;}
	
.banner {	background-color: #E40513;
			color: #FFFFFF;
			vertical-align: middle;
			padding: 3px 10px 3px;
			margin-top: 10px;
			margin-bottom: -10px;
			text-align: center;}
	
body {max-width: 1200px;}
	
	
footer {width: 100%;}
	
}