html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;box-sizing: border-box}/* HTML5 display-role reset for older browsers */article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}body {line-height: 1;}ol, ul {list-style: none;}blockquote, q {quotes: none;}blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}table {border-collapse: collapse;border-spacing: 0;}a {text-decoration:none; color:inherit;}
/* BASE */ /* COLOURS */ /* HTML */ html { -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; -ms-overflow-style:scrollbar; -webkit-tap-highlight-color:transparent; height: 100%; } /* BODY */ body { -webkit-text-size-adjust: none; max-width: 1920px; min-width: 320px; margin: 0 auto; overflow-x: hidden; height: 100%; font-family:'Open Sans', sans-serif; line-height:1.3; color:#484949; } .menu-open-right, .menu-open-right { overflow: hidden; height: 100%; -webkit-overflow-scrolling: auto; } /* TYPE */ h1, h2, h3, strong { font-weight:700; } h4, em { font-style:italic; } h1, h2, h3, h4, h5, p { margin-bottom:10px; } /* BASE CLASSES */ /* SECTION */ .section { width:100%; position:relative; } /* CONTAINER */ .container { width:100%; margin:0 auto; box-sizing: border-box; } .boxed { max-width:1340px; margin:0 auto; box-sizing:border-box; } /* ROW */ .row { width:100%; box-sizing:border-box; position:relative; } .row:after { content:''; display:block; clear:both; } /* COLUMN */ .column { width:100%; } /* PADDING */ .vpad { padding-top:5px; padding-bottom:5px; box-sizing:border-box; } .hpad { padding-left:5px; padding-right:5px; box-sizing:border-box; } /* FLOAT */ .left { float:left; } .right { float:right; } /* FLEX */ .flex { display:flex; flex-wrap:wrap; } /* WRAPPER */ #wrapper { position: relative; -webkit-transform: initial; will-change: initial; transition: transform 1s cubic-bezier(0.5, 0, 0, 1); min-height: 100%; } .menu-open-right #wrapper { -ms-transform: translateX(-266px); -webkit-transform: translateX(-266px); transform: translateX(-266px); } 
/* HEADER */ 
header{
position:relative;
width:100%;
z-index:999999;
display:flex;
justify-content:space-between;
}

#header-top{
display:flex;
padding:10px;
}

#header-top svg{
display:block;
width:80px;
}

.cls-1{fill:#5b94f8;}
.cls-2{fill:#b2cfff;}
.cls-3{fill:#003ca3;}
.cls-4{fill:#5b94f8;}

#header-bottom{
display:flex;
flex-direction:column;
justify-content:center;
}

#openmenu-button{
padding:10px;
}

#openmenu-button svg{
width:34px;
height:44px;
display:block;
cursor:pointer;
}

.line-top, .line-mid, .line-bottom  {
fill:#484949;
display:block;
}

#top-menu{
display:none;
}

#menu{
display:none;
}

#mobile-primary .submenu-arrow {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: absolute;
    width: 46px;
    height: 46px;
    right: 0;
    top: 0;
    z-index: 1;
}

#mobile-primary .submenu-arrow:before {
    content: '';
    display: block;
    width: 26px;
    height: 4px;
    background: #505456;
    margin: 0 auto;
}

#mobile-primary .submenu-arrow:after {
    content: '';
    display: block;
    position: absolute;
    width: 4px;
    height: 26px;
    background: #505456;
    left: 50%;
    margin-left: -2px;
}

#mobile-primary .nav-level-1{
    display:none;
}

#mobile-primary .submenu-active:after {
    display:none;
}

#mobile-primary .submenu-active + .nav-level-1{
    display:block;
    background:#F0F1F1;
}

#mobile-primary li{
position:relative;
}



