body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
    background-color: #f4f4f4;
}
header {
    background-color: #DBD335;
    color: black;
    padding: 10px;
    display: flex;
    flex-direction: row;
}
h1{
    font-size: 60px;
    font-family: cursive;
}
.logo{
	display: flex;
}
nav {
    display: flex;
    justify-content: center;
    background-color: #DBD335;
}
nav a {
    color: black;
    padding: 14px 20px;
    justify-content: space-between;
    text-decoration: none;
    text-align: center;
    font-family: arial;
    font-size: 18px;
}
nav a:hover {
    border-radius: 30%;
    transition: all .6s ease-in-out;
    background-color: #d7dbdd;
}
section{
    margin: 10px 50px;
    display: flex;
}
iframe{
	display: flex;
}
.maps{
	display: flex;
	flex-direction: row;
	margin-top: 40px;
	margin-right: 5%;
	margin-bottom: 40px;
}
.contact{
	flex-direction: row;
	margin: 0;
	margin-bottom: 20px;
}
.info{
	display: flex;
	align-items: center;
	padding: 5px 5%;
	flex-direction: column;
}
.info h2{
	font-family: sans-serif;
	font-size: 190%;
	font-weight: 800;
	margin: 20px 10%;
}
.info p{
	font-family: sans-serif;
	margin-top: 15px;
	font-size: 150%;
	display: flex;
	align-items: center;
}
.link-contact{
	display: flex;
	align-items: center;
	margin: 0;
	padding: 0;
}
.contact{
	display: flex;
	align-items: center;
	margin: 20px 15%;
	justify-content: space-evenly;
	flex-direction: row;
}
.contact a{
	flex-direction: column;
	display: flex;
	font-size: 20px;
	align-items: center;
}
.qr{
	width: 80%;
	height: 20%;
	margin: 15px 20px;
	justify-content: space-between;
}
iframe{
	display: flex;
	width: 700px; 
	height: 600px;
}
.img-contact{
	flex-direction: column;
	display: flex;
	padding: 10px 20px;
	
}
.img-contact a{
	padding: 10px 30%;
	flex-direction: column;
	align-items: center;
	display: block;
	font-family: ginebra;
	font-size: 200%;
	font-weight: 700;
}

@media (max-width:800px){
	.maps{
		flex-direction: column;
		margin: 10px 20px;
		justify-content: center;
		align-items: center;
	}
	iframe{
		width: 320px;
		height: 450px;
		padding: 5px 5%;
	}
	.qr{
		width: 100px;
		height: 150px;
		margin-block: 0;
		justify-content: space-between;
	}
	.info h2{
		margin: 10px;
	}
	.contact{
		margin-bottom: 10px;
	}
}