@media screen and (max-width: 1600px){
	.hp-banner .wrap {background-size: 1600px auto; height: 962px;}
	.hp-banner .inner {max-width: 700px;}

	.hp-lower .hp-book{padding-right: 100px;}
	.hp-lower .hp-test{padding-left: 100px;}
}



@media screen and (max-width: 1500px){
	
	main{ padding:80px 120px; }
	.region-sidebar-second{ padding-left:100px; }
	.region-banner{ padding:0px 120px; }
	main:has(aside) .layout-content {width: calc(100% - 350px);}

	nav.main-menu > ul > li > a, nav.main-menu > ul > li > span{margin-left: 15px; padding-left: 15px;}


	.hp-intro{padding: 100px 120px;}

	.hp-lower{padding: 150px 120px 100px;}
	.hp-lower .hp-book{padding-right: 80px;}
	.hp-lower .hp-test{padding-left: 80px;}
}


@media screen and (max-width: 1400px){
	.hp-banner .wrap {background-size: 1400px auto; height: 842px;}
	.hp-banner .inner {max-width: 600px;}
}

@media screen and (max-width: 1300px){
	
	main{ padding:80px 90px; }
	.region-sidebar-second{ padding-left:80px; }
	.region-banner{ padding:0px 90px; }
	main:has(aside) .layout-content {width: calc(100% - 280px);}
	nav.main-menu > ul > li > a, nav.main-menu > ul > li > span{margin-left: 10px; padding-left: 10px; font-size: 20px;}
	.top-nav ul{margin: 0 0 25px;}
	.top-nav {padding-right: 40px;}
	nav.main-menu > ul{padding-right: 40px;}


	.paragraph--type--single-block.img-left .item{ padding-left:0; }
	.paragraph--type--single-block.img-right .item{ padding-right:0; }
	.paragraph--type--single-block.img-right .image,
	.paragraph--type--single-block.img-left .image{ position:static; float:right; margin:0 0 40px 40px; }
	.field__item:has(.full-width) { padding:120px 150px; }

	.hp-intro{padding: 100px 90px;}
	.hp-intro .group .left {width: 420px;}
	.hp-intro .group .left h2{font-size: 36px;}
	.hp-intro .group .right{width: calc(100% - 420px);}

	.hp-ctas .item .wrap h3{font-size: 28px;}

	.hp-lower{padding: 120px 90px 100px;}
	.hp-lower .hp-book{padding-right: 60px;}
	.hp-lower .hp-test{padding-left: 60px;}




}


@media screen and (max-width: 1200px){
	.hp-banner .wrap {background-size: 1200px auto; height: 721px;}
	.hp-banner .inner {max-width: 500px;}

	.hp-banner .inner .logo .grade {width: 500px; height: 185px;}

}

@media screen and (max-width: 1100px){
	
	.footer{ padding:30px 45px; }
	ul.triple{ columns:2; }
	header{height: 175px;}
	.top-nav {padding-top: 25px;}
	nav.main-menu > ul > li > a, nav.main-menu > ul > li > span{font-size: 18px;}

	.site-logo {width: 200px;}

	
}

@media screen and (max-width: 1000px) {
	
	.region-banner{ padding:60px 80px; height: unset; background-size: 1000px auto; display: block;}
	h1{font-size: 55px;}
	.intro-txt{font-size: 22px;}

	main{ display:block !important; padding:0; margin-top: -30px;}
	.front .layout-content{padding: 0}
	.layout-content{ padding:60px 80px; }
	.region-sidebar-second{ box-sizing:border-box; padding:60px 80px 40px; }
	.region-sidebar-second > :last-child{ padding-bottom:0; margin-bottom:0; } 
	.layout-container .primary-img img{ display:block; float:right; width:35%; margin:0 0 30px 30px; }
	.side-list ul{display: none;}
	aside .primary-img{ display:none; }
	aside .sub-menu{ display:none; }
	aside .box{ background:none; padding:0; }
	aside .spine{ border:none; padding:0; }
	.region-sidebar-second{ margin:0; width:100%; }
	main:has(aside) .layout-content {width: unset;}

	.hp-banner .wrap{height: 700px; background-position: left; background-size: cover; position: relative; }
	.hp-banner .wrap:before{ position: absolute; content: ""; width: 100%; height: 100%; background: rgba(0, 0, 0, .5); top: 0; left: 0;}
	.hp-banner .inner{position: relative; padding: 180px 40px 0; right: 0; max-width: 600px;}
	.hp-banner .inner .logo .grade {width: 600px; height: 221px;}

		header{ height:115px; }
	.site-logo { width:180px; left:22px; top:22px; }
	#block-brisket-main-menu { display: none; }
	.top-nav{ display:none; }
	#mt-container { display: block; }

	main:has(aside) .layout-content:before { position: absolute; content: ""; border-top: dotted 3px rgba(255, 255, 255, .15); height: 1px; width: calc(100% - 160px); top: 0; left: 80px;}

	.hp-intro{padding: 60px 80px;}
	.hp-intro .group{display: block;}
	.hp-intro .group .left {width: unset; padding: 0 0 50px;}
	.hp-intro .group .left h2{text-align: left; font-size: 44px; margin: 0;}
	.hp-intro .group .right{width: unset; padding: 0;}
	.hp-intro .group .right p{max-width: unset;}

	.hp-ctas{padding: 70px 80px 100px;}

	.hp-lower{padding: 60px 80px;}
	.hp-lower .hp-book{padding-right: 0px; width: 100%; margin-bottom: 50px;}
	.hp-lower .hp-test{padding-left: 0px; width: 100%;}

	.footer .field__item{display: block;}
	.footer .left{width: unset; display: block; height: unset;}
	.footer .right{width: unset; padding-top: 30px;}
	.footer .left ul{display: block; text-align: center;}
	.footer .left ul li{padding-right: 0;}
	.footer .left ul li:last-of-type{padding: 0 0 10px; border-left: none;}
	.footer .right ul{justify-content: center;}


	
}

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


	.sm-stack tr{ display:block; padding:15px; }
	.sm-stack td{ display:block; border:none; padding:0; }
	.hp-banner .inner .logo .grade {width: 500px; height: 185px;}

}

