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

	.cols-wrap.cols-2 {--cols-per-row:2; column-gap:80px;}

	#header .nav-toggle,
	#main-nav .close {display:none;}

	#main-nav .menu {display:flex; align-items:center;}
	#main-nav .menu li {margin-left:70px; line-height:22px; font-size:18px; text-align:center;}

}
 

@media screen and (max-width:1279px) {

	:root {
		--h1-font-size:70px; 
		--h2-font-size:50px; 
		--h3-font-size:30px; 
		--header-height:95px;
		--content-width:980px;
		--lyt-bl-pad-top:60px;
	}

	h1 > br, h2 > br, h3 > br, h4 > br, h5 > br, h6 > br, li > br {display:none;}

	.editable-content blockquote p {font-size:var(--h3-font-size);}

	.nav-active #header .main-logo {position:relative; z-index:3001;}
	
	#header:not(.active) .main-logo img {height:65px;}

	#header .nav-toggle {display:block; margin-left:auto; padding:13px 0; border:none;}
	.nav-active #header .nav-toggle {position:relative; z-index:3001;}
	#header .nav-toggle span,
	#header .nav-toggle span::before,
	#header .nav-toggle span::after {position:absolute; display:block; width:30px; height:2px; content:''; background:var(--color-theme-e); transition:all 0.2s ease;}
	#header .nav-toggle span {position:relative; text-indent:-9999px;}
	#header .nav-toggle span::before {top:-9px;}
	#header .nav-toggle span::after {bottom:-9px;}
	#header .nav-toggle:hover span::before {top:-11px;}
	#header .nav-toggle:hover span::after {bottom:-11px;}
	.nav-active #header .nav-toggle span {background:#0000;}
	.nav-active #header .nav-toggle span::before {top:0; transform:rotate(-45deg);}
	.nav-active #header .nav-toggle span::after {bottom:0; transform:rotate(45deg);}

	#main-nav {z-index:3000; position:fixed; inset:-100vh 0 auto 0; width:100vw; min-height:calc(100vh - var(--header-height)); max-height:calc(100vh - var(--header-height)); padding-top:var(--header-height); color:var(--color-theme-d); background:var(--color-theme-a); opacity:0; visibility:hidden; transition:all 0.2s ease;}
	.nav-active #main-nav {top:0; opacity:1; visibility:visible;}
	.logged-in.nav-active #main-nav {top:var(--wpadminbar-height); min-height:calc(100vh - (var(--header-height) + var(--wpadminbar-height))); max-height:calc(100vh - (var(--header-height) + var(--wpadminbar-height)));}
	
	#main-nav .nav-wrap {display:flex; min-height:inherit; max-height:inherit; overflow-y:auto;}
	#main-nav .content {width:var(--wrapper-width); margin:auto; padding:0 20px;}

	#main-nav .menu {margin-bottom:var(--header-height); padding:50px 0; text-align:right;}
	#main-nav .menu li:not(:last-child) {margin:0 0 15px 0; font-size:30px; line-height:var(--font-b-line-height);}
	#main-nav .menu li a br {display:none;}

	#banner {min-height:500px;}
	#banner .details .logo {width:400px;}
	
	#main .jumps-list .jump .wrap h2 {padding-top:80px; font-size:60px; background-size:auto 65px;}

	#main .text-image-section {padding-bottom:1px;}
	#main .text-image-section .rows .row .col-2 .image {width:1000px;}
	#main .text-image-section .rows.layout-a .row:nth-child(even) .col-2 .image,
	#main .text-image-section .rows.layout-b .row:nth-child(odd) .col-2 .image {margin-left:-490px;}

}


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

	:root {
		--min-content-width:820px;
	}

	#main .layout-section .intro.layout-b,
	#main .layout-section .outro.layout-b,
	#main .layout-section .cols-1.layout-b .col-1 {width:var(--min-content-width);}

}


