@media screen and (min-width: 981px) { BODY { overflow-x: hidden; } #Content { padding: 0 80px; min-height: auto; } #Content H1 { margin: 60px auto 30px auto; font-size: 36px; font-weight: 600; color: #333; text-transform: uppercase; } #Content P { margin: 30px 0 30px 0; font-size: 20px; font-weight: 500; color: #333; border-left: 5px solid #C41230; padding-left: 20px; } #Content P A { text-decoration: none; } #Content P A:first-child { font-weight: 600; } #Promo { width: 100%; height: 650px; background: #faefdc url(/i/promo/camso2026/bg.271464912.jpg) no-repeat center bottom; background-size: cover; } #Promo > DIV { width: 100%; height: 100%; background: url(/i/promo/kuhn-service-2025/line.241012244.png) no-repeat center bottom; } #Promo > DIV > A { display: block; width: 100%; height: 100%; text-decoration: none; color: #000; } #Promo > DIV > A > DIV { position: relative; box-sizing: border-box; width: 100%; height: 100%; max-width: 1500px; margin: 0 auto; padding: 120px 80px 0 80px; background: url(/i/promo/camso2026/trucks.271464911.png) no-repeat bottom left; } #Promo H1 { display: flex; align-items: center; margin: 0; padding: 0; text-align: left; font-size: 39px; line-height: 1; color: #FFF; } #Promo H1 NOBR { flex-basis: 100%; padding-left: 20px; border-left: 7px solid #C41230; } #Promo EM { font-style: normal; color: #C41230; } #Promo IMG { position: absolute; right: 60px; bottom: 120px; } #Manufacturers { max-width: 1500px; margin: 0 auto 100px auto; column-count: 5; -moz-column-count: 5; column-gap: 50px; list-style: none; outline1: 1px solid blue; } #Manufacturers LI { margin-bottom: 13px; } #Manufacturers A { font-size: 21px; font-weight: 500; white-space: nowrap; color: #333; } #Manufacturers A:hover { color: #C41230; } #SaleAndEPC { position: relative; height: 150px; background: #FFF; padding: 0 270px 0 25%; display: flex; justify-content: center; align-items: center; } #SaleAndEPC:before { position: absolute; z-index: -1; width: 100vw; height: 150px; left: 50%; transform: translateX(-50%); background: #FFF; content: ""; } #SaleAndEPC:after { position: absolute; right: -3px; bottom: 0; width: 249px; height: 199px; background: url(/i/home/epc-phone.162122200.png) no-repeat center; content: ""; } #SaleAndEPC A { color: #333; } #SaleAndEPC A:hover { color: #C41230; } #SaleAndEPC A.EPC { font-size: 20px; font-weight: 500; white-space: nowrap; } #SaleAndEPC A.Special { font-size: 30px; font-weight: 600; line-height: 1.1; text-align: right; } #SaleAndEPC B { position: relative; } #SaleAndEPC B:before { position: absolute; left: -100px; top: 50%; transform: translateY(-50%); width: 90px; height: 75px; background: url(/i/icons.210255569.svg#sale) no-repeat center; content: ""; } #SaleAndEPC DIV { min-width: 5px; height: 65px; margin: 0 30px; background: #C41230; } #Stat { position: relative; height: 200px; display: flex; justify-content: space-between; align-items: center; padding-left: 25%; } #Stat:before { position: absolute; z-index: -1; width: 100vw; height: 200px; left: 50%; transform: translateX(-50%); background: #C41230; content: ""; } #Stat:after { position: absolute; left: -111px; bottom: -23px; width: 320px; height: 418px; background: url(/i/home/man-pic.162122197.png) no-repeat center; content: ""; } #Stat H3 { font-size: 30px; line-height: 1; white-space: nowrap; text-align: center; color: #FFF; } #Stat EM { display: block; font-size: 60px; font-style: normal; } #Stat A { color: #FFF !important; text-decoration: none; } #News { position: relative; display: grid; width: 100%; max-width: 1500px; margin: 0 auto; padding: 60px 0; grid-template-columns: repeat(auto-fill, minmax(350px, 1fr)); grid-gap: 65px; list-style: none; } #News LI { height: 300px; background: #FFF; } #News LI A { height: 300px; display: flex; flex-direction: column; justify-content: space-between; text-decoration: none; } #News LI A FIGURE { flex-basis: 180px; background: url(/i/loctite1.144319309.png) center; background-size: cover; background-position1: top right; } #News LI A DATE { padding: 20px 20px 0 20px; color: #555; font-size: 12px; } #News LI A DATE:before { display: none; } #News LI A DIV { flex-grow: 9; } #News LI A H2 { padding: 3px 20px 20px 20px; font-size: 19px; line-height: 21px; font-weight: 500; border: none; } } @media screen and (max-width: 1260px) { #MainBrands { display: none; } } @media screen and (max-width: 1340px) { #News LI:last-child { display: none; } #Manufacturers { column-count: 4; -moz-column-count: 4; column-gap: 50px; } } @media screen and (min-width: 1100px) { #SaleAndEPC A SPAN:first-child {display: inline; } #SaleAndEPC A SPAN:last-child { display: none; } } @media screen and (max-width: 1100px) { #Manufacturers { column-count: 3; -moz-column-count: 3; column-gap: 50px; } #SaleAndEPC A SPAN:first-child {display: none; } #SaleAndEPC A SPAN:last-child { display: inline; } #Stat H3 { font-size: 23px; } #Stat:after { left: -127px; } } @media screen and (max-width: 980px) { #Content { padding: 0 40px; min-height: auto; margin-top: 0; } #Content H1 { margin: 60px auto 30px auto; font-size: 36px; font-weight: 600; color: #333; text-transform: uppercase; } #Content P { margin: 30px 0; font-size: 30px; font-weight: 500; color: #333; } #Content P A { text-decoration: none; } #Content P A:first-child { font-weight: 600; } #Promo { margin-top: 229px; } #Promo { width: 100%; height: 650px; background: #faefdc url(/i/promo/camso2026/bg.271464912.jpg) no-repeat center top; background-size: cover; } #Promo > DIV { width: 100%; height: 100%; background: url(/i/promo/kuhn-service-2025/line.241012244.png) no-repeat 80% bottom; } #Promo > DIV > A { display: block; width: 100%; height: 100%; text-decoration: none; color: #000; } #Promo > DIV > A > DIV { position: relative; box-sizing: border-box; width: 100%; height: 100%; max-width: 1500px; margin: 0 auto; padding: 50px 40px 0 40px; background: url(/i/promo/camso2026/trucks.271464911.png) no-repeat -40px 0; } #Promo H1 { display: flex; flex-direction: column; justify-content1: flex-start; align-items: flex-start; margin: 0; padding: 0; text-align: left; font-size: 39px; line-height: 1; border-left1: 7px solid #C41230; } #Promo H1 NOBR { padding-left: 20px; border-left: 7px solid #C41230; color: #FFF; } #Promo EM { font-style: normal; color: #C41230; } #Promo IMG { margin-top: 30px; } #Manufacturers { margin: 0 auto 40px auto; column-count: 2; -moz-column-count: 2; column-gap: 50px; list-style: none; } #Manufacturers LI { margin-bottom: 10px; } #Manufacturers A { font-size: 30px; font-weight: 500; white-space: nowrap; color: #333; } #Manufacturers A:hover { color: #C41230; } #SaleAndEPC A SPAN:first-child {display: inline; } #SaleAndEPC A SPAN:last-child { display: none; } #SaleAndEPC { display: flex; flex-direction: column; } #SaleAndEPC A { font-weight: 600; text-decoration: none; line-height: 1.1; } #SaleAndEPC A.Special { display: block; margin: 0 -40px; padding: 60px 40px 60px 160px; font-size: 40px; background: #FFF; } #SaleAndEPC B { position: relative; } #SaleAndEPC B:after { position: absolute; left: -130px; top: 50%; transform: translateY(-50%); width: 120px; height: 100px; background: url(/i/icons.210255569.svg#sale) no-repeat center; content: ""; } #SaleAndEPC A.EPC { position: relative; margin: 0 -40px; padding: 40px 40px 160px 40px; font-size: 33px; font-weight: 600; text-align1: right; background: #DDD; } #SaleAndEPC A.EPC:before { position: absolute; left: 40px; bottom: 0; width: 249px; height: 199px; background: url(/i/home/epc-phone.162122200.png) no-repeat center; content: ""; transform: scale(.6); transform-origin: left bottom; pointer-events: none; } #SaleAndEPC A.EPC:after { position: absolute; right: 0; bottom: -25px; width: 320px; height: 418px; background: url(/i/home/man-pic.162122197.png) no-repeat center; content: ""; } #Stat { width: 100; margin: 0 -40px; display: flex; justify-content: space-between; align-content: center; padding: 40px; background: #C41230; } #Stat H3 { font-size: 25px; color: #FFF; } #Stat H3:nth-child(2) { text-align: center; } #Stat H3:nth-child(3) { text-align: right; } #Stat A { text-decoration: none; color: #FFF; } #Stat EM { display: block; font-size: 60px; font-style: normal; line-height: .8; } #Content > H2 { font-size: 36px; text-align: center; margin: 60px 0 40px 0; } #Content > H2 > A { text-decoration: none; color: #333; text-transform: uppercase; } #News { list-style: none; } #News DATE { color: #555; font-size: 28px; } #News LI { width: 100%; height: 600px; margin: 40px 0; background: #FFF; } #News LI A { height: 600px; display: flex; flex-direction: column; justify-content: space-between; text-decoration: none; } #News LI A FIGURE { flex-basis: 360px; background: url(/i/loctite1.144319309.png) center; background-size: cover; background-position1: top right; } #News LI A DATE { padding: 40px 40px 0 40px; color: #555; font-size: 24px; } #News LI A DIV { flex-grow: 9; } #News LI A H2 { padding: 4px 40px 40px 40px; font-size: 38px; line-height: 42px; font-weight: 500; border: none; } #News LI:last-child { display: block; } }