@media screen and (max-width: 700px) {
	
	.region-banner{ padding:50px 60px; }
	.layout-content{ padding:50px 60px; }
	.region-sidebar-second{ padding:50px 60px; }
	.layout-container .primary-img img{ float:none; margin:0 0 40px; width:100%; }

    .field__item:has(.full-width) { padding:90px 150px; }
    .box-wrap { margin:-25px; }
	.paragraph--type--single-block.img-right .image,
	.paragraph--type--single-block.img-left .image{ float:none; width:100%; margin:0 0 40px; }
	.accordion .item .content .image{ margin: 0 0 25px 25px; }

	main:has(aside) .layout-content:before { position: absolute; content: ""; border-top: dotted 3px rgba(255, 255, 255, .15); height: 1px; width: calc(100% - 120px); top: 0; left: 60px;}
	.hp-banner .inner .logo .grade {width: 450px; height: 166px;}

	.hp-intro {padding: 50px 60px;}
	.hp-intro .group .left h2 { font-size: 32px;}

	.hp-ctas{padding: 50px 60px 70px;}

	.hp-lower{padding: 50px 60px;}

	
}

@media screen and (max-width: 600px){
	.paragraph.slider {margin: 50px -60px}

	.pop-alert .view-content > div{max-width: 400px;}
	.pop-alert .view-content{margin-left: -200px;}
	.pop-alert .inner p{font-size: 16px; line-height: 1.5em}
	.pop-alert .inner{padding: 50px 40px;}

}

@media screen and (max-width: 550px){
	.hp-banner .inner .logo {mask-size: 100%;}

	.hp-banner .inner .logo .grade {width: 100%; height: 160px;}
	.hp-banner .inner .logo {margin: 0 0 30px;}

}

@media screen and (max-width: 500px) {
	
	.region-banner{ padding:50px 40px; }
	h1{ font-size:40px; }
	.layout-content{ padding:60px 40px; }
	.region-sidebar-second{ padding:50px 40px 20px;  }
/*	.footer{ padding:30px 35px; }*/
	.align-right, .align-left{ max-width:100%; margin:0 0 30px; width: 100%;}
	.field__item:has(.box-wrap) { padding:80px 65px; margin:50px -40px; }
	.field__item:has(.full-width) { padding:70px 40px; }
	.paragraph.slider {margin: 50px -40px}

    
	p.big{ font-size:22px; }
	ul{ padding-left:25px; }
	ul.double, ul.triple{ columns:1; }
	.xs-stack tr{ display:block; padding:15px; }
	.xs-stack td{ display:block; border:none; padding:0; }

	main:has(aside) .layout-content:before { position: absolute; content: ""; border-top: dotted 3px rgba(255, 255, 255, .15); height: 1px; width: calc(100% - 80px); top: 0; left: 40px;}

	.hp-banner .wrap {height: 600px;}
	.hp-banner .wrap .inner{    padding: 140px 40px 0;}


	.hp-intro {padding: 50px 40px;}
	.hp-intro .group .left h2 {font-size: 30px;}

	.hp-ctas{padding: 50px 40px 70px;}

	.hp-lower{padding: 50px 40px;}

}

@media screen and (max-width: 450px){
	.pop-alert .view-content > div{max-width: 300px;}
	.pop-alert .view-content{margin-left: -150px;}
	.pop-alert .inner p{font-size: 14px; line-height: 1.5em;}
	.pop-alert .inner{padding: 50px 25px;}
	.pop-alert .inner h2.title,
.pop-alert .inner h2.title a{font-size: 32px;}
.hp-banner .inner .logo .grade {height: 140px;}
}

@media screen and (max-width: 400px){
	.hp-banner .inner .logo .grade {height: 120px;}

}

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

	.region-banner{ padding:50px 25px; }
	.layout-content{ padding:30px 25px; }
	.region-sidebar-second{ padding:50px 25px 20px; }
/*	.footer{ padding:30px 25px; }*/

	main:has(aside) .layout-content:before { position: absolute; content: ""; border-top: dotted 3px rgba(255, 255, 255, .15); height: 1px; width: calc(100% - 50px); top: 0; left: 25px;}

	.hp-banner .wrap {height: 500px;}
	.hp-banner .wrap .inner{    padding: 120px 25px 0;}

	.paragraph.slider {margin: 50px -25px}

	.hp-intro {padding: 50px 25px;}

	.hp-ctas{padding: 50px 25px 70px;}

	.hp-lower{padding: 50px 25px;}

}