*{
	box-sizing: border-box;
}
body{
	margin-left: 15vw;
	margin-right: 15vw;

}
@media screen and (max-width:700px){
body{
margin:0;}
}
nav{
	background-image: url("logohd.gif");
	background-repeat: no-repeat;
	background-size: 100% 100%;
	margin-left:150px;
	padding:0;

}
nav> ul{
	list-style-type: none;
	padding: 0;
	margin-left: -150px;
	overflow: hidden;
	width: 100%;
	color: purple;
	position: scroll;
	top: 0;
}
nav li, nav a{
	text-decoration: none;
	color: purple;
	padding: 1vw 1vw;
	font-size: 1.3vw;


}

nav a:hover{
	background-color: #4B068C;
	color: white;

}
section{
	width: 100%;
	margin-left:1.5vw;
	color: #4B068C;
	display: block;
}
section>div{
	float: left;
	width: 30%;
	margin: 1vw;
	display: inline-block;
	padding: 5px;
	text-align: justify;

}
.tar{
	visibility: hidden;
}
section img{
	display: block;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}
section h2{
	text-align: center;
}

section a{
	text-decoration: none;
	color:#4B068C ;
}
section>div:hover{
	border: 1px solid #4B068C;
	box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.7);
}
@media screen and (max-width:700px){
	section div{
		max-width: 48%;
}
section{
		width:100%;
		margin-left:auto;
		margin-right:auto;

}
}
@media screen and (max-width:500px){
	section div{
		width: 100%;
	}
section{
		width:100%;
		margin-left:auto;
		margin-right:auto;

}

}
.clear{
	content: "";
	clear: both;
}
footer{
	background-color: #4B068C;
	color: white;
	text-align: center;
	padding: 0.8vw;

}