html {
    font-size: 16px;
}

body {
    font-family: 'Lato', Arial, Helvetica, sans-serif
}

img.logo-main {
    margin-top: 20px;
}

a:link,a:active,a:visited{
    color: #000;
    text-decoration: underline;
}
a:hover {
    text-decoration: none;
}

div.page-search {
    width: 300px;
    padding: 0 10px;
    border-radius: 10px;
    line-height:50px;
    color: #888;
    border: 1px solid #ee3342;
    margin-top: 30px;
    visibility: hidden;
}
div.page-search i {
    color: #ee3342;
}

nav {
    background: none;
    box-shadow: none;
}
nav ul a:link,
nav ul a:active,
nav ul a:visited {
    font-size: 1.3em;
    color: #000;
    padding: 0 22px;
    border-radius: 5px;
    line-height: 48px;
    font-weight: bold;
    text-decoration: none;
}
nav ul a:hover {
    color: #fff;
    background: #ee3342;
}
nav ul li.active {
    border-radius: 5px;
}
nav ul li.active a:link,
nav ul li.active a:active,
nav ul li.active a:visited {
    color: #ee3342;
}
nav ul li.active a:hover {
    color: #fff;
}

a.sidenav-trigger {
    text-decoration: none;
    background: #ee3342;
    padding: 0 15px;
    border-radius: 5px;
    color: #fff;
}

div.intro-content h1 {
    font-size: 2em;
    padding-bottom: 20px;
    background: url(../img/heading-underline-med.png) no-repeat bottom;
}
div.intro-content h1 span {
    color: #9bb64f;
}
div.feature-box {
    border: 1px solid #aaa;
    margin-top: 20px;
}
div.feature-box-r div.feature-box-img img {
    display: block;
    margin-left: -24px;
}
div.feature-box-l div.feature-box-img img {
    display: block;
    margin-left: 24px;
}

div.feature-box-content {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
}
div.feature-box-content h2 {
    font-size: 2em;
    margin: 0 0 1.424rem 0;
    padding-bottom: 20px;
    background: url(../img/heading-underline-med.png) no-repeat bottom;
}


div.feature-box-r {
    border-width: 1px 0 1px 1px;
}
div.feature-box-l {
    border-width: 1px 1px 1px 0;
}

div.doc-footer {
    border-top: 3px solid #ee3342;
    padding-top: 20px;
    margin-top:  40px;
}

div.footer-left img {
    max-width: 120px;
    padding-bottom: 20px;
    border-bottom: 1px solid #aaa;
}

ul.footer-links {
    margin: 1em 0;
    padding: 0;
    list-style: none;
}
ul.footer-links li {
    display: inline-block;
    line-height: 20px;
    margin-left: 10px;
    padding-left: 10px;
    border-left: 1px solid #aaa;
}
ul.footer-links li:first-child {
    border-left: 0;
}
ul.footer-links li a {
    text-decoration: none;
    font-weight: bold;
}

.icon-social {
    margin-left: 10px;
    transition: opacity 0.3s ease-in-out;
}
.icon-social:hover {
    opacity: 0.5;
}

.btb-video-surround {
    background:  #8db2aa;
    text-align:  center;
}
.btb-video-surround video {
    width:  100%;
    max-width:  980px;
    height:  auto;
    margin:  20px 0 15px 0;
}

a.btn-large {
    color:  #fff;
    text-decoration: none;
}

.bx-wrapper {
    box-shadow: 0;
    border: 0;
    margin-bottom: 0;
}
p.primeur-contact {
    text-align:  right;
    padding-right:  20px;
}

.social-media {
    text-align: right;
}

#adBlock,
.gsc-adBlock {
    display: none !important;
}
.gsc-above-wrapper-area {
    border-bottom: 0 !important;
}
.gs-title {
    text-align: left !important;
}
.gs-web-image-box {
    display: none !important;
}
a.gs-title {
    color: #ee3342 !important;
    font-weight: bold !important;
}
.gsc-search-button-v2 {
    background: #ee3342 !important;
    padding:  23px !important;
    border: 0 !important;
    border-radius: 5px !important;
}

div.search-box {
    margin:  30px 20px 0 0;
}
div.search-box a {
    background: #ee3342;
}
div.search-box a:hover {
    background: #ccc;
    color:  #ee3342;
}
.contact-search {
    text-align: right;
    margin-top: 60px;
}


div.mm-feature {
    text-align: center;
    background: #e1e7ea;
    padding-bottom: 20px;
    margin-bottom: 20px;
    padding-top: 30px;
}


div.mm-feature img {
    margin: 20px auto;
}
div.mm-feature p {
    font-size: 1.3em;
}
div.mm-feature h2 {
    font-weight: bold;
    color: #347aa1;
}
div.mm-feature span {
    color: #1a536d;
}

div.bm-collab {
    padding-top: 30px;
    padding-bottom: 20px;
    border: 12px solid #fdcc4d;
}
div.bm-collab h2 {
    font-size: 3em;
    font-weight: bold;
}

div.bm-logo img {
    margin-top: 20px;
}

div.bm-mats img {
    margin: 20px 0;
}

/* Small Display */
@media only screen and (max-width: 601px) {

    img.logo-main {
        max-width:  260px;
        margin: 20px auto 0 auto;
        display: block;
    }

    div.page-search {
        width:  100%;
    }

    .contact-search {
        margin-top:  20px;
        text-align: left;
        float:  left;
    }

    p.primeur-contact {
        text-align: left;
        float:  left;
        margin-top:  0;
    }

    .footer-left {
        text-align: center;
    }
    .social-media {
        text-align: center;
    }

    div.feature-box {
        border-width: 1px 0;
    }

    div.search-box {
        float:  left;
        margin:  0 20px 0 20px;
    }
    nav .nav-wrapper {
        margin-top:  20px;
    }
    div.feature-box-content {
        padding-top: 20px;
    }
    div.feature-box-content img.hide-on-med-and-up {
        margin-bottom:  20px;
    }
    div.feature-box-r div.feature-box-img img,
    div.feature-box-l div.feature-box-img img {
        margin-left:  0;
    }
    div.feature-box-img {
        display: none;
    }
    div.feature-box-img img {
        margin-top:  20px;
    }

    .contact-form {
        margin-bottom:  20px;
    }

}