html, body { background: #fff; height: 100%; margin: 0; padding: 0; font-size: 21px; line-height: 1.25; font-family: neue-haas-unica, sans-serif; font-family: "Open Sans", sans-serif; color: #666; } @media (max-width: 960px) { html, body { font-size: 18px; } } @media (max-width: 768px) { html, body { font-size: 14px; } } .center { text-align: center; } .v-align { position: relative; top: 50%; transform: translateY(-50%); } .box-row { margin-bottom: 1rem; } .bttn { text-align: center; text-transform: uppercase; font-style: italic; display: inline-block; background-color: #ececec; padding: 15px 30px; border: 0; font-weight: 800; } .bttn-red { background: #ed1c24; color: #fff; } .bttn-red:hover { background: #84151b; color: #fff; text-decoration: none; } /*SECTIONS*/ h1, h2, h3, h4, h5 { text-transform: uppercase; font-family: neue-haas-unica, sans-serif; font-weight: 900; font-style: italic; } a { -webkit-transition: 0.3s ease; -moz-transition: 0.3s ease; -ms-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } section { padding: 60px 20px; } @media (max-width: 768px) { section { padding: 40px 20px; } } section h2 { font-size: 42px; margin-top: 0; text-transform: initial; color: #666; } @media (max-width: 960px) { section h2 { font-size: 32px; } } @media (max-width: 768px) { section h2 { font-size: 26px; } } section a { text-decoration: underline; } .logo-bar { background-color: #ffffff; padding: 15px; } .logo-bar img { max-width: 165px; width: 100%; } @media (max-width: 768px) { .logo-bar img { margin: auto; max-width: 160px; display: block; } } .bg-aqha { background-image: url("bg-aqha.jpg"); } #hero-form { background-color: #efefef; padding: 40px 20px; background-repeat: no-repeat; background-size: cover; background-position: center center; color: #fff; } @media (max-width: 768px) { #hero-form { height: auto; } } @media (max-width: 480px) { #hero-form { text-align: center; } } #hero-form .v-align { position: relative; top: 50%; transform: translateY(-50%); } @media (max-width: 768px) { #hero-form .v-align { top: 0%; transform: translateY(0%); } } #hero-form .wrapper { max-width: 1000px; margin: auto; } #hero-form .wrapper img { max-width: 250px; width: 100%; } @media (max-width: 768px) { #hero-form .wrapper img { margin: auto; max-width: 160px; display: block; } } #hero-form .wrapper h1 { margin: 20px 0 10px; font-style: italic; font-size: 51px; font-weight: 900; color: #fff; } @media (max-width: 960px) { #hero-form .wrapper h1 { font-size: 41px; } } @media (max-width: 768px) { #hero-form .wrapper h1 { font-size: 30px; max-width: auto; } } .box-padd-left { padding-left: 40px; } @media (max-width: 768px) { .box-padd-left { padding-left: 0px; text-align: center; } } #association-section { background-color: #ffffff; padding: 0; } @media (max-width: 768px) { #association-section { text-align: center; } } #association-section .wrapper { max-width: 1000px; margin: auto; position: relative; padding: 60px 20px; } #association-section .wrapper .box-row { margin: 0; } @media (max-width: 768px) { #association-section .wrapper .box-row { margin: 0 0 20px; } } #association-section .wrapper a.terms, #association-section .wrapper a.terms:visited { display: inline-block; position: absolute; bottom: 10px; right: 10px; font-style: italic; font-size: 19px; color: #5C99EB; } @media (max-width: 768px) { #association-section .wrapper a.terms, #association-section .wrapper a.terms:visited { position: relative; bottom: auto; right: auto; } } #association-section .wrapper img { max-width: 250px; width: 100%; } @media (max-width: 768px) { #association-section .wrapper img { margin: auto; max-width: 160px; display: block; } } #association-section .wrapper .three-col { justify-content: space-between; padding: 0 10px; } #association-section .wrapper .three-col .box-row { margin: 0; } @media (max-width: 960px) { #association-section .wrapper .three-col .box-row { margin: 0 0 20px; } } @media (max-width: 768px) { #association-section .wrapper .three-col .box-row { width: 50%; } } @media (max-width: 480px) { #association-section .wrapper .three-col .box-row { width: 100%; } } #association-section .wrapper .three-col h3 { color: #332F2F; font-weight: 900; font-style: italic; font-size: 37px; margin: 0; } @media (max-width: 960px) { #association-section .wrapper .three-col h3 { font-size: 30px; } } @media (max-width: 768px) { #association-section .wrapper .three-col h3 { font-size: 28px; } } #association-section .wrapper .three-col p { margin: 0; color: #332F2F; font-weight: 400; font-style: italic; text-transform: uppercase; font-size: 24px; line-height: 1.25; } @media (max-width: 768px) { #association-section .wrapper .three-col p { font-size: 22px; } } #association-section .vert-align { display: flex; align-items: center; } .form-box { padding-top: 40px; } @media (max-width: 960px) { .form-box { max-width: 600px; margin: auto; } } .form-title { text-transform: uppercase; font-weight: 800; } #form { padding: 60px 20px 0; color: #666; } @media (max-width: 768px) { #form { padding: 20px 20px 0; } } #form .wrapper { max-width: 1090px; margin: auto; text-align: center; } #form .wrapper h2 { color: #fff; font-style: italic; font-size: 30px; } @media (max-width: 960px) { #form .wrapper h2 { font-size: 25px; } } @media (max-width: 768px) { #form .wrapper h2 { font-size: 20px; } } #form .wrapper form { margin: 0; } #form .wrapper form .row { margin: 0 0 20px 0; } #form .wrapper form input { width: 100%; padding: 20px 24px 20px 12px; line-height: 24px; border-radius: 5px; border: 1px solid #666; } #form .wrapper form input[type=checkbox] { width: auto; text-transform: uppercase; display: inline-block; vertical-align: top; } #form .wrapper form input[type=button] { max-width: 600px; border: 0; } #form .wrapper form label span { display: inline-block; vertical-align: middle; margin: 0 0 0 10px; line-height: 1; font-size: 15px; width: calc(100% - 40px); text-align: left; vertical-align: text-top; } #form .wrapper form label.title { width: 100%; text-align: left; } .col-xs-12.form-fields { margin-bottom: 20px; } #terms .wrapper, #video .wrapper { max-width: 1090px; margin: 0 auto; } video { max-width: 100%; height: auto; } iframe, embed, object { max-width: 100%; } .unsupported { background: #fddfde; } .general-image { width: 100%; max-width: 600px; } #association { background-color: #EFEFEF; } #association .wrapper { max-width: 1300px; margin: 0 auto; } #association .box-logo { background-color: #fff; border-radius: 5px; height: 150px; } #experience { background: #efefef; } #experience .wrapper { margin: auto; max-width: 1340px; } .bfg-general-info h1 { background: #484848; color: #fff; text-transform: initial; font-size: 35px; padding: 10px 20px; margin: 0; } @media (max-width: 768px) { .bfg-general-info h1 { font-size: 28px; } } @media (max-width: 600px) { .bfg-general-info h1 { font-size: 22px; } } .bfg-logos { height: 600px; position: relative; background: url("https://image.drive.bfgoodrichtires.com/lib/fe8e13727c64037971/m/1/general.jpg"); background-size: cover; text-align: center; background-position: center; } @media (max-width: 768px) { .bfg-logos { background: #484848; height: auto; } } .bfg-logos img { position: absolute; bottom: 20px; left: 30px; width: calc( 90% - 0px); padding: 20px; } @media (max-width: 768px) { .bfg-logos img { position: relative; left: auto; bottom: auto; } } .general-image-box { padding-bottom: 1rem; } /*# sourceMappingURL=style.css.map */