@charset "utf-8";

.main {
	background-image:url("../images/bg.jpg");
	background-size: cover;
	background-position: center;
	width: 100vw;
	height: 100svh;
	display: flex;
	align-items:center;
	justify-content: center;
	flex-direction: column;
	font-family: "Montserrat", system-ui;	
}


.logo {
	background-color:rgba(255,255,255,0.1);
	padding: 40px;
	width: 100%;
	display: flex;
	justify-content: center;
	
	img {
		width: 50%;
		max-width: 860px;
	}
}

.contact {
	background-color: rgba(216,0,0,0.61);
	display: flex;
	align-items: center;
	padding: 45px 60px;
	border-radius:20px;
	position: absolute;
	left:5%;
	bottom: 16%;
	box-shadow: 2px 2px 13px 5px rgba(0,0,0,0.5);
}
	
	
	a {
		color: #fff;
		font-weight: 700;
		font-size: 20px;
	}
	
	svg {
		width: 40px;
		fill:#fff;
	}
}

@media screen and (max-width:768px) {
	.logo {
		
		img {
			width: 100%;
		}
	}
}

@media screen and (max-width:485px) {
	.contact {
		padding: 30px;
	}
}