html { height:100%; }
body { min-height:100%; z-index:1; padding-top:3rem; padding-bottom:0rem; font-family:'Open Sans', sans-serif; background:#fff url('bg.jpg') no-repeat center top; background-size:cover; }

header { background:#fff; margin-bottom:4rem; }
img { margin:1rem 0; }
ul { padding:0; list-style:none; display:inline-block; }
header ul { margin-top:1.5rem; }
header li { display:inline-block; margin-left:3rem; }
header p { font-size:1rem; color:#777; }
#Htxt { text-align:right; }
a { display:inline-block; font-size:1.25rem; color:#000; }
a:focus, a:active, button:focus { outline:none; }
a:hover { color:#f19d16; }

h1 { margin-bottom:3rem; font-size:4.125rem; color:#fff; }
section { margin-bottom:3rem; }
section p, section li { font-size:2.5rem; color:#fff; font-weight:bold; }
li:before { content:'—'; padding-right:.75rem; color:#70ad47; font-weight:bold; }

#cookies { text-align:right; font-size:1rem; color:#000; }
#cookies a { font-size:.875rem; }


@media (max-width:1904px) {  /* 13 - for_1680 ------------- */

}



@media (max-width:1664px) {  /* 12 - for_1600 ------------- */

}



		@media (min-width:1537px) {  /* for 1920, 2560, utt */

		}



@media (max-width:1584px) {  /* 11 - for_1536 ------------- */

 html { font-size:96%; }

}





@media (max-width:1520px) {  /* 10 - for_1440 ------------- */

 html { font-size:93%; }

}





@media (max-width:1424px) {  /* 9 - for_1366 ------------- */

 html { font-size:84%; }

}





@media (max-width:1350px) {  /* 8 - for_1280 ------------- */

 h1 { font-size:3.875rem; }
 section p, section li { font-size:2.25rem; }

}





@media (max-width:1264px) {  /* for_1024 ------------- */

}





@media (max-width:1008px) {  /* 7 - for_960	 ------------- */

 html { font-size:88%; }
 header ul { margin-top:0; }
 section { margin-bottom:6rem; }
 h1 { font-size:3.5rem; }
 section p, section li { font-size:2rem; }

 #cookies { text-align:center; }

}

		@media (min-width:992px) {
		}




@media (max-width:959px) {	/* 6 - for_800 ------------- */

}






@media (max-width:799px) {	/* 5 - for_768 ------------- */

}

		@media (min-width:768px) {
		}





@media (max-width:767px) {	/* 4 - for_414, 412 ------------- */

 body { background-size:initial; }
 header p { margin-bottom:2rem; }
 h1 { font-size:3rem; }
 section p, section li { font-size:1.875rem; }

}




@media (max-width:411px) {	/* 3 - for_393 ------------- */

 h1 { font-size:2.75rem; }
 section p, section li { font-size:1.75rem; }

}




@media (max-width:392px) {	/* 2 - for_375 ------------- */

 h1 { font-size:2.5rem; }
 section p, section li { font-size:1.5rem; }

}




@media (max-width:374px) {	/* 1 - for_360 ------------- */

}