/* 
-----------
BELOW 1250PX 
-----------
*/
@media screen and (max-width: 1249px) {

.fixed-width {
	width: 100%;
	padding-left: 40px;
	padding-right: 40px;
}

/* Header */

.header .logos {column-gap: 40px;}

/* Footer */

.footer .logos {column-gap: 40px;}

/* Layouts */

.layout.l-hero.type-image:before, 
.layout.l-hero.type-image-alt:before {width: 100%;}

.layout.l-boxes-events .stage .box {padding: 100px 40px 80px 40px;}

.layout.l-images .images {gap: 40px;}

.layout.l-copy-form .stage {gap: 40px;}

.layout.l-boxes-cta .list {
	grid-template-columns: repeat(3, minmax(0, 1fr));
	grid-auto-flow: unset;
    grid-auto-columns: unset;
}



}


/* 
-----------
BELOW 1120PX 
-----------
*/
@media screen and (max-width: 1119px) {

.inner-width {
	width: 100%;
	padding-left: 40px;
	padding-right: 40px;
}

/* Layouts */

.layout.l-boxes-winners .list {grid-template-columns: repeat(3, minmax(0, 1fr));}

}


/* 
-----------
BELOW 1024PX 
-----------
*/
@media screen and (max-width: 1023px) {

.wrapper:before {
	width: 100%;
	height: auto;
	aspect-ratio: 10 / 7;
}

h1, .h1 {font-size: 45px;}
h2 {font-size: 34px;}
h3 {font-size: 26px;}
h4 {font-size: 22px;}

p, li {font-size: 16px;}

/* Header */

.header .logos {
	width: fit-content;
	column-gap: 20px;
	top: 25px;
}
.header .logos .week img, 
.header .logos .awards img {height: 45px;}
.header .logos .luxe-scot {height: 80px;}

/* Footer */

.footer .logos {column-gap: 20px;}

/* Layouts */

.layout.l-hero.type-image:before, 
.layout.l-hero.type-image-alt:before {width: 120%;}

.layout.l-boxes-events .stage .box .logo img {height: 60px;}

.layout.l-sponsors .list .item {column-gap: 40px;}
.layout.l-sponsors .list .item .image img {width: 100%;}

.layout.l-boxes-cta .list, 
.layout.l-boxes-winners .list, 
.layout.l-boxes-awards .list {
	column-gap: 20px;
	row-gap: 20px;
}

}


/* 
-----------
BELOW 768PX 
-----------
*/
@media screen and (max-width: 767px) {

body.killscroll {overflow: hidden;}

.fixed-width,
.inner-width {
	padding-left: 20px;
	padding-right: 20px;
}

h1, .h1 {font-size: 40px;}
h2 {font-size: 32px;}

/* Header */

.header .logos {
    column-gap: 15px;
    top: 30px;
}
.header .logos .week img, 
.header .logos .awards img {height: 35px;}
.header .logos .luxe-scot {height: 70px;}
.header .menu {
	width: 100%;
	padding: 40px;
	right: -100vw;
}

/* Footer */

.footer .logos {width: fit-content;}

/* Layouts */

.layout.l-hero.type-image, 
.layout.l-hero.type-image-alt {height: 500px;}
.layout.l-hero.type-title .title {padding: 80px 0 40px 0;}
.layout.l-hero .copy {padding-bottom: 10px;}

.layout.l-copy {padding: 40px 0;}

.layout.l-copy-form {padding: 40px 0;}
.layout.l-copy-form .stage {
    grid-template-columns: auto;
    gap: 20px;
}

.layout.l-form {padding: 40px 0;}

.layout.l-images .images {
	gap: 20px;
	padding: 40px 0;
}

.layout.l-boxes-events .stage {flex-direction: column;}
.layout.l-boxes-events .stage .box {
	width: 100%;
	padding: 50px 20px 20px 20px;
}

.layout.l-boxes-cta, 
.layout.l-boxes-winners, 
.layout.l-boxes-awards {padding: 40px 0;}
.layout.l-boxes-cta .list,
.layout.l-boxes-winners .list,
.layout.l-boxes-awards .list {grid-template-columns: repeat(2, minmax(0, 1fr));}

.layout.l-video {padding: 40px 0;}

.layout.l-sponsors {padding: 40px 0 20px 0;}
.layout.l-sponsors .list .item {margin: 0 0 40px 0;}

}


/* 
-----------
BELOW 600PX 
-----------
*/
@media screen and (max-width: 599px) {

.content {margin-top: 95px;}

h1, .h1 {font-size: 32px;}
h2 {font-size: 27px;}
h3 {font-size: 24px;}
h4 {font-size: 18px;}
h5 {font-size: 14px;}
p, li {font-size: 15px;}

.button a {padding: 7.5px 40px 7.5px 20px;}
.button:after {
	top: 10px;
    right: 15px;
}

/* Header */

.header {height: 95px;}
.header .home,
.header .logos .awards {display: none;}
.header .logos {
	top: 10px;
	left: 20px;
	right: auto;
}
.header .toggle {margin: 35px 0 0 0;}
.header .menu {
	height: calc(100vh - 95px);
	top: 95px;
	padding: 30px 30px 50px 100px;
}
.header .menu .stage .item h5 {
	font-size: 18px;
	margin: 0 0 15px 0;
}
.header .menu .stage .item h6 {
	font-size: 15px;
	margin: 0 0 15px 0;
}
.header .divider {height: 5px;}

/* Footer */

.footer {padding-top: 40px;}
.footer .socials {column-gap: 20px;}
.footer .logos {
	flex-direction: column;
	row-gap: 20px;
}
.footer .logos .luxe-scot {flex: unset;}

/* Layouts */

.layout.l-hero.type-title .title {padding: 40px 0 20px 0;}
.layout.l-hero.type-image:before {width: 150%;}
.layout.l-hero.type-image-alt:before {width: 180%;}
.layout.l-hero .copy {max-width: 100%;}

.layout.l-sponsors .list .item {column-gap: 20px;}

.layout.l-boxes-cta .list .box .image img, 
.layout.l-boxes-winners .list .box .image img {aspect-ratio: 1/1;}
.layout.l-boxes-awards .list .box .image .label h5 {font-size: 13px;}
.layout.l-boxes-cta .list .box .copy,
.layout.l-boxes-winners .list .box .copy, 
.layout.l-boxes-awards .list .box .copy {padding: 20px 20px 0 20px;}
.layout.l-boxes-awards .list .box .copy .sponsor {margin: 0 0 20px 0;}
.layout.l-boxes-awards .list .box .image {
	min-height: unset;
    aspect-ratio: 1 / 1;;
}
.layout.l-boxes-awards .list .box .image .label,
.layout.l-boxes-winners .list .box .image .trigger {padding: 0px;}

.layout.l-images .images {grid-template-columns: auto;}

}


/* 
-----------
BELOW 414PX 
-----------
*/
@media screen and (max-width: 413px) {

.layout.l-boxes-awards .list .box  .copy {padding: 20px 15px 0 15px;}
.layout.l-boxes-awards .list .box  .copy p {font-size: 14px;}
.layout.l-boxes-awards .list .box .image .label h5 {font-size: 12px;}
.layout.l-boxes-awards .list .box .image .title h4 {font-size: 16px;}

}