body{
	background-image:url('ARTSO logo.jpg');
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
	background-attachment:fixed;
	overflow-x:hidden;
	margin:0%;
	font-style:normal;
}
h1{
	font-family:broadway;
	color:blue;
}
.mf{
	z-index:1;
	text-align:center;
	width:80%;
	padding-left:10%;
	padding-right:10%;
	font-size:1em;
}
table tr td a img{
	width:19.1vw;
	margin-left:0.15vw;
	margin-right:0.15vw;
	box-shadow:0 5px 20px 0 rgba(0,0,0,0);
	height:auto;
}
table tr td a img:hover{
	box-shadow:0 5px 20px 0 rgba(0,0,0,0.5);
}
#div1{
	background:rgba(173,216,232,0.5);
	color:black;
	margin: 0px 0 px 50 px 50 px;
	padding-left:20px;
	padding-right:20px;
	width:70%;
}
.myborder{
	border:4 px;
	border-color: #333333;
	border-style: dashed;
} 
.txtstyl{
	font-family:verdana,sans-serif;
	font-style:oblique;
	line-height:200%;
}
.mainContent{
	float:left;
	width:80%;
	margin-left:10%;
	margin-right:10%;
}
.Page{
	width:60%;
	margin-left:30%;
	margin-right:10%;
	font-family:Cooper Black;
	color:red;
}
.mainContent .inf{
	width:20%;
	float:left;
	background-color:white;
	box-shadow:0 5px 20px 0 rgba(0,0,0,0.5);
	padding-right:5px;
	padding-left:5px;
}
.mainContent .inf h1{
	font-size:20pt;
}
.mainContent .inf p{
	font-size:12pt;
	font-family:Lucida Handwriting;
}
.mainContent .inf a{
	margin-left:0%;
	font-size:20pt;
	text-decoration:none;
}
.mainContent .desc{
	width:75%;
	margin-left:5%;
	margin-bottom:5%;
	float:right;
}
@media only screen and (max-width:1266px){
	.Page{
		width:80%;
		margin-left:10%;
		margin-right:10%;
	}
	.mainContent .inf{
		width:80%;
		margin-left:10%;
		margin-bottom:5%;
	}
	.mainContent .desc{
		width:100%;
		margin-left:0%;
		float:left;
	}
	#div1{width:90%;}
}
@media only screen and (max-width:849px){
	table tr td{
		height:425px;
		overflow:hidden;
	}
	table tr td a img{
		width:67.5vw;
		margin-left:16.25vw;
		margin-right:16.25vw;
	}
	#li0{display:table-cell;}
	#li1{display:none;}
	#li2{display:none;}
	#li3{display:none;}
	#li4{display:none;}
}
@media only screen and (max-width:750px){
	.mf{font-size:0.9em;}
}
@media only screen and (max-width:802px){
	.Page{font-size:1.7em;}
}
@media only screen and (max-width:677px){
	.mf{font-size:0.85em;}
}
@media only screen and (max-width:600px){
	.mf{font-size:0.75em;}
	table tr td{
		height:250px;
		overflow:hidden;
	}
	table tr td a img{margin-left:14vw;}
}
@media only screen and (max-width:550px){
	body{background-size:207.5% auto;}
}
@media only screen and (max-width:400px){
	table tr td{height:200px;}
	#div1{width:85%;}
}