@-webkit-viewport   { width: device-width; }
@-moz-viewport      { width: device-width; }
@-ms-viewport       { width: device-width; }
@-o-viewport        { width: device-width; }
@viewport           { width: device-width; }

@font-face {
    font-family: 'besom_extendedregular';
    src: url('../_font/besom-extended-webfont.eot');
    src: url('../_font/besom-extended-webfont.eot?#iefix') format('embedded-opentype'),
         url('../_font/besom-extended-webfont.woff2') format('woff2'),
         url('../_font/besom-extended-webfont.woff') format('woff'),
         url('../_font/besom-extended-webfont.ttf') format('truetype'),
         url('../_font/besom-extended-webfont.svg#besom_extendedregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* ruda-400 - latin */
@font-face {
  font-display: swap;
  font-family: 'Ruda';
  font-style: normal;
  font-weight: 400;
  src: url('../_font/ruda-v28-latin-regular.woff2') format('woff2');
}
/* ruda-900 - latin */
@font-face {
  font-display: swap;
  font-family: 'Ruda';
  font-style: normal;
  font-weight: 900;
  src: url('../_font/ruda-v28-latin-900.woff2') format('woff2');
}

* {
    margin:0;
    padding:0;
}

html, body {
    width: 100%;
	height: 100%;
}

body {
	font-size: 10px;
	font-family: 'Ruda', sans-serif;
	-webkit-text-size-adjust: 100%;
	background-color: #58b8b6;
	color: #fff;
	font-weight: 400;
}

img {
	border: none;
}

a:focus {
	text-decoration: none;
	outline-width: 0;
}

a:link, a:active {
	color: #fff;
	text-decoration: none;
}

a:hover, a:visited {
	color: #fff;
	text-decoration: underline;
}


/* HEADING / FONT STYLES
-------------------------------------------- */

h1, h2, h3 {
	font-family: 'besom_extendedregular' !important;
	margin: 0;
	text-transform: uppercase;
}
h1{
	font-size: 4.0em;
	line-height: 1.0em;
}
h2 {
	font-size: 2.0em;
	line-height: 1.0em;
}
h3 {
	font-size: 1.6em;
	line-height: 1.0em;
}
.icons {
	font-size: 2.5em;
}
strong {
	font-family: 'Ruda', sans-serif;
	font-weight: 900;
}

/* VIDEO
-------------------------------------------- */

video {
  max-width: 100%;
  height: auto;
}

/* LAYOUT
-------------------------------------------- */

#logo {
	padding: 4vw 0 2vw 0;
	font-size: 1.8em;
	line-height: 1.8em;
	font-weight: 400;
}

#logo-two {
	padding: 15vw 0;
	font-size: 1.8em;
	line-height: 1.8em;
	font-weight: 400;
}

#contact {
	padding: 3vh 0 0 0;
	font-size: 1.8em;
	line-height: 1.8em;
}

#legals {
	padding: 3vh 0 2vw 0;
	font-size: 1.8em;
	line-height: 1.8em;
	font-weight: 400;
}

#footer {
	padding: 2vh 0 8vh 0;
	font-size: 1.4em;
}

.scrollToTop{
	width: 30px; 
	height: 30px;
	text-align: center; 
	text-decoration: none;
	position: fixed;
	bottom: 30px;
	right: 30px;
	display: none;
	font-size: 3.0em;
}

.scrollToTop:hover{
	text-decoration:none;
}


/* RESPONSIVE
-------------------------------------------- */

@media (max-width: 480px) {
	
	h1, .h1 {
		font-size: 2.5em;
		line-height: 1.0em;
	}
}