p, h2, h3, ul, div, body { font-family: effra, sans-serif !important; overflow-wrap: break-word; } p, h2, h3, ul, body { margin: 0 !important; padding: 0 !important; } a { color: blue !important; text-decoration: none !important; } .mce-edit-focus p { padding: 0px !important; margin: 0px !important; } .content { background-color: #e41e2b; max-width: 765px; margin: auto; } header { position: relative; display: flex; flex-direction: column; width: 100%; margin: 0; vertical-align: bottom; } #headerImage { position: absolute; width: 100%; height: 100%; } _:-ms-lang(x), #headerImage { position: static; } #headerImage img { width: 100% !important; height: 100% !important; object-fit: cover !important; } _:-ms-lang(x), #headerImage img { position: absolute; width: 100% !important; height: 100% !important; } #title { position: relative; background-color: rgba(255, 255, 255, 0.8); width: 310px; height: 210px; float: right; margin-top: 80px; margin-bottom: 40px; text-align: left !important; visibility: visible; } .titleText { width: 90% !important; font-size: 28px !important; font-weight: bold !important; font-size: 28px !important; font-weight: bold !important; margin: auto; } #logoWrapper { display: inline-block; margin-bottom: 20px; } #logoContainer { display: flex; align-items: flex-start; justify-content: flex-start; width: 250px; height: 80px; } #mobileLogoContainer { display: flex; justify-items: center; align-items: center; width: 250px; height: 80px; margin: auto; } .logo { margin: 15px 0px 0px 0px; max-width: 100%; max-height: 100%; } #waves { position: relative; display: inline; width: 100%; padding: 0; height: 186px; background-repeat: no-repeat; background-position: bottom; background-size: contain; } #waves svg { display: block; } #titleMobile { text-align: center; background-color: #ffffff; width: 90%; margin: auto; margin-bottom: 10px; padding-bottom: 10px; margin-top: 10px; paddding-top: 10px; display: none; border-left: 10px solid #e41e2b; border-right: 10px solid #e41e2b; } #leadIn { display: flex; flex-wrap: wrap; justify-content: space-around; } #jobDetails { background-color: #ffffff; display: inline-block; justify-content: space-around; width: 66%; margin: 10px 0px 10px 0px; border-left: 10px solid #e41e2b; border-right: 10px solid #e41e2b; padding: 0; } #jobDetails-spacer { width: 25%; min-width: 190px; margin-top: 10px; border-right: 10px solid transparent; } .main { display: flex; flex-wrap: wrap; justify-content: space-around; width: 100%; margin: 0; padding-bottom: 30px; } .mainColumn { width: 66%; margin: 10px 0px 10px 0px; border-left: 10px solid transparent; border-right: 10px solid transparent; } .sideColumn { width: 25%; min-width: 190px; margin-top: 10px; border-right: 10px solid transparent; } article { background-color: #ffffff; padding: 10px; margin: 0; } .sideColumn article { margin-bottom: 20px; } .headingContainer { display: inline-block; max-width: 104%; margin: 0; margin-left: -20px; } .heading { display: table-cell; max-width: 100%; border-radius: 20px 0px 0px 20px; padding: 5px 50px 6px 20px !important; margin: 0; text-transform: uppercase; font-size: 20px !important; font-weight: bold !important; } .headingDetail { display: table-cell; width: 50px; height: auto; background-size: 100% 100%; } .bodyText { font-size: 16px !important; margin-top: 5px } .textElement ul { padding: 10px 0 10px 4% !important; } .textElement ol { padding: 10px 0 10px 4% !important; } .container { margin-top: 30px; margin-bottom: 30px; display: flex; flex-wrap: wrap; justify-content: center; } .employee { display: inline-block; padding: 5px; } .employeeImg { display: block; width: 80px; height: 80px; margin: auto; } .employeeName { margin: auto; width: 80px; text-align: center; font-size: 16px !important; } .benefit { display: inline-flex; flex-direction: column; align-items: center; justify-content: unset; padding: 5px; width: 110px; } .benefitImgContainer { display: flex; justify-content: center; align-items: center; width: 80px; height: 80px; } .benefitImg { display: block; max-width: 100%; max-height: 100%; } .benefitText { width: 100%; margin: 0; text-align: center; font-size: 10.5px !important; } .benefitText h4 { margin-top: 5px; margin-bottom: 5px; font-size: 14px !important; font-weight: bold !important; } .brands { margin-top: 15px; } .brandContainer { display: flex; flex-wrap: wrap; justify-content: center; } .brandImgContainer { display: inline-flex; justify-content: center; align-items: center; width: 70px; height: 70px; margin: 5px; } .brand { max-width: 100%; min-height: 100%; object-fit: contain; } .contactWrapper { display: flex; flex-direction: column; width: 90%; margin: auto; } .contactWrapper h3 { margin-top: 12px !important; margin-bottom: 12px !important; } .contactImage img { width: 150px !important; height: 180px !important; margin: auto; } .topEmployer img+img { margin-top: 10px !important; } .videoImage { width: 160px; height: 100px; margin: auto; margin-top: 5px; } .socialMedia { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; } .socialMediaIcon { width: 36px; height: 36px; margin: 0px 0px 0px 3px; } @media screen and (max-width: 646px) { #title { visibility: hidden; } #titleMobile { display: block; } #jobDetails { width: 90%; } #jobDetails-spacer { margin: 0; } .mainColumn { width: 90%; } .sideColumn { border-right: 0; } }  .colorlink-socialMediaIconCol{color:#000000;}