/* open-sans-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/open-sans-v36-latin-500.eot'); /* IE9 Compat Modes */
  src: url('../fonts/open-sans-v36-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v36-latin-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/open-sans-v36-latin-500.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/open-sans-v36-latin-500.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/open-sans-v36-latin-500.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/open-sans-v36-latin-700.eot'); /* IE9 Compat Modes */
  src: url('../fonts/open-sans-v36-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v36-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/open-sans-v36-latin-700.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/open-sans-v36-latin-700.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/open-sans-v36-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}
 
body {
		padding: 0;
		margin: 0;
    }

img {
		position: absolute;
		object-fit: cover;
		z-index: -999;
		opacity: 0.8;
		height: 100%;
		width: 100%;
	}

h1 {
    font-family: 'Open Sans';
    color: #353B3C;
    font-size: 40px;
    font-weight: 300;
	}

a { 
	font-family: 'Open Sans';
	color: #353B3C;
	font-size: 30px;
	font-weight: 300;
	}

#page{
		position: relative;
		width: 100%;
		height: 100vh;
		padding: 0;
    }
	
#header{
        text-align: center;
		width: 70%;
		background: rgb(255,255,255, 0.8);
		padding: 25px;
		border-radius: 20px;
		-webkit-box-shadow: 10px 10px 47px -22px rgba(0,0,0,0.75);
		-moz-box-shadow: 10px 10px 47px -22px rgba(0,0,0,0.75);
		box-shadow: 10px 10px 47px -22px rgba(0,0,0,0.75);
    }
@media screen and (max-width:767px) {
	#header h1 {
			font-size: 30px;
			}
			
	#header a {
			font-size: 20px;
			}		
	}
@media screen and (max-width:532px) {
	#header h1 {
		font-size: 15px;
	}
	#header a {
		font-size: 14px;
	}
}
@media screen and (max-width:393px){
	#header {
		padding: 10px;
		width: 80%;
	}
	h1 {
		font-size: 12px;
	}
	a {
		font-size: 10px;
	}
}
@media screen and (max-width:308px){
	#header {
		padding: 10px;
		width: 90%;
	}
	h1 {
		font-size: 12px;
	}
	a {
		font-size: 10px;
	}
}