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

h1,h2 {
	font-size: 96px;
	letter-spacing: -6px;
}
h3 {font-size: 28px;}
h4 {font-size: 22px;}
h5 {font-size: 19px;}

.button p {font-size: 20px;}

}


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

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

}


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

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

h1,h2 {font-size: 92px;}
h3 {font-size: 26px;}
h4 {font-size: 20px;}
h5 {font-size: 18px;}

/* Layouts */

.l-grid {margin: 0 0 100px 0;}

}


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

h1,h2 {
	font-size: 80px;
	letter-spacing: -5px;
}
h3 {font-size: 23px;}
h4 {font-size: 19px;}
h5 {font-size: 17px;}

.button p {font-size: 19px;}

/* Layouts */

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

.l-brands .list .item {margin: 0 auto;}

.l-expertise .copy {width: 25%;}
.l-expertise .table {width: 70%;}

}


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

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

h1,h2 {
	font-size: 74px;
	letter-spacing: -4px;
}
h3 {font-size: 22px;}
h4 {font-size: 18px;}

.button p {padding: 10px 30px;}

/* Footer */

.footer {
	border: 0px;
	top: auto;
	bottom: 0;
}
.footer .logo {display: none;}

/* Layouts */

.l-intro h1 {margin: 40px 0 20px 0;}

.l-hero {
	padding: 0 20px;
	margin: 0 0 20px 0;
}

.l-grid .list {
	column-gap: 20px;
	row-gap: 30px;
}

.l-expertise {margin: 0 0 100px 0;}
.l-expertise .copy {width: 100%;}
.l-expertise .table {width: 100%;}

.l-brands {margin: 0 0 100px 0;}

.l-move {margin: 0 0 80px 0;}

}


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

h1,h2 {
	font-size: 60px;
	letter-spacing: -3px;
}
h3 {font-size: 20px;}
h4 {font-size: 17px;}

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

.button p {font-size: 18px;}

/* Header */

.header .logo {padding: 15px 0;}
.header .menu {padding: 30px 0 0 0;}
.header .menu .item {margin: 0 0 0 20px;}

/* Layouts */

.l-intro {margin: 0 0 60px 0;}

.l-grid {margin: 0 0 60px 0;}
.l-grid .title {margin: 140px 0 40px 0;}
.l-grid .list {grid-template-columns: repeat(2, minmax(0, 1fr));}

.l-more {margin: 0 0 40px 0;}

.l-services {margin: 0 0 60px 0;}

.l-expertise {margin: 0 0 60px 0;}

.l-brands {margin: 0 0 60px 0;}
.l-brands .list .item {width: 180px;}

.l-move {margin: 0 0 60px 0;}

.l-quotes {margin: 0 0 60px 0;}
.l-quotes ul.slick-dots {margin-bottom: 60px;}

}


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

h1, h2 {
	font-size: 47px;
	letter-spacing: -2px;
}
h3 {font-size: 19px;}
h4 {font-size: 16px;}
h5 {font-size: 15px;}

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

.button p {font-size: 17px;}

/* Header */

.header .logo {
	width: 70px;
	padding: 10px 0;
}
.header .logo img {display: none;}
.header .logo img.head {display: inline-block;}
.header .menu {padding: 20px 0 0 0;}
.header .menu .item:nth-child(1) {display: none;}

/* Footer */

.footer {bottom: 80px;}

/* Layouts */

.l-upside video {
	height: 200px;
	object-fit: cover;
}

.l-intro h1 {margin: 20px 0;}
.l-intro h1 br {display: none;}
.l-intro h3 br {display: none;}

.l-grid .title {margin: 100px 0 20px 0;}

.l-brands .list .item {width: 160px;}

.l-expertise .table .row .cell {
	padding: 0 15px 0 0;
	box-sizing: border-box;
}

.l-downside video {
	height: 200px;
	object-fit: cover;
}

}