@media (max-width: 768px){
	.header{height: 10vw;}
	nav ul li{
    list-style: none;
    display: inline-block;
    width: 18%;
    min-width: 10px;
	padding: 10px 0.1vw;
    font-family: de-walpergens-pica;
    font-size: 3vw;
    font-weight: 400;
    text-align:center;}
	.top{background-size: auto;}
	.top h1{position: absolute;
	
	 transform:translate(-50%,-50%);
    color: #322043;
	text-shadow: 1px 1px 8px white,0 0 2px white;
    font-size: 5.5vw;
    text-align: center;
    font-family: charcuterie-deco,sans-serif;
    font-style: normal;
    font-weight: 400;
    padding:  0 ; margin: 0;
}
	.top h1{top:57vw;}
	h2{font-size: 10vw; padding: 50px 30px 10px;}
	.flex-list{display: flex;
		       flex-direction: row; flex-wrap: wrap;
	           padding:25px;
	           }
	.flex-list img{width:25vw ;}
	
	cap{font-size:4vw; }
	cap2{font-size:3vw;}
	
	h3{font-size: 5vw;padding: 20px;}
	
	.profile{width: 100px;}
	
	
	
	h5{font-family: 
    color: #303154;
    font-size: 5.5vw;
    padding: 10px;
    font-family: vdl-yotag, sans-serif;
}
	.mediacontent{}

	p{font-size:1rem;padding: 20px 30px;}}
.contact {height: 1000px;}
.mgadlogo{ padding: 10px 0;text-align: center;}