/* HEADER */
/* CONTENT */ /* SLIDESHOW */ #slideshow { min-height:320px; height:73.965vh; max-height:750px; opacity:0; } #slideshow.slideshow-active { opacity:1; transition:opacity 2.5s; } #slideshow .swiper-slide { min-width:100%; } #slideshow .swiper-container { width: 100%; height: 100%; } .slide-wrap { position:relative; z-index:3; color: #ffffff; height: 100%; width:100%; } .slide-table { display:table; width: 100%; height: 100%; } .slide-cell { display:table-cell; vertical-align:bottom; padding-bottom: 55px; } .slide-content { padding:10px; background:rgba(90, 148, 248, 0.90); } .slide-content h2 { font-size:20px; line-height:1.1; } .slide-content p a:hover { color:#484949; } .slide-content p:last-child { margin-bottom:0; } .slide-overlay { width:100%; height:100%; position:absolute; top:0; left:0; z-index: 2; mix-blend-mode:multiply; } .overlay-wrap { height:100%; } .overlay-wrap:after { content:''; display:block; clear:both; } .overlay-col { width:20%; height:100%; position:relative; float:left; } .overlay-col:before, .overlay-col:after { content:''; display:block; width:100%; height:0; padding-bottom:100%; background:#5A94f8; position:absolute; z-index:1; } /* OVERLAY STYLE 1/DEFAULT */ .overlay-style1 .overlay-col1:before { top:0; background:#003CA3; } .overlay-style1 .overlay-col1:after { top:40%; } .overlay-style1 .overlay-col2:before { display:none; } .overlay-style1 .overlay-col2:after { top:80%; } .overlay-style1 .overlay-col3:before { top:20%; } .overlay-style1 .overlay-col3:after { top:60%; background:#003CA3; } .overlay-style1 .overlay-col4:before { top:40%; background:#003CA3; } .overlay-style1 .overlay-col4:after { display:none; } .overlay-style1 .overlay-col5:before { top:0%; } /* OVERLAY STYLE 2 */ .overlay-style2 .overlay-col1:before { top:20%; } .overlay-style2 .overlay-col1:after { top:60%; } .overlay-style2 .overlay-col2:before { top:40%; display:block; background:#003CA3; } .overlay-style2 .overlay-col2:after { display:none; } .overlay-style2 .overlay-col3:before { top:0%; } .overlay-style2 .overlay-col3:after { top:60%; background:#003CA3; } .overlay-style2 .overlay-col4:before { top:20%; background:#003CA3; } .overlay-style2 .overlay-col4:after { display:block; top:80%; } .overlay-style2 .overlay-col5:before { top:20%; } .overlay-style2 .overlay-col5:after { display:none; } /* OVERLAY STYLE 3 */ .overlay-style3 .overlay-col1:before { top:40%; background:#003CA3; } .overlay-style3 .overlay-col1:after { top:60%; } .overlay-style3 .overlay-col2:before { top:20%; display:block; background:#003CA3; } .overlay-style3 .overlay-col2:after { display:none; } .overlay-style3 .overlay-col3:before { top:40%; } .overlay-style3 .overlay-col3:after { top:80%; background:#003CA3; } .overlay-style3 .overlay-col4:before { top:0%; background:#003CA3; } .overlay-style3 .overlay-col4:after { display:none; } .overlay-style3 .overlay-col5:before { top:80%; } .overlay-style3 .overlay-col5:after { display:none; } /* OVERLAY STYLE 4 */ .overlay-style4 .overlay-col1:before { top:60%; } .overlay-style4 .overlay-col1:after { top:80%; background:#003CA3; } .overlay-style4 .overlay-col2:before { top:0%; display:block; background:#003CA3; } .overlay-style4 .overlay-col2:after { top:80%; display:block; } .overlay-style4 .overlay-col3:before { top:20%; } .overlay-style4 .overlay-col3:after { top:60%; background:#003CA3; } .overlay-style4 .overlay-col4:before { display:none; } .overlay-style4 .overlay-col4:after { display:block; top:60%; } .overlay-style4 .overlay-col5:before { top:20%; } .overlay-style4 .overlay-col5:after { top:40%; background:#003CA3; } .slide-bg { width:100%; height:100%; position:absolute; top:0; left:0; background-size:cover; background-position:15% 0%; z-index:1; background-color:#F0F1F1; } #slideshow .swiper-button-next, #slideshow .swiper-button-prev { top:unset; bottom:5px; } #slideshow .swiper-button-next, #slideshow .swiper-container-rtl .swiper-button-prev { background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23484949'%2F%3E%3C%2Fsvg%3E"); } #slideshow .swiper-button-next:hover, #slideshow .swiper-container-rtl .swiper-button-prev:hover { background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%235A94f8'%2F%3E%3C%2Fsvg%3E"); } #slideshow .swiper-button-prev, #slideshow .swiper-container-rtl .swiper-button-next { background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23484949'%2F%3E%3C%2Fsvg%3E"); } #slideshow .swiper-button-prev:hover, #slideshow .swiper-container-rtl .swiper-button-next:hover { background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%235A94f8'%2F%3E%3C%2Fsvg%3E"); } /* SERVICES TILES */ #tiles { background-color:#F0F1F1; } #tile-list { padding:0 1px; justify-content:center; } .tile { padding:20px 10px; } .tile:last-child { } .tile:nth-child(odd) { background:#5A94f8; } .tile:nth-child(even) { background:#73B1F9; } .tile h2, .tile a { color:#ffffff; } .tile h2 { font-size:20px; line-height:1.2; } .tile a:hover { color:#484949; } /* INTRODUCTION */ #introduction { padding:10px 0; } #introduction-title { text-align:center; } #introduction-title h1 { margin-bottom:0; color:#5A94f8; font-size:24px; line-height:1.2; } #introduction-content { padding:5px; } #introduction-content p:last-child { margin-bottom:0; } #introduction-link p { margin-bottom:0; } #introduction-link p a { color:#5A94f8; } #introduction-link p a:hover { color:#484949; } /* OCCUPATIONAL HEALTH */ #occ-health { padding:10px 0; } #occ-health-title { text-align:center; } #occ-health-title h2 { margin-bottom:0; color:#5A94f8; font-size:24px; line-height:1.2; } #occ-health-content { padding:0 5px; } #occ-health-content p:last-child { text-align:right; } #occ-health-content p:last-child a { color:#5A94f8; } #occ-health-content p:last-child a:hover { color:#484949; } /* TESTIMONIALS */ #testimonials { background:#5A94f8; text-align:center; padding:10px 0; } #testimonials-title h3 { margin-bottom:0; color:#ffffff; font-size:24px; line-height:1.2; } #testimonials-content p { font-style:italic; } #testimonials-content p.cite { font-style:normal; margin-bottom:0; } #testimonials-link p { font-style:normal; margin-bottom:0; } #testimonials-link p a { font-weight:700; } #testimonials-link p a:hover { color:#ffffff; } .testimonial-item { padding-bottom: 20px; text-align: center; border-bottom: 2px solid; margin-bottom: 20px; } .testimonial-item p { color: #484949; font-style:italic; } .testimonial-item p.cite { font-style:normal; margin-bottom: 0; } .home .testimonial-item { padding-bottom:0; border:none; margin-bottom:0; } /* CTA */ #cta { padding:10px 0; background:#484949; text-align:center; color:#ffffff; } #cta-title h3 { font-size:24px; line-height:1.2; margin-bottom:0; } #cta-content p { margin-bottom:0; line-height:61px; } .contactform > div, .contactform > fieldset { padding:5px; } .contactform input { display:block; width:100%; box-sizing:border-box; border:2px solid transparent; padding:10px; border-radius: 0; -webkit-appearance: none; font-size: 16px; font-family: inherit; margin-bottom: 10px;} .contactform > fieldset div:last-of-type input{margin-bottom:0;} .contactform textarea { display:block; width:100%; box-sizing:border-box; border:2px solid transparent; padding:10px; border-radius: 0; -webkit-appearance: none; font-size: 16px; font-family: inherit; resize:none; height: 92px;} .contactform input.cms_submit { background:#5A94f8; } .contactform input.cms_submit:hover { background:#ffffff; cursor:pointer; } .contactform label.error { display: none!important; } .contactform input.error, .contactform textarea.error { border:2px solid red; } /* FOOTER */ #footer { width:100%; position:relative; bottom:0; z-index:2; } #footer-links { padding:10px 0; } #footer-links p, #footer-links ul { margin-bottom:10px; line-height:1.3; } #footer-links p:last-child, #footer-links ul:last-child { margin-bottom:0; } #footer-links ul li ul { margin-bottom:0px; } #footer-links a { color:#5A94f8; } #footer-links a:hover { color:#484949; } #footer-links li { line-height:1.3; } #footer-links li li { margin-left:20px; } /* INSIDE PAGE STYLES */ #breadcrumbs { background:#E6E7E8; color:#484949; /*border-bottom:4px solid #ffffff;*/ } #breadcrumbs a { font-weight:700; color:#5A94f8; } #breadcrumbs a:hover { color:#484949; } /* IMAGE STRIP */ #top-strip { height:160px; background-size:cover; background-position:center; } /* BANNER */ #banner { /*background:#73B1F9;*/ overflow:hidden; border-top:4px solid #73B1F9; } #banner h1 { color:#ffffff; margin-bottom:0; font-size: 24px; line-height:1.2; } #banner p { font-size: 18px; line-height:1.3; } #banner p:last-child { margin-bottom:0; } #banner-title { background:#73B1F9; } /* MAIN CONTENT */ #main-content { } #main-content h1 { font-size: 28px; line-height: 1.2; } #main-content h2 { font-size: 22px; line-height: 1.2; } #main-content p { line-height:1.5; } #main-content p:last-child { margin-bottom:0; } #main-content ul, #main-content ol { margin-left:30px; margin-bottom:10px; } #main-content ul:last-child, #main-content ul:last-child li:last-child, #main-content ol:last-child, #main-content ol:last-child li:last-child { margin-bottom:0; } #main-content ul li { list-style-type:disc; line-height: 1.5; } #main-content ol li { list-style-type:decimal; line-height: 1.3; } #main-content a { color:#5A94f8; font-weight:700; } #main-content a:hover { color:#484949; } #main-content-left-bg{background:#e6e7e8;padding:10px;} #main-content-left-bg img{width:100%;height:auto;} #main-content-left ul { margin:-10px 0 0 0; } #main-content #main-content-left li { list-style-type:none; margin:10px 0; font-size:16px; } #main-content-left ul ul { margin:0 0 0 20px; } #main-content-left a.menuactive { color:#484949; } /* KNOWLEDGE BANK */ #article-list { width:calc(100% + 10px); margin-left:-5px; margin-top: -5px; margin-bottom:-5px; } .article-border { border:4px solid #E6E7E8; height:100%; } .article { height:100%; } #main-content .article a { color:#ffffff; height:100%; display:block; padding:10px; } #main-content .article a:hover { background-color:#ffffff; color:#484949; } .article span { display:block; } .article a span.article-image { background:#ffffff; padding:10px; } .article a span.article-image img { display:block; margin:0 auto; max-width:100%; } .article a span.article-title { padding:10px 0 0 0; border-top: 2px solid; } .article { background:#003ca3; }  /* OVERLAY */ #overlay { width: 100%; left: 0; will-change: transform; position: fixed; top: 0; bottom: 0; transition: 1s cubic-bezier(0.5, 0, 0, 1); opacity: 0; z-index:-1; } .menu-open-right #overlay { opacity: 1; z-index: 999999; background-color:rgba(72, 73, 73, 0.9); } /* MOBILE MENU */ #mobile-menu { width: 266px; right: -266px; will-change: transform; position: fixed; overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; top: 0; bottom: 0; z-index: 10; transition: transform 1s cubic-bezier(0.5, 0, 0, 1); background-color: #ffffff; color: #484949; } .menu-open-right #mobile-menu { -ms-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px); z-index:9999; } #closemenu-button { background-color:#F0F1F1; } #closemenu-button:after { content:''; display:block; clear:both; } #closemenu-button svg { width:34px; height:44px; float:right; padding:5px; cursor:pointer; } #mobile-primary { clear:both; width:100%; } #mobile-primary ul { display: block; padding: 10px 0; } #mobile-primary ul li a { display:block; padding:10px; font-size:20px; } #mobile-primary ul li a:hover { background-color:#F0F1F1; } #mobile-top { clear:both; width:100%; } #mobile-top ul { display: block; padding: 10px 0; } #mobile-top ul li a { display:block; padding:10px; font-size:20px; color:#5A94f8; } #mobile-top ul li a:hover { background-color:#F0F1F1; } /* COOKIE BAR */ #cookie-notification { position:fixed; bottom: 0px; left: 0px; width: 100%; z-index: 999999999; background-color:#484949; color:#ffffff; font-size: 14px; display:none; } .cookie-title { display:inline-block; float:left; } .cookie-links { display:inline-block; float:right; width:100%; } @media screen and (min-width:880px) { .cookie-links { width:auto; } } .cookie-link-more { float:left; font-weight:700; } .cookie-link-close { float:right; font-weight:700; } .menudepth2 { display:none; } .menudepth1.menuactive .menudepth2 { display:block; } #main-content-right table { border: 1px solid; margin-bottom:20px; } #main-content-right table tr td { padding:10px; border: 1px solid; } #main-content-right img { max-width:100%; height:auto; } .toggle-wrap { margin-bottom:20px; } .toggle-title { cursor:pointer; color:#73B1F9; } .toggle-title:hover, .toggle-title-active { cursor:pointer; color:#003CA3; } .toggle-content { display:none; } .toggle-title-active + .toggle-content { display:block; }
@media screen and (min-width:48em){ .tile { width:50%; } #article-list > .column{  width:50%; } #top-strip{ height: 240px; } }



@media screen and (min-width:64em){ /* SLIDESHOW */ .slide-cell { vertical-align:middle; } .slide-content { width:40%; float:right; } .slide-overlay { width:100%; height:100%; position:absolute; top:0; left:0; z-index: 2; mix-blend-mode:multiply; } /* SERVICES TILES */ .tile:nth-child(4n) { } /* INTRODUCTION */ #introduction-title h1 { font-size:30px; } #introduction-content { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; } #introduction-content p { margin-bottom:0; } /*#introduction-content p:first-child { font-size:24px; }*/ #introduction-content p:last-child { margin-top:20px; } #introduction-content a { color:#5A94f8; } #introduction-content a:hover { color:#484949 } #introduction-link{text-align:center;}/* TESTIMONIALS */ #testimonials-title h3 { font-size:30px; } /* CTA */ #cta-title h3 { font-size:30px; } .contactform{ display:flex;flex-wrap:wrap;justify-content:center; } .contactform > fieldset, .contactform > div { width:33.33334%; float:left; } .contactform input { font-size:14px; margin-bottom: 10px;} .contactform input.cms_submit{ height:100%;margin-bottom:0; } .contactform textarea{font-size: 14px;}/* BANNER */ #banner h1 { font-size:30px; } #banner p { font-size: 22px; } #article-list > .column { width:33.333334%; }.g-recaptcha{width:auto!important;}}
@media screen and (min-width:80em){ /* BASE CLASSES */ /* PADDING */ .vpad { padding-top:10px; padding-bottom:10px; box-sizing:border-box; } .hpad { padding-left:10px; padding-right:10px; box-sizing:border-box; } /* COLUMN */ .col1-12 {width:8.333333%;} .col2-12 {width:16.666667%;} .col3-12 {width:25%;} .col4-12 {width:33.333334%;} .col5-12 {width:41.666667%;} .col6-12 {width:50%;} .col7-12 {width:58.333333%;} .col8-12 {width:66.666667%;} .col9-12 {width:75%;} .col10-12 {width:83.333333%;} .col11-12 {width:91.666667%;} .col12-12 {width:100%;} /* WRAPPER */ #wrapper { transition:transform 0s; } .menu-open-right #wrapper { -ms-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px); transition:transform 0s; } 

/* HEADER */ 
header{
flex-direction:column;
}

#header-top{
display:flex;
padding:20px 20px 0;
justify-content:center;
}

#header-top svg{
display:block;
width:140px;
}

.cls-1{fill:#5b94f8;}
.cls-2{fill:#b2cfff;}
.cls-3{fill:#003ca3;}
.cls-4{fill:#5b94f8;}

#header-bottom{
display:flex;
flex-direction:column;
justify-content:center;
}

#openmenu-button{
display:none;
}

#openmenu-button svg{
width:34px;
height:44px;
display:block;
cursor:pointer;
}

.line-top, .line-mid, .line-bottom  {
fill:#484949;
display:block;
}

#top-menu{
display:none;
}

#menu{
display:block;
}

