@charset "utf-8";
/* CSS Document */

html, body {
  background-color: #fff;
  color: #000;
	font-variant-ligatures: none;
	font-size: 1vw;
	position: relative;
	width: 100%;
	font-family: 'Samsung', sans-serif;
	font-weight: normal;
}
body, html {
    overflow-x: hidden;
}

body *{
  box-sizing: border-box;
}


section {
	position: relative;
}

.graphic {
	position: fixed;
	width: 45vw; height: 100vh;
	background-image: url("../data/STV_D3_3284_H.jpg");
	background-size: cover;
	background-position: left center;
	top: 0; left: 0;
}

body > *:not(div){
	margin-left: 50rem;
	margin-right: 10rem;
}
header {
	margin-top: 3rem;
}

input {
	font-family: 'Samsung', sans-serif;
	font-weight: bold;
}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{
    -webkit-box-shadow: 0 0 0 5rem white inset !important;
}

#isMobile {
	position: absolute; width: 1px; height: 1px;
	display: none;
}


[lang="en"] .hu, [lang="hu"] .en { display: none; }


@media (max-width: 1600px){
  html, body { font-size: 16px; }
	
	body > *:not(div){
    margin-left: 50vw;
    margin-right: 10vw;
	}
}

@media (max-width: 1280px){
  html, body { font-size: 1.25vw; }
}


@media (max-aspect-ratio: 1/1) and (max-width: 1000px) {
  html, body { font-size: 3.5vw; }
	

.graphic {
	width: 100vw; height: 30vw;
}
	
	
body > *:not(div){
	margin-left: calc(50% - 12.5rem);
	margin-right: calc(50% - 12.5rem);
}
header {
	margin-top: 10rem;
}
	
	
	#isMobile {
		display: block;
	}
	
	.show-desktop { display: none; }

}