.clearfix{ zoom:1; }.clearfix:before,.clearfix:after{ content:"\0020";display:block;height:0;overflow:hidden; }
.clearfix:after{ clear:both; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
body {-webkit-text-size-adjust: 100%; -ms-text-size-adjust: none; color: #333;}
input, textarea {-webkit-appearance: none; appearance: none; -moz-appearance: none; outline: none; margin: 0; padding: 0; border: none;  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
select {-moz-appearance: none; text-indent: 0.01px; text-overflow: ''; -webkit-appearance: none; appearance: none;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body, p, .menu, input, button {font-weight: 300; line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
button {-webkit-appearance: none; outline: none; cursor: pointer;}

@font-face {
	font-family: 'Nobel Uno';
	src: url('NobelUno-Regular.eot');
	src: url('NobelUno-Regular.eot?#iefix') format('embedded-opentype'),
		url('NobelUno-Regular.woff2') format('woff2'),
		url('NobelUno-Regular.woff') format('woff'),
		url('NobelUno-Regular.svg#NobelUno-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

html, body {height: 100%; margin: 0;}
body {display: flex; justify-content: center; align-items: center; background-color: #000;}

.container {position: relative; width: 100%; height: 100%; overflow: hidden; display: flex; justify-content: center; align-items: center;}
video {min-width: 100%; min-height: 100%; width: auto; height: auto; object-fit: cover; transform: translate(-50%, -50%); position: absolute; top: 50%; left: 50%; opacity: 0.3; z-index: 20;}

@media screen and (min-width: 320px) {

.content {width:100%; max-width: 650px; position: absolute; z-index: 100; font-family: 'Nobel Uno'; color: #fff; text-align: center; padding: 32px;}
img {max-width: 250px; width: 100%; margin-bottom: 40px;}
p {margin-bottom: 25px; line-height: 170%; font-size: 14px;}
a {color: #fff;}
a:hover {text-decoration: none;}
.email {margin-right: 20px;}

}

@media screen and (min-width: 1440px) {

img {max-width: 350px;}
p {font-size: 16px;}
}