@media screen and (max-width:979px) {

	:root {
		--h1-font-size:60px; 
		--h2-font-size:40px; 
		--content-width:760px;
	}

	.cols-wrap:not(.cols-1) {column-gap:40px;}
	.cols-wrap:not(.cols-1) .col .cols-wrap {grid-template-columns:1fr;}
	.cols-wrap.cols-3 {--cols-per-row:1;}
	.cols-wrap.cols-4 {--cols-per-row:2;}

	#banner {min-height:450px;}
	#banner .details .logo {width:300px;}

	#main .layout-section .cols-wrap.cols-2.cols-layout-b,
	#main .layout-section .cols-wrap.cols-2.cols-layout-c {grid-template-columns:1fr;}

	#main .layout-section .section-wrap {padding:30px 30px 10px 30px;}

	#main .jumps-list {grid-template-columns:1fr;}
	#main .jumps-list .jump .wrap {min-height:200px;}

	#main .text-image-section .rows .row .cols-wrap {display:block;}
	#main .text-image-section .rows .row .col-1 {padding-bottom:20px;}
	#main .text-image-section .rows .row .col-2 .image {width:100%;}
	#main .text-image-section .rows.layout-a .row:nth-child(even) .col-2 .image,
	#main .text-image-section .rows.layout-b .row:nth-child(odd) .col-2 .image {margin-left:0;}

	#footer .cols-wrap.cols-4 {--cols-per-row:1;}
	#footer .social-links,
	#footer .head nav {margin-bottom:var(--def-margin);}
	
	#layout-block-12 div{text-align: center;}

}


@media screen and (max-width:782px) {

	:root {
		--wpadminbar-height:46px;
	}

}


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

    .cols-wrap.cols-2.cols-rev .col-1 {order:1;}
	
}


@media screen and (max-width:759px) {

	:root {
		--body-font-size:16px;
		--h1-font-size:50px; 
		--h2-font-size:36px; 
		--h3-font-size:28px; 
		--header-height:55px;
		--content-width:580px;
	}

	.editable-content img {margin:0 0 20px 0;}
	.editable-content img.alignleft {float:none; margin-right:0;}
	.editable-content img.aligncenter {margin-right:auto; margin-left:auto;}
	.editable-content img.alignright {float:none; margin-left:auto;}
	.editable-content .wp-caption.alignleft {float:none; margin-right:0;}
	.editable-content .wp-caption.aligncenter {margin-right:auto; margin-left:auto;}
	.editable-content .wp-caption.alignright {float:none; margin-left:auto;}
	.editable-content .wp-caption.aligncenter .wp-caption-text {text-align:left;}

	.cols-wrap:not(.cols-1) {grid-template-columns:1fr;}

	#header {padding:5px 0;}
	#header:not(.active) .main-logo img {height:45px;}

	#banner {min-height:300px;}
	#banner .details .logo {width:250px;}

	#main .layout-section.hide-bg {background-image:none!important;}

	#main .layout-section .intro {padding-bottom:var(--def-margin);}

	#main .layout-section .section-header {display:block; text-align:center; margin-bottom:var(--def-margin);}
	#main .layout-section .section-header h2 {margin:var(--def-margin);}
	#main .layout-section .section-header .slick-controls {justify-content:center; margin:0;}
	#main .layout-section .section-header .button {display:none;}
	#main .layout-section .section-links {display:block; text-align:center;}

	#main .layout-section .section-wrap {padding:20px 20px 1px 20px;}

	#gamecontainer {display: none;}

	#main .jumps-list .jump .wrap h2 {padding-top:70px; font-size:40px; background-size:auto 50px;}

	#footer .section {padding:30px 0;}
	#footer .foot nav ul li {margin:0 15px 0 0;}
	#footer .foot .credit {text-align:left;}

}


@media screen and (max-width:579px) {

	:root {
		--h1-font-size:40px; 
		--h2-font-size:30px; 
		--h3-font-size:24px; 
		--content-width:100%;
	}

	#banner {min-height:250px;}

	#main-nav .menu li:not(:last-child) {font-size:22px;}

}