#menu ul li{
position:static;
}

#menu a{
    display:block;
    padding:20px;
}

#menu a:hover{
color:#5b94f8;
}

#menu .nav-level-0{
display:flex;
justify-content:center;
}

#menu .nav-level-0 > ul{
width:100%;
max-width:1280px;
position:relative;
display:flex;
justify-content:center;
font-size:26px;
}

#menu .nav-level-1{
display:none;
position:absolute;
text-align:left;
z-index:999;
background:#ffffff;
}

#menu .nav-level-1:hover{
display:block;
}


#menu .parent a:hover + .submenu-arrow + div{
    display:block;
}

/* HEADER */
    
    /* SLIDESHOW */ #slideshow .swiper-button-next, #slideshow .swiper-button-prev { bottom:10px; } #slideshow .swiper-button-prev, #slideshow .swiper-container-rtl .swiper-button-next { left:20px; } #slideshow .swiper-button-next, #slideshow .swiper-container-rtl .swiper-button-prev { right:20px; } /* TILES */ #tile-list { padding:0px ; border:none; } .tile { padding:20px; justify-content:space-between; flex-direction:column; width:25%; } /* INTRODUCTION */ #introduction { padding:20px 0; } #introduction-title h1 { font-size:36px; } #introduction-content { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; padding:10px; font-size:20px; } #introduction-link { font-size:20px; } /* TESTIMONIALS */ #testimonials { padding:20px 0; } #testimonials-title h3 { font-size:36px; } #testimonials-content p { font-size:24px; margin-bottom:20px; } /* CTA */ #cta { padding:20px 0; } .contactform:after { content:''; display:block; clear:both; } .contactform > fieldset, .contactform > div { padding:10px; } .contactform input { margin-bottom: 20px;} .contactform textarea{height:102px;}/* FOOTER */ #footer-links { padding:20px 0 50px; } /* BANNER */ #banner h1 { font-size:36px; } #banner p { font-size: 24px; } /* MAIN CONTENT */ #main-content p, #main-content li { font-size:18px; line-height:1.5; /*margin-bottom:20px;*/ } #main-content p, #main-content ul { margin-bottom:20px; } #main-content li li {/* margin-top:20px;*/ } #main-content h2 { margin-bottom:20px; } /* KNOWLEDGE BANK */ #article-list { width:calc(100% + 20px); margin-left:-10px; margin-top:-10px; margin-bottom:-10px; } #article-list > .column { width:25%; } #article-list.locations-list > .column{width:33.3333334%;} /* OVERLAY */ #overlay { display:none; } /* MOBILE MENU */ #mobile-menu { display:none; } #top-strip { height:320px; } }
@media screen and (min-width:100em){ /* BANNER */ #banner-title:before { content:''; display:block; width:50%; height: 0; padding-bottom: 25%; position:absolute; background-image:url(/uploads/assets/img/banner-pixel.png); background-repeat:repeat-y; background-size:cover; background-position:top right; left: -50%; top: -20px; } /* SERVICES TILES */ .tile { width:25%; } }