/* THE CSS FILE FOR DEET FACTS PAGE */

/*

    FILE SETUP SECTION

*/

body {
    font-family: Arial, Helvetica, sans-serif !important;
}

p {
    font-size: 20px;
}

.nav-banner {
    font-size: 0.7vw !important;
}

/*

    DEET HEADER SECTION

*/
.deet-header-section .jump-to-links {
    text-align: center;
}

.deet-header-section .jump-to-links a {
    cursor: pointer;
    display: inline-block;
    margin: 1%;
    padding-left: .5%;
    padding-right: .5%;
    font-size: 20px;
}

.deet-header-section .jump-to-links a:first-child {
    text-decoration: none;
}

.deet-header-section .jump-to-links a:not(:first-child) {
    background-color: #fff200;
    transition: background-color 2s;
}

.deet-header-section .jump-to-links a:hover:not(:first-child) {
    background-color: #fff98e;
    color: #fff200;
    transition: background-color .5s;
}

.deet-header-section .deet-header-content {
    text-align: center;
}



/*

    HUGE WRAPPER 1 SECTION

*/
.huge-section-main-wrapper .huge-wrapper1 .row .col-md-4 img {
    width: 100%;
}

.huge-section-main-wrapper .huge-wrapper1 .row .col-md-4 {
    padding: 0;
    font-size: 12px;
    text-align: center;
}

.huge-section-main-wrapper .huge-wrapper1 .row .col-md-8 h4 {
    width: 100%;
    padding: 1%;
    text-align: center;
    background-color: #fff200;
}

.huge-section-main-wrapper .huge-wrapper1 .row .col-md-8 ul {
    list-style: square;
    font-size: 20px;
}


/*

    HUGE WRAPPER SECTION 1 (DEET HISTORY)

*/
.huge-section-main-wrapper .huge-wrapper1-deet-history .row .col-md-5 img {
    width: 100%;
}

.huge-section-main-wrapper .huge-wrapper1-deet-history .row .col-md-4 .vertical-align{
    font-size: 20px;
    text-align: left;
}

.huge-section-main-wrapper .huge-wrapper1-deet-history .row .col-md-3 img {
    width: 100%;
}

@media (max-width: 768px) {
    .huge-section-main-wrapper .huge-wrapper1-deet-history .row .col-md-3 img {
        width: 50%;
        display: block;
        margin-left: 20%;
        margin-top: 3%;
    }
}


/*

    HUGE WRAPPER SECTION 1 (DEET SAFETY)

*/
.huge-section-main-wrapper .huge-wrapper1-deet-safety {
    width: 90%;
    padding-left: 3%;
    text-align: center;
}

@media (max-width: 768px) {
    .huge-section-main-wrapper .huge-wrapper1-deet-safety {
        width: 100%;
        padding: 3% 0;
    }
}

.huge-section-main-wrapper .huge-wrapper1-deet-safety h4 {
    background-color: #fff200;
    margin-top: 5%;
}

.huge-section-main-wrapper .huge-wrapper1-deet-safety .deet-safety-content1 p {
    font-size: 23px;
}

.huge-section-main-wrapper .huge-wrapper1-deet-safety .deet-safety-content1 img {
    width: 100%;
    padding-bottom: 3%;
}


/*

    HUGE WRAPPER SECTION 1 (DEET WORKS)

*/
.huge-section-main-wrapper .huge-wrapper1-deet-works {
    width: 90%;
    padding-left: 3%;
    text-align: center;
}

.huge-section-main-wrapper .huge-wrapper1-deet-works h4 {
    margin-top: 5%;
    background-color: #fff200;
}

.huge-section-main-wrapper .huge-wrapper1-deet-works img {
    width:70%;
}

.huge-section-main-wrapper .huge-wrapper1-deet-works p {
    width: 90%;
    margin: 0 auto;
    font-size:20px;
}


/*

    HUGE WRAPPER SECTION 1 (DEET DOWNSIDES)

*/
.huge-section-main-wrapper .huge-wrapper1-deet-downsides {
    width: 90%;
    padding-left: 3%;
    text-align: center;
}

.huge-section-main-wrapper .huge-wrapper1-deet-downsides h4 {
    background-color: #fff200;
    margin-top: 5%;
}

.huge-section-main-wrapper .huge-wrapper1-deet-downsides .deet-downsides-content p {
    font-size: 20px;
    width: 90%;
    margin: 0 auto;
}


/*

    HUGE WRAPPER SECTION 2 (HUGE LOGO SECTION)

*/
.huge-section-main-wrapper .huge-wrapper2 img {
    width: 100%;
}

@media (max-width: 768px) {
    .huge-wrapper2 {
        padding-bottom: 5%;    
    }
}


