/* latin-ext */
@font-face {
  font-family: 'Domine';
  font-style: normal;
  font-weight: 400;
  src: url(./assets/fonts/Domine_ext.woff) format('woff');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Domine';
  font-style: normal;
  font-weight: 400;
  src: url(./assets/fonts/Domine.woff) format('woff');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

.site-header {
  background-color: rgba(0, 0, 0, .85);
  -webkit-backdrop-filter: saturate(180%) blur(20px);
  backdrop-filter: saturate(180%) blur(20px);
}

.site-header a {
  color: white;
  transition: color .15s ease-in-out;
}

.site-header .header-text a {
  color: white;
  text-decoration: none;
  transition: color .15s ease-in-out;
}

.site-header .header-text-lang a {
  color: white;
  transition: color .15s ease-in-out;
}

.site-header a:hover {
  color: #38b6ff;
  text-decoration: none;
}

.btn:hover {
	color: white;
	background-color: #38b6ff;
}

html, body, p {
	font-family: "Domine", serif;
}

.header-text {
	font-family: "Domine", serif;
	color: white;
	text-decoration: none;
}

.header-text-lang {
	font-family: "Domine", serif;
	color: white;
	text-decoration: none;
}

.left {
	float: left;
}

.fullDiv {
    height: 100%;
    width: 100%;
    overflow: hidden;
    position: relative;
}

.full-width-image {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.in-line {
 	display: inline-block;
    width: auto;
}

.legal a {
	color: gray;
  	transition: color .15s ease-in-out;
}

.legal a:hover {
	color: #38b6ff;
}

.fullscreen {
    min-height: 100vh;
}

/* default for bigger screens */
html {
	font-size: 18px;
}

.team-photo {
	height: 420px;
	width: 315px;
}

.video {
	height: 40%;
	width: 40%;
}

.right {
	float: right;
}

@media only screen and (max-width: 1366px) {	
    html {
	    font-size: 16px;
    }
}

@media only screen and (max-width: 800px) {	
    html {
	    font-size: 14px;
    }

	.team-photo {
		height: 360px;
		width: 270px;
	}
	
	.video {
		height: 50%;
		width: 50%;
	}
	
	.right {
		float: right;
	}
}

@media only screen and (max-width: 670px) {
	html {
		font-size: 14px;
	}
	
	h4 {
		text-align: justify;
		font-size: 16px;
	}
	
	p {
		text-align: justify;
	}
	
	.team-photo {
		height: 333px;
		width: 250px;
	}
	
	.video {
		height: 100%;
		width: 100%;
	}
}