* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: arial, sans-serif;
}

body {
	margin: 0;
	padding: 0;
	background-image: url("../imgs/const_01.jpeg");
	background-size: cover;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100vh;
}

.content {
	background: rgba(255,255,0, 25%);
	margin: 0 5%;
	text-align: center;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

main {
	text-align: center;
	height: 60%;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: start;
}

.contact {
	display: flex;
	flex-direction: column;
	width: 100%;
	background-color: rgba(255, 255, 255, 25%);
}

.contact-header {
	font-size: 40px;
}

.contact-body {
	display: flex;
	justify-content: center;
	align-items: start;
	min-height: 150px
}

.contact-body ul {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	width: 300px;
}


.contact-body ul li {
	text-align: left;
	font-size: 30px;
}

.contact-body ul li a {
	padding: 15px;
	text-decoration: none;
	color: black;
}

.contact-body div {
	flex: 1;
	min-width: 50px;
	margin: 5px;
	display: flex;
}

#opt1 {
	background-color: #ff4512;
}

#opt2 {
	background-color: #fff512;
}

#opt3 {
	background-color: #ffa51c;
}

#opt4{
	background-color: #dda51c;
}

@media screen and (max-width: 1024px) {
	.content {
		margin: 0;
	}
	div.contact {
	}
	div.contact-body ul {
		flex-direction: column;
	}
	.contact-body ul {
		width: 450px;
	}

	.contact-body ul li {
		font-size: 3em;
	}


}