.contact{
    margin-top:10%;
    margin-left:10%;
    text-align: center;
    max-height:100vh;
    height:20%;
    max-width:100vw;
    width:80%;

}

.contact ul{
    font-size: 1.5rem;
    font-weight:bold;
    color:black;
}

.contact p{
    margin-top:3%;
    font-size: 1.2rem;
    color:black; 
}

.what{
	Display:flex;
	position:relative;
	color:black;
	justify-content: center;
	align-items: center;
	text-align: center;
	max-height:100vh;
	height:10%;
	margin-top:10%;
	max-width:100vw;
	width:80%;
	font-size:3rem;
	font-weight: bold;
	margin-left:10%;
}

@media screen and (max-width: 820px){


.contact ul{
    font-size: 6vw;
}

.contact p{
    font-size: 4vw;
}

.what{
	font-size:6vw;
}
}