@font-face {
  font-family: 'FuturaStd-Light';
  src: url('fonts/FuturaStd-Light.woff2') format('woff2'),
       url('fonts/FuturaStd-Light.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}


html { 
  background: url('hygapp.jpg') no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

body { ; font-family: 'FuturaStd-Light',Trebuchet MS,Arial,sans-serif; overflow:hidden;}

h1, h3, h4, h5, h6 {color:#fff; font-weight:300;}
h1 {margin-bottom:5px; font-size:4rem; font-weight:600;}
h2 {font-family: 'Rubik', sans-serif; color:#fff; font-weight:300; font-size:2rem; margin-top:5px;}

menu {width:97%; position:absolute; bottom:0; }
menu a {color:#fff; text-decoration:none;}

menu p {color:#fff;}

.personal-name {text-align:center;margin-top:25% !important; width:265px; margin:0 auto;}

.col-3 {display:inline; width:32%; float:left; text-align:center;}
.logo {display:inline; float:left; }
.logo::before {width:20px; height:20px; margin-top:-15px !important; background:none; display:block; margin:0 auto;

	content: '';
	-webkit-transition-timing-function: cubic-bezier(0.17, 0.67, 0.05, 1.29);
	transition-timing-function: cubic-bezier(0.17, 0.67, 0.05, 1.29);
	border: 5px solid #f60c3d;
	
}
.logo::before {
	top: 0;
	left: 0;
	border-width: 5px 0 0 5px;
	-webkit-transform: translate3d(10px, 10px, 0);
	transform: translate3d(10px, 10px, 0);
}


.square {width:10px; height:10px; border:3px solid #f60c3d; background:none; margin-top:30px !important; margin:0 auto;}




main {margin-top:30%;}
#section-1 {background:#fff; width:100%; height:1900px;}