"I love Montgomery Transport | Flatbed Service"

2022-07-09 11:43:05

Why MT Safety Culture COVID-19 News Safety Poster Green 4 Grades Ship MT Speciality Capacity Drive MT Apply MT Job Details Pay & Benefits Qualifications & Expectations Extended Training Pay Equipment Culture MT Group MT Select Montgomery Logistics RM Logistics MT Dedicated Current Drivers Login Mobile App M1 Outfitters Driver Accolades Work In-House Current Openings Culture Contact UsFacebookInstagramYouTubeTikTokGrab your Careerby the WheelApply NowWhy MTSafetyCultureCOVID-19NewsSafety PosterGreen 4 GradesShip MTSpecialityCapacityDrive MTApplyMT Job DetailsPay & BenefitsQualifications & ExpectationsExtended Training PayEquipmentCultureMT GroupMT SelectMontgomery LogisticsRM LogisticsMT DedicatedCurrent DriversLoginMobile AppM1 OutfittersDriver AccoladesWork In-HouseCurrent OpeningsCultureFacebook Instagram YouTube TikTok Apply NowWhy MT?Montgomery Transport is the leading flatbed carrier in the nation and specializes in the safe passage of over-length hauls.Our company is built around understanding the unique needs of our customers and our drivers. That means state-of-the-art safety technology, well-maintained equipment, high standards for quality, and strong relationships. We treat every haul like it's the most important one on the road — because to us, it is.Learn MoreOur most important assetis behind the wheel.M1 AppThe M1 Mobile App is designed to enhance communication and our family of professional drivers' experience at Montgomery Transport.Search M1 Mobile in the app store.Thank You For Your Interest In Montgomery LLCA recruiter will be in touch with you shortly!If you are Ready to fill out a Full Application Click Here2563 Commerce CircleBirmingham, AL 35217Websitedeveloped by© 2022 Montgomery Transport LLC.All Rights Reserved. .Consent .wpcf7-list-item-label { margin-bottom: 24px; } #apply_form .form_field br { display: none; } #apply_form .form_field { clear: both; } #apply_form .form_field.radio > label:first-of-type { float: left; width: calc(100% - 140px); line-height: 24px; font-size: 16px; } #apply_form .form_field.radio , #apply_form .form_field.check { padding: 10px 5px; } #apply_form .form_field.check { line-height: 24px; } #apply_form .wpcf7-radio label span , #apply_form .wpcf7-acceptance label span { margin-left: 5px; } #apply_form .wpcf7-radio label { margin-left: 10px; float: right; } #apply_form .radio_button span { vertical-align: middle; } @media only screen and (max-width: 480px) { #apply_form .form_field.radio > label:first-of-type { float: none; width: auto; display: block; } #apply_form .radio_button { float: none; margin: 0; margin-right: 10px; } #apply_form .wpcf7-radio label { float: none; } #apply_form .wpcf7-radio .wpcf7-list-item.first label { margin-left: 0; } }header.layout { height: 100%; } header.layout h1 { border-bottom: 0; margin-bottom: 0; } header.layout .links { position: absolute; top: 50%; left: 50%; width: 70%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } header.layout .links h1 { display: inline-block; } header.layout .links h1:nth-child(1) { float: left; } header.layout .links h1:nth-child(2) { float: right; } header.layout .links a { border-bottom: #ffd000 10px solid; display: inline-block; margin-top: -113px; text-transform: uppercase; -webkit-transition: -webkit-transform 300ms ease-in-out, color 300ms ease-in-out, border-color 300ms ease-in-out; -moz-transition: -moz-transform 300ms ease-in-out, color 300ms ease-in-out, border-color 300ms ease-in-out; -ms-transition: -ms-transform 300ms ease-in-out, color 300ms ease-in-out, border-color 300ms ease-in-out; -o-transition: -o-transform 300ms ease-in-out, color 300ms ease-in-out, border-color 300ms ease-in-out; transition: transform 300ms ease-in-out, color 300ms ease-in-out, border-color 300ms ease-in-out; -webkit-text-shadow: 0 0 20px rgba(0, 0, 0, 0.25); -moz-text-shadow: 0 0 20px rgba(0, 0, 0, 0.25); text-shadow: 0 0 20px rgba(0, 0, 0, 0.25); } header.layout .links a:hover { color: #60d1e0; border-color: #60d1e0; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } header.layout .links a:hover span { -webkit-animation-name: spin3d; -moz-animation-name: spin3d; -ms-animation-name: spin3d; -o-animation-name: spin3d; animation-name: spin3d; } header.layout .down { position: absolute; bottom: 55px; left: calc(50% - 40px); display: inline-block; width: 80px; height: 60px; } header.layout .down::before , header.layout .down::after { content: ''; position: absolute; top: calc(50% - 25px); left: calc(50% - 4px); display: inline-block; width: 8px; height: 50px; background-color: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-transition: -webkit-box-shadow 300ms ease-in-out; -moz-transition: -moz-box-shadow 300ms ease-in-out; -ms-transition: box-shadow 300ms ease-in-out; -o-transition: box-shadow 300ms ease-in-out; transition: box-shadow 300ms ease-in-out; } header.layout .down::before { -webkit-transform: translateX(-15px) rotate(-45deg); -moz-transform: translateX(-15px) rotate(-45deg); -ms-transform: translateX(-15px) rotate(-45deg); -o-transform: translateX(-15px) rotate(-45deg); transform: translateX(-15px) rotate(-45deg); } header.layout .down::after { -webkit-transform: translateX(15px) rotate(45deg); -moz-transform: translateX(15px) rotate(45deg); -ms-transform: translateX(15px) rotate(45deg); -o-transform: translateX(15px) rotate(45deg); transform: translateX(15px) rotate(45deg); } header.layout .down:hover { -webkit-animation: down_bounce 2s ease-in-out infinite; -moz-animation: down_bounce 2s ease-in-out infinite; -ms-animation: down_bounce 2s ease-in-out infinite; -o-animation: down_bounce 2s ease-in-out infinite; animation: down_bounce 2s ease-in-out infinite; } header.layout .down:hover::before , header.layout .down:hover::after { /*-webkit-box-shadow: 0 0 10px 5px rgba(255, 255, 255, 0.25); -moz-box-shadow: 0 0 10px 5px rgba(255, 255, 255, 0.25); box-shadow: 0 0 10px 5px rgba(255, 255, 255, 0.25);*/ } section.truck { padding: 150px 0; background: no-repeat right bottom url('https://www.montgomeryllc.com/wp-content/uploads/2019/09/truck_back.jpg'); } section.truck .content { background: rgba(255, 255, 255, 0.4); padding-right: 20px; max-width: 500px; width: 100%; } section.truck h1 { margin-bottom: 50px; } section.truck p { margin-bottom: 50px; } section.truck .motto p { text-align: right; font-weight: bold; margin: 100px 0 0 0; } section.truck .motto img { float: right; margin-left: 30px; } section.truck .motto::after { content: ''; display: block; clear: both; } section.city { position: relative; padding-top: 50px; height: 750px; background: #ffd200; font-size: 0; line-height: normal; overflow: hidden; } section.city .construction { position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; height: auto; background: transparent; overflow: visible; } section.city .construction .img { background-image: url('https://www.montgomeryllc.com/wp-content/uploads/2019/09/city_back.png'); background-position: center bottom; background-repeat: repeat-x; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; } section.city .truck { position: absolute; z-index: 2; bottom: -3px; right: 0; width: 608px; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); -webkit-transition: -webkit-transform 1000ms ease-out; -moz-transition: -moz-transform 1000ms ease-out; -ms-transition: -ms-transform 1000ms ease-out; -o-transition: -o-transform 1000ms ease-out; transition: transform 1000ms ease-out; } section.city .truck.slide_in { -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } section.city .truck img { width: 100%; height: auto; } section.city .crane { position: absolute; z-index: 2; bottom: 0; left: 0; width: 341px; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: transform 1000ms ease-out; -moz-transition: transform 1000ms ease-out; -ms-transition: transform 1000ms ease-out; -o-transition: transform 1000ms ease-out; transition: transform 1000ms ease-out; } section.city .crane.slide_in { -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } section.city .crane img { width: 100%; height: 100%; } section.city .crane .chain { position: absolute; margin: auto; left: 339px; top: 13px; -webkit-transform: rotate(32deg); -moz-transform: rotate(32deg); -ms-transform: rotate(32deg); -o-transform: rotate(32deg); transform: rotate(32deg); -webkit-transform-origin: top center; -moz-transform-origin: top center; -ms-transform-origin: top center; -o-transform-origin: top center; transform-origin: top center; } section.city .crane.slide_in .chain { -webkit-animation: chain 16s 300ms ease-in-out forwards; -moz-animation: chain 16s 300ms ease-in-out forwards; -ms-animation: chain 16s 300ms ease-in-out forwards; -o-animation: chain 16s 300ms ease-in-out forwards; animation: chain 16s 300ms ease-in-out forwards; } section.city .crane .chain div:not(.weight):not(.icon) { position: absolute; top: 100%; left: calc(50% - 1px); display: block; height: 14px; width: 2px; background: #000; -webkit-transform: rotate(1deg); -moz-transform: rotate(1deg); -ms-transform: rotate(1deg); -o-transform: rotate(1deg); transform: rotate(1deg); -webkit-transform-origin: top center; -moz-transform-origin: top center; -ms-transform-origin: top center; -o-transform-origin: top center; transform-origin: top center; } section.city .crane.slide_in .chain div:not(.weight):not(.icon) { -webkit-animation: swing 16s 300ms ease-in-out forwards; -moz-animation: swing 16s 300ms ease-in-out forwards; -ms-animation: swing 16s 300ms ease-in-out forwards; -o-animation: swing 16s 300ms ease-in-out forwards; animation: swing 16s 300ms ease-in-out forwards; } section.city .crane .chain .thick , section.city .crane .chain .thick div:not(.weight):not(.icon) { width: 4px; left: calc(50% - 2px); } section.city .crane .chain .weight { position: absolute; top: 100%; left: 50%; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); margin-top: 37px; width: 167px; } section.city .crane .chain .weight::before { content: ''; position: absolute; top: -38px; left: 50%; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); display: inline-block; height: 38px; width: 45px; background: no-repeat center center url('https://www.montgomeryllc.com/wp-content/uploads/2019/09/crane_conn.png'); -webkit-background-size: contain; -moz-background-size: contain; -ms-background-size: contain; -o-background-size: contain; background-size: contain; } section.city .crane .chain .icon , section.city .app_icon { display: inline-block; width: 93px; height: 93px; border-radius: 16px; background: no-repeat center center #fbdf06 url('https://www.montgomeryllc.com/wp-content/uploads/2019/09/truck_icon.png'); -webkit-background-size: 90%; -moz-background-size: 90%; -ms-background-size: 90%; -o-background-size: 90%; background-size: 90%; } section.city .crane .chain .icon { position: absolute; top: 56px; left: calc(100% - 37px); -webkit-box-shadow: -9px 0 19px 9px rgba(0, 0, 0, 0.4); -moz-box-shadow: -9px 0 19px 9px rgba(0, 0, 0, 0.4); box-shadow: -9px 0 19px 9px rgba(0, 0, 0, 0.4); } section.city .app_icon { float: right; -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); } @-webkit-keyframes down_bounce { 0% { -webkit-transform: translateY(0); } 50% { -webkit-transform: translateY(10px); } 100% { -webkit-transform: translateY(0); } } @-moz-keyframes down_bounce { 0% { -moz-transform: translateY(0); } 50% { -moz-transform: translateY(10px); } 100% { -moz-transform: translateY(0); } } @-ms-keyframes down_bounce { 0% { -ms-transform: translateY(0); } 50% { -ms-transform: translateY(10px); } 100% { -ms-transform: translateY(0); } } @-o-keyframes down_bounce { 0% { -o-transform: translateY(0); } 50% { -o-transform: translateY(10px); } 100% { -o-transform: translateY(0); } } @keyframes down_bounce { 0% { transform: translateY(0); } 50% { transform: translateY(10px); } 100% { transform: translateY(0); } } @-webkit-keyframes chain { 0% { -webkit-transform: rotate(32deg); } 6.25% { -webkit-transform: rotate(-24deg); } 12.5% { -webkit-transform: rotate(16deg); } 18.75% { -webkit-transform: rotate(-12deg); } 25% { -webkit-transform: rotate(8deg); } 31.25% { -webkit-transform: rotate(-6deg); } 37.5% { -webkit-transform: rotate(4deg); } 43.75% { -webkit-transform: rotate(-3deg); } 50% { -webkit-transform: rotate(2deg); } 56.25% { -webkit-transform: rotate(-1.5deg); } 62.5% { -webkit-transform: rotate(1deg); } 68.75% { -webkit-transform: rotate(-0.75deg); } 75% { -webkit-transform: rotate(0.5deg); } 81.25% { -webkit-transform: rotate(-0.325deg); } 87.5% { -webkit-transform: rotate(0.25deg); } 93.75% { -webkit-transform: rotate(-0.1875deg); } 100% { -webkit-transform: rotate(0.125deg); } } @-moz-keyframes chain { 0% { -moz-transform: rotate(32deg); } 6.25% { -moz-transform: rotate(-24deg); } 12.5% { -moz-transform: rotate(16deg); } 18.75% { -moz-transform: rotate(-12deg); } 25% { -moz-transform: rotate(8deg); } 31.25% { -moz-transform: rotate(-6deg); } 37.5% { -moz-transform: rotate(4deg); } 43.75% { -moz-transform: rotate(-3deg); } 50% { -moz-transform: rotate(2deg); } 56.25% { -moz-transform: rotate(-1.5deg); } 62.5% { -moz-transform: rotate(1deg); } 68.75% { -moz-transform: rotate(-0.75deg); } 75% { -moz-transform: rotate(0.5deg); } 81.25% { -moz-transform: rotate(-0.325deg); } 87.5% { -moz-transform: rotate(0.25deg); } 93.75% { -moz-transform: rotate(-0.1875deg); } 100% { -moz-transform: rotate(0.125deg); } } @-ms-keyframes chain { 0% { -ms-transform: rotate(32deg); } 6.25% { -ms-transform: rotate(-24deg); } 12.5% { -ms-transform: rotate(16deg); } 18.75% { -ms-transform: rotate(-12deg); } 25% { -ms-transform: rotate(8deg); } 31.25% { -ms-transform: rotate(-6deg); } 37.5% { -ms-transform: rotate(4deg); } 43.75% { -ms-transform: rotate(-3deg); } 50% { -ms-transform: rotate(2deg); } 56.25% { -ms-transform: rotate(-1.5deg); } 62.5% { -ms-transform: rotate(1deg); } 68.75% { -ms-transform: rotate(-0.75deg); } 75% { -ms-transform: rotate(0.5deg); } 81.25% { -ms-transform: rotate(-0.325deg); } 87.5% { -ms-transform: rotate(0.25deg); } 93.75% { -ms-transform: rotate(-0.1875deg); } 100% { -ms-transform: rotate(0.125deg); } } @-o-keyframes chain { 0% { -o-transform: rotate(32deg); } 6.25% { -o-transform: rotate(-24deg); } 12.5% { -o-transform: rotate(16deg); } 18.75% { -o-transform: rotate(-12deg); } 25% { -o-transform: rotate(8deg); } 31.25% { -o-transform: rotate(-6deg); } 37.5% { -o-transform: rotate(4deg); } 43.75% { -o-transform: rotate(-3deg); } 50% { -o-transform: rotate(2deg); } 56.25% { -o-transform: rotate(-1.5deg); } 62.5% { -o-transform: rotate(1deg); } 68.75% { -o-transform: rotate(-0.75deg); } 75% { -o-transform: rotate(0.5deg); } 81.25% { -o-transform: rotate(-0.325deg); } 87.5% { -o-transform: rotate(0.25deg); } 93.75% { -o-transform: rotate(-0.1875deg); } 100% { -o-transform: rotate(0.125deg); } } @keyframes chain { 0% { transform: rotate(32deg); } 6.25% { transform: rotate(-24deg); } 12.5% { transform: rotate(16deg); } 18.75% { transform: rotate(-12deg); } 25% { transform: rotate(8deg); } 31.25% { transform: rotate(-6deg); } 37.5% { transform: rotate(4deg); } 43.75% { transform: rotate(-3deg); } 50% { transform: rotate(2deg); } 56.25% { transform: rotate(-1.5deg); } 62.5% { transform: rotate(1deg); } 68.75% { transform: rotate(-0.75deg); } 75% { transform: rotate(0.5deg); } 81.25% { transform: rotate(-0.325deg); } 87.5% { transform: rotate(0.25deg); } 93.75% { transform: rotate(-0.1875deg); } 100% { transform: rotate(0.125deg); } } @-webkit-keyframes swing { 0% { -webkit-transform: rotate(1deg); } 6.25% { -webkit-transform: rotate(-0.75deg); } 12.5% { -webkit-transform: rotate(0.5deg); } 18.75% { -webkit-transform: rotate(-0.375deg); } 25% { -webkit-transform: rotate(0.25deg); } 31.25% { -webkit-transform: rotate(-0.1875deg); } 37.5% { -webkit-transform: rotate(0.125deg); } 43.75% { -webkit-transform: rotate(-0.09375deg); } 50% { -webkit-transform: rotate(0.0625deg); } 56.25% { -webkit-transform: rotate(-0.046875deg); } 62.5% { -webkit-transform: rotate(0.03125deg); } 68.75% { -webkit-transform: rotate(-0.0234375deg); } 75% { -webkit-transform: rotate(0.015625deg); } 81.25% { -webkit-transform: rotate(-0.01171875deg); } 87.5% { -webkit-transform: rotate(0.0078125deg); } 93.75% { -webkit-transform: rotate(-0.005859375deg); } 100% { -webkit-transform: rotate(0.00390625deg); } } @-moz-keyframes swing { 0% { -moz-transform: rotate(1deg); } 6.25% { -moz-transform: rotate(-0.75deg); } 12.5% { -moz-transform: rotate(0.5deg); } 18.75% { -moz-transform: rotate(-0.375deg); } 25% { -moz-transform: rotate(0.25deg); } 31.25% { -moz-transform: rotate(-0.1875deg); } 37.5% { -moz-transform: rotate(0.125deg); } 43.75% { -moz-transform: rotate(-0.09375deg); } 50% { -moz-transform: rotate(0.0625deg); } 56.25% { -moz-transform: rotate(-0.046875deg); } 62.5% { -moz-transform: rotate(0.03125deg); } 68.75% { -moz-transform: rotate(-0.0234375deg); } 75% { -moz-transform: rotate(0.015625deg); } 81.25% { -moz-transform: rotate(-0.01171875deg); } 87.5% { -moz-transform: rotate(0.0078125deg); } 93.75% { -moz-transform: rotate(-0.005859375deg); } 100% { -moz-transform: rotate(0.00390625deg); } } @-ms-keyframes swing { 0% { -ms-transform: rotate(1deg); } 6.25% { -ms-transform: rotate(-0.75deg); } 12.5% { -ms-transform: rotate(0.5deg); } 18.75% { -ms-transform: rotate(-0.375deg); } 25% { -ms-transform: rotate(0.25deg); } 31.25% { -ms-transform: rotate(-0.1875deg); } 37.5% { -ms-transform: rotate(0.125deg); } 43.75% { -ms-transform: rotate(-0.09375deg); } 50% { -ms-transform: rotate(0.0625deg); } 56.25% { -ms-transform: rotate(-0.046875deg); } 62.5% { -ms-transform: rotate(0.03125deg); } 68.75% { -ms-transform: rotate(-0.0234375deg); } 75% { -ms-transform: rotate(0.015625deg); } 81.25% { -ms-transform: rotate(-0.01171875deg); } 87.5% { -ms-transform: rotate(0.0078125deg); } 93.75% { -ms-transform: rotate(-0.005859375deg); } 100% { -ms-transform: rotate(0.00390625deg); } } @-o-keyframes swing { 0% { -o-transform: rotate(1deg); } 6.25% { -o-transform: rotate(-0.75deg); } 12.5% { -o-transform: rotate(0.5deg); } 18.75% { -o-transform: rotate(-0.375deg); } 25% { -o-transform: rotate(0.25deg); } 31.25% { -o-transform: rotate(-0.1875deg); } 37.5% { -o-transform: rotate(0.125deg); } 43.75% { -o-transform: rotate(-0.09375deg); } 50% { -o-transform: rotate(0.0625deg); } 56.25% { -o-transform: rotate(-0.046875deg); } 62.5% { -o-transform: rotate(0.03125deg); } 68.75% { -o-transform: rotate(-0.0234375deg); } 75% { -o-transform: rotate(0.015625deg); } 81.25% { -o-transform: rotate(-0.01171875deg); } 87.5% { -o-transform: rotate(0.0078125deg); } 93.75% { -o-transform: rotate(-0.005859375deg); } 100% { -o-transform: rotate(0.00390625deg); } } @keyframes swing { 0% { transform: rotate(1deg); } 6.25% { transform: rotate(-0.75deg); } 12.5% { transform: rotate(0.5deg); } 18.75% { transform: rotate(-0.375deg); } 25% { transform: rotate(0.25deg); } 31.25% { transform: rotate(-0.1875deg); } 37.5% { transform: rotate(0.125deg); } 43.75% { transform: rotate(-0.09375deg); } 50% { transform: rotate(0.0625deg); } 56.25% { transform: rotate(-0.046875deg); } 62.5% { transform: rotate(0.03125deg); } 68.75% { transform: rotate(-0.0234375deg); } 75% { transform: rotate(0.015625deg); } 81.25% { transform: rotate(-0.01171875deg); } 87.5% { transform: rotate(0.0078125deg); } 93.75% { transform: rotate(-0.005859375deg); } 100% { transform: rotate(0.00390625deg); } } section.city .content { position: relative; z-index: 3; width: 100%; max-width: 500px; margin: 50px auto 0 auto; font-family: 'Open Sans', sans-serif; } section.city .content h1 { margin-bottom: 75px; } section.city .content p { font-size: 20px; } .appstore { font-size: 0; margin-top: 75px; } .appstore a { display: inline-block; width: calc(50% - 15px); max-width: 200px; } .appstore a img { display: inline-block; width: 100%; height: auto; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-transition: -webkit-box-shadow 200ms ease-in-out; -moz-transition: -moz-box-shadow 200ms ease-in-out; -ms-transition: box-shadow 200ms ease-in-out; -o-transition: box-shadow 200ms ease-in-out; transition: box-shadow 200ms ease-in-out; } .appstore a:hover img { -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.5), 0 0 10px rgba(0, 0, 0, 0.25), 0 0 5px rgba(0, 0, 0, 0.125); -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.5), 0 0 10px rgba(0, 0, 0, 0.25), 0 0 5px rgba(0, 0, 0, 0.125); box-shadow: 0 0 20px rgba(0, 0, 0, 0.5), 0 0 10px rgba(0, 0, 0, 0.25), 0 0 5px rgba(0, 0, 0, 0.125); } .appstore a ~ a { margin-left: 30px; } .content .covid { position: fixed; z-index: 99999; background-color: rgba(96, 209, 224, 0.95); width: 100%; padding: 40px; display: none; opacity: 0; -webkit-transition: opacity 300ms ease-in-out; -moz-transition: opacity 300ms ease-in-out; -ms-transition: opacity 300ms ease-in-out; -o-transition: opacity 300ms ease-in-out; transition: opacity 300ms ease-in-out; } .content .covid.visible { opacity: 1; } body:not(.scrolled1) .content .covid.open { display: block; } .content .covid > div { text-align: center; } .content .covid p { color: #fff; } .content .covid .close { position: absolute; top: 0; right: 0; width: 50px; height: 50px; line-height: 50px; text-align: center; } .content .covid .close::after { content: '\00D7'; font-size: 50px; color: #fff; } .content .covid .close:hover , .content .covid .close:hover::after { text-decoration: none !important; } @media only screen and (min-width: 769px) { header.layout .links { width: 70%; } .content .covid p { font-size: 24px; } .content .covid { top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-color: rgba(96, 209, 224, 0.95); max-width: 1100px; } } @media only screen and (max-width: 768px) { header.layout .links { padding: 20px; } header.layout .links h1 { margin: 0; } .content .covid p { font-size: 17px; line-height: 20px; } .content .covid { top: 0; left: 0; right: 0; bottom: 0; } .top_nav { -webkit-transition: opacity 300ms ease-in-out; -moz-transition: opacity 300ms ease-in-out; -ms-transition: opacity 300ms ease-in-out; -o-transition: opacity 300ms ease-in-out; transition: opacity 300ms ease-in-out; } .covid_open:not(.scrolled1) .top_nav { opacity: 0; -webkit-pointer-events: none; -moz-pointer-events: none; -ms-pointer-events: none; -o-pointer-events: none; pointer-events: none; } } @media only screen and (max-width: 520px) { header.layout .links { width: 90%; } } @media only screen and (max-width: 1500px) { section.city .content { margin: 50px auto 0 500px; } } @media only screen and (max-width: 1020px) { section.city .content { max-width: 400px; } section.city .truck { display: none; } } @media only screen and (max-width: 940px) { section.city .content { max-width: calc(50% - 20px); margin-left: 50%; } main.layout h1 { font-size: 40px; line-height: 40px; } main.layout h2 { font-size: 28px; } .appstore a { width: calc(50% - 5px); } .appstore a ~ a { margin-left: 10px; } section.city .crane { left: auto; right: 582px; } } @media only screen and (max-width: 768px) { header.layout .links { padding: 20px; } header.layout .links h1 { margin: 0; } section.truck { background-position: bottom right; -webkit-background-size: 80%; -moz-background-size: 80%; -ms-background-size: 80%; -o-background-size: 80%; background-size: 80%; padding-bottom: 0; padding-top: 80px; } section.truck .content { margin: auto; padding-left: 20px; background-color: transparent; } section.truck .motto { padding: 250px 0 25px 0; } section.truck .motto p { margin: 0; } section.city .crane { display: none; } section.city .content { padding-left: 20px; padding-right: 20px; margin: auto; max-width: 500px; } section.city { height: auto; padding: 80px 0; } } @media only screen and (max-width: 640px) { .appstore a { max-width: 100%; } section.truck { -webkit-background-size: 100%; -moz-background-size: 100%; -ms-background-size: 100%; -o-background-size: 100%; background-size: 100%; } section.truck .content { padding: 0; max-width: 100%; } }