/*

    DEET LEVELS SECTION

*/
.active-deet-levels-section {
    width: 100%;
    border: 18px solid #fff200;
    padding: 5% 0;
}

.active-deet-levels-section .active-deet-wrapper {
    width: 90%;
    margin: 0 auto;
}

.active-deet-levels-section h3 {
    text-align: center;
    margin-top: 1%;
}

.active-deet-levels-section .levels-content1 .content1-text {
    margin: 0 auto;
    display: table;
}

.active-deet-levels-section .levels-content1 .content1-text p {
    font-size: 20px;
}

.active-deet-levels-section .levels-content3 .row .col-md-3 .levels-content2, .active-deet-levels-section .levels-content3 .row .col-md-6 .levels-content2 {
    position: relative;
    height: 300px;
}

@media (max-width: 500px) {
    .active-deet-levels-section .levels-content3 .row .col-md-3 .levels-content2, .active-deet-levels-section .levels-content3 .row .col-md-6 .levels-content2 {
        height: 250px
    }
}

.active-deet-levels-section .levels-content2 #green-product-range-img {
    width: 70%;
    height: auto;
    max-height: 100%;
    position: absolute;
    bottom: 0;
    margin: auto;
    left: 0;
    right: 0;
    text-align: center;
}

.active-deet-levels-section .levels-content2 #red-product-range-img {
    width: 70%;
    height: auto;
    max-height: 100%;
    position: absolute;
    bottom: 0;
    margin: auto;
    left: 0;
    right: 0;
    text-align: center;
}

.active-deet-levels-section .levels-content2 #tube-product-range-img {
    width: 70%;
    height: auto;
    max-height: 100%;
    position: absolute;
    bottom: 0;
    margin: auto;
    left: 0;
    right: 0;
    text-align: center;
}

.active-deet-levels-section .levels-content3 .row .col-md-3 h3, .active-deet-levels-section .levels-content3 .row .col-md-6 h3{
    text-align: center;
    background-color: #fff200;
    width: 100%;
}

.active-deet-levels-section .levels-content3 .row .col-md-3, .active-deet-levels-section .levels-content3 .row .col-md-6 {
    margin-top: 1%;
}

.active-deet-levels-section .levels-content3 .row .col-md-6 .inline-img-to-text img, .active-deet-levels-section .levels-content3 .row .col-md-6 .inline-img-to-text p {
    display: inline-block;
}

.active-deet-levels-section .inline-img-to-text p {
    font-size: 18px !important;
}

.content-wrap-1 p:not(:first-child) {
    font-size: 17px;
}

.content-wrap-2 p:not(:first-child) {
    font-size: 17px;
}

.content-wrap-3 p:not(:first-child) {
    font-size: 17px;
}

.active-deet-levels-section .levels-content3 .row .col-md-3 .inline-img-to-text img, .active-deet-levels-section .levels-content3 .row .col-md-3 .inline-img-to-text p {
    display: inline-block;
}

.active-deet-levels-section .levels-content3 .row .col-md-3 .content-wrap-3 .inline-img-to-text,
.active-deet-levels-section .levels-content3 .row .col-md-3 .content-wrap-2 .inline-img-to-text,
.active-deet-levels-section .levels-content3 .row .col-md-6 .content-wrap-1 .inline-img-to-text {
    margin: 0 auto;
    display: table;
}

@media (max-width: 768px) {
    .active-deet-levels-section .levels-content2 #tube-product-range-img {
        width: 55%;
    }

    #red-product-range-img {
        height: auto !important;
        max-height: 100%;
        width: 45% !important;
        display: table !important;
        padding-top: 5%;
    }

    .active-deet-levels-section .levels-content2 .row .col-md-6 #green-product-range-img {
        width: 100%;
        height: auto;
        max-height: 100%;
    }

    .active-deet-levels-section .levels-content2 .row .col-md-3 #tube-product-range-img {
        width: 60%;
        height: auto;
        max-height: 100%;
    }
}



/*

    DEET AND CHILDREN SECTION

*/
.deet-and-children {
    text-align: center;
    width: 70%;
    padding: 5% 0;
    margin: 0 auto;
    height: auto;
}

.deet-and-children h2 {
    padding-top: 1%;
    padding-bottom: 1%;
}

.deet-and-children #children-deet-img {
    width: 18%;
    padding-top: 1.5%;
    padding-bottom: 1.5%;
}

.deet-and-children #us-epa-img {
    width: 14%;
    padding-top: 1.5%;
    padding-bottom: 1.5%;
}

@media (max-width: 500px) {
    .deet-and-children {
        width: 90%;
    }

    .deet-and-children #children-deet-img {
        width: 50%;
    }
    .deet-and-children #us-epa-img {
        width: 45%;
    }
}


.mid-align {
    height: 100%;
    display: grid;
    align-content: center;
}