@font-face {
	font-family: "futuraPt";
	src: url("../font/FuturaPT-Book.ttf");
	font-weight: 400;
}		

@font-face {
	font-family: "futura";
	src: url("../font/Futura.ttf");
	font-weight: 600;
}	

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;700&display=swap');

* {
	
}

body {
	background-color: #1D1D1B;
	width: -webkit-fill-available;
	height: 100dvh;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	overflow: hidden;
	margin: 0px;
	padding: 60px;
	box-sizing: border-box !important;
}

p, a {
	color: white;
	font-family: "futuraPt", sans-serif;
	margin: 0 !important;
}

a {
	text-decoration: none;
	font-size: 16px;
	font-family: "futura", sans-serif;
}

.hero {
	padding-bottom: 60px;
	border-bottom: 1px solid white;
}

.txt-hero {
	font-size: 24px;
}

.txt-hero::before {
	content: url(../img/logo.svg);
	margin-right: 8px;
}

.contact {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	padding-top: 60px;
}

.bold {
	font-family: "futura";
}

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

body {
	padding: 40px;
}

.hero {
	padding-bottom: 40px;
}

.contact {
	padding-top: 40px;
}

.txt-hero {
	font-size: 20px;
}

.txt-hero::before {
	transform: scale(0.7);
}

.contact {
	flex-direction: column;
	row-gap: 20px;
}

}