/* ----------  FONTS ---------- */   

@import url(https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,800,900);

/* ------------------------------ GLOBAL ------------------------------ */  

* {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;    
}

*:focus {
    outline: none;
}

/* - Hyperlinks - */

A         { color: #e69500; text-decoration: none; font-family: 'Montserrat', sans-serif; font-weight: 200; }
A:visited { color: #e69500; text-decoration: none; }
A:active  { color: #e69500; text-decoration: none; }
A:link    { color: #e69500; text-decoration: none; font-weight: 400; 
           -moz-transition: all 1s ease-in;
            -ms-transition: all 1s ease-in;
             -o-transition: all 1s ease-in;
                transition: all 1s ease-in; }
A:hover   { color: #0e60a0; text-decoration: underline; 
            -webkit-transition: all 0s ease-in;
               -moz-transition: all 0s ease-in;
                -ms-transition: all 0s ease-in;
                 -o-transition: all 0s ease-in;
                    transition: all 0s ease-in; }

html { background-color: #efefef; height: 100%; width: 100%; overflow-x: hidden; }                                 
body { position: relative; margin: 0; width: 100%; overflow-x: hidden; }

.page_container { 
    max-width: 1500px; 
    margin: 0 auto;
}

/* - Mobile Phone Telephone Number Links - */

a[href^=tel] { color: #0e60a0; text-decoration: none; font-weight: normal; }  

/* - Headings - */

h1 { 
    font-family: 'Montserrat', sans-serif;
    color: #0e60a0; 
    font-size: 30px;        /* - 1.8em - */
    font-weight: 600; 
    line-height: 125%; 
    margin: 0px 0px 10px 0px; 
}

h2 { 
    font-family: 'Montserrat', sans-serif;
    color: #fff; 
    font-size: 29px; 
    font-weight: 500; 
    line-height: 125%;
    margin: 0px 0px 5px 0px; 
}

h3 { 
    font-family: 'Montserrat', sans-serif;
    color: #fff; 
    font-size: 18px; 
    font-weight: 300; 
    line-height: 150%;
    margin: 0px 0px 5px 0px; 
}

h4 { 
    font-family: 'Montserrat', sans-serif;
    color: #0e60a0; 
    font-size: 22px;        /* - 1.8em - */
    font-weight: 600; 
    line-height: 125%; 
    margin: 0px 0px 10px 0px; 
}

h6 { 
    font-family: 'Montserrat', sans-serif;
    color: #52c6ff; 
    letter-spacing: 0px; 
    font-size: 28px;           /* - 1.8em - */
    font-weight: 300; 
    text-align: left; 
    line-height: 125%; 
    margin: 0px auto 10px auto;
    text-align: center;
}

/* - Images - */

img     { border: 0px; }

p {
    font-family: 'Montserrat', sans-serif;
    color: #6c6b6b; 
    font-size: 17px;           /* - 1.1em - */
    font-weight: 400;
    line-height: 150%; 
    margin: 0px;
    width: fit-content;
    -webkit-text-size-adjust: none;
       -moz-text-size-adjust: none;
        -ms-text-size-adjust: none;
         -o-text-size-adjust: none;
}

/* - Tables - */

table { 
    font-family: 'Montserrat', sans-serif;
    color: #6c6b6b; 
    width: 96%; 
    margin: 20px auto -20px auto; 
    border: 0px; 
    border-spacing: 0px; 
    border-collapse: collapse;
}

td { 
    vertical-align: text-top;
    line-height: 150%; 
    padding: 0px 0px 10px 15px;
}

.cell {
    border-style: solid;
    border-color: #eaeaea; 
    border-width: 0 0 1px 0;
    padding: 10px 0 10px 0;
}

.heading {
    font-weight: 600;
    color: #0d5c9b; 
}

/* - Other - */

sup { 
  vertical-align: middle;
  font-size: 60%;
  line-height: 100%; 
  margin-top: 50px;
}

.upper         { text-transform: uppercase; }
.lower         { text-transform: lowercase; }
.capital        { text-transform: capitalize; }
.warning    { color: #ff0000; }
.question   { font-weight: 500; color: #0097f2; }
.cb         { font-weight: 600; color: #005588; }
.clearfix   { clear: both; }

.thp_data {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 0;
    width: 0;
    z-index: -1;
}

.sub-text {
    color: #7d7d7d;
    font-family: 'Montserrat', sans-serif;
    font-size: 13px;
}

.item_photo_icon {
    background-image: url("../customer_portal/images/icon_photo_view.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 20px;
} 

.cell.item_photo_icon {
    min-width: 40px;
    width: 40px;
    max-width: 40px;
}

.cell.item_photo_icon:hover {
    cursor: pointer;
}

.photo_thumbnail img {
    display: none;
    padding: 8px 1px 3px 0px;
    width: 200px;
}

/* ------------------------------ TOP BAR  ------------------------------ */

.top_bar_container { 
    position: inline-block;
    width: 100%;
    margin: 0 auto;
    background: #ffffff;
}

.top_bar { 
    margin: 0 auto; 
}

.logo       { max-width: 240px; }
.logo img   { margin: 25px 30px 35px 50px; width: 240px; }

/* ------------------------------ MENU ------------------------------ */

.menu_container {
    max-width: 800px;
    margin: -105px 40px 0px auto;
    height: 95px;
    text-align: right;
}

.menu_item {
    display: inline-block;
    border-style: solid;
    border-width: 0px 0px 6px 0px; 
    border-color: #0e60a0;
    border-radius: 0px 0px 20px 20px;
    cursor: pointer;
    font-size: 17px; 
    text-align: center;
    padding: 8px 20px 8px 20px;
    margin: 8px 15px 0px 15px;
    -webkit-transition: all .2s ease-in;
       -moz-transition: all .2s ease-in;
        -ms-transition: all .2s ease-in;
         -o-transition: all .2s ease-in;
            transition: all .2s ease-in;        
}

.menu_item a:link,
.menu_item a:visited { color: #0e60a0;            
            -webkit-transition: all 0s ease-in;
               -moz-transition: all 0s ease-in;
                -ms-transition: all 0s ease-in;
                 -o-transition: all 0s ease-in;
                    transition: all 0s ease-in; 
}

.menu_item:hover { 
    font-size: 17px; 
    border-style: solid;
    border-width: 0px 0px 6px 0px;  
    border-color: #e69500;
    padding: 8px 35px 8px 35px;
    margin: 8px 0px 0px 0px;
    cursor: pointer;
    color: #e69500; 
    -webkit-transition: all .2s ease-in;
       -moz-transition: all .2s ease-in;
        -ms-transition: all .2s ease-in;
         -o-transition: all .2s ease-in;
            transition: all .2s ease-in;  

}

.menu_item:hover a:link,
.menu_item:hover a:visited { color: #e69500;    
    text-decoration: none;       
    -webkit-transition: all .2s ease-in;
       -moz-transition: all .2s ease-in;
        -ms-transition: all .2s ease-in;
         -o-transition: all .2s ease-in;
            transition: all .2s ease-in;  
}

.menu_item a:hover, 
.menu_item a:active { color: #e69500;    
    text-decoration: none;       
    -webkit-transition: all .2s ease-in;
       -moz-transition: all .2s ease-in;
        -ms-transition: all .2s ease-in;
         -o-transition: all .2s ease-in;
            transition: all .2s ease-in;  
}

.menu_item_active { 
    display: inline-block;
    font-size: 17px;
    border-style: solid;
    border-width: 0px 0px 6px 0px;
    border-radius: 0px 0px 20px 20px;
    border-color: #e69500;
    text-align: center;
    padding: 8px 20px 8px 20px;
    margin: 8px 15px 0px 15px;
    -webkit-transition: all .2s ease-in;
       -moz-transition: all .2s ease-in;
        -ms-transition: all .2s ease-in;
         -o-transition: all .2s ease-in;
            transition: all .2s ease-in;  
}

.menu_item_active a:link, 
.menu_item_active a:visited, 
.menu_item_active a:active,
.menu_item_active a:hover { color: #e69500;     
            -webkit-transition: all 0s ease-in;
               -moz-transition: all 0s ease-in;
                -ms-transition: all 0s ease-in;
                 -o-transition: all 0s ease-in;
                    transition: all 0s ease-in; 
}

.menu_item_active:hover {
    padding: 8px 35px 8px 35px;
    margin: 8px 0px 0px 0px;
}

.menu_item_active:hover a:link,
.menu_item_active:hover a:visited, 
.menu_item_active:hover a:active { 
    text-decoration: none; 
    border-color: #1090f5;          
    -webkit-transition: all 0s ease-in;
       -moz-transition: all 0s ease-in;
        -ms-transition: all 0s ease-in;
         -o-transition: all 0s ease-in;
            transition: all 0s ease-in; 
}

/* --- Mobile Menu --- */

.mobile_menu_container { 
    display: none;
    height: 30px;
    text-align: right;
}

.mobile_menu_icon { 
    display: inline-block; 
    width: 38px;
    height: 38px; 
    border-style: solid;
    border-width: 1px;
    border-color: #fff;
    -webkit-border-radius: 1px; 
       -moz-border-radius: 1px; 
            border-radius: 1px;
}

#menu_mobile { 
    display: none; 
    height: 0px;
    padding: 0px;
    margin-bottom: 1px;
    background: #004c70;
    
    background-image: url("../images/waves_white.png"); 
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 200%;
        
}

/* ------------------------------ HEADER ------------------------------ */

.header_container {
    width: 100%;
    margin: 1px auto 0px auto; 
}

.header {
    width: 100%;
    padding: 30px 30px 30px 60px;
    background: #0e60a0;
    background: linear-gradient(0deg, rgba(14,96,160,1) 0%, rgba(10,72,120,1) 100%);
    margin-top: -5px;
}

.header p { color: #fff; line-height: 24px; }

.header a,
.header a:link, 
.header a:visited, 
.header a:active { color: #FFD23D; text-decoration: none; font-weight: 400; }
.header a:hover { color: #fff; text-decoration: underline; }

.header_rounded a,
.header_rounded a:link, 
.header_rounded a:visited, 
.header_rounded a:active { color: #FFD23D; text-decoration: none; font-weight: 400; }
.header_rounded a:hover { color: #fff; text-decoration: underline; }


/* ------------------------------ SLIDER ------------------------------ */

.slider_container {
    display: inline-block;
    width: 100%; 
}

.slider {
    width: 100%;
    margin: 1px auto 0px auto;
}

.slider img { width: 100%; }

/* ------------------------------ CENTER BAR ------------------------------ */

.center_bar_container { 
    display: inline-block; 
    width: 100%;
    margin: 0px auto;
}

.center_bar { 
    display: table;
    position: inline-block;
    width: 100%;
    margin: -5px auto;
    padding: 40px 0px 40px 0px;
    background: #0e60a0;
    background: linear-gradient(0deg, rgba(14,96,160,1) 0%, rgba(10,72,120,1) 100%);
}

.stat_container {
    float: left;
    margin: 20px 0px 0px 0px;
    padding: 0px 20px 0px 20px;
    width: 20%;
}

.stat_image  {
    width: 100%;
    text-align: center;
    padding-bottom: 15px;
}

.stat_image img  { height: 85px; }

.stat_headline {
    font-family: 'Montserrat', sans-serif;
    color: #7bc5ff; 
    font-size: 26px; 
    text-align: center;
    font-weight: 600; 
    margin-top: 0px;
    padding-bottom: 5px;
}

.stat_text {
    font-family: 'Montserrat', sans-serif;
    color: #fff; 
    font-size: 17px; 
    text-align: center;
    line-height: 145%; 
    font-weight: 400; 
}

/* ------------------------------ PAGE CONTENTS ------------------------------ */

.main_container {
    display: table;
    position: inline-block;  
    width: 100%;
    padding: 60px 0px 60px 0px;
    margin: -4px auto 0px auto;
    background: #fff;
}

.main_columns {
    float: left;
    margin: 0px;
    padding: 0px 60px 0px 60px;
    border-style: solid;
    border-width: 0px 1px 0px 0px; 
    border-color: #e4dcdc;
    width: 50%;    
}

.main_columns:nth-child(2n) {
    border-width: 0px 0px 0px 0px; 
}

.main_columns img {
    padding: 0px 0px 0px 0px;
    width: 100%;    
}

.main_column_single {
    padding: 0px 60px 0px 60px;
    width: 100%;    
}

.approved_logo { 
    width: 100%; 
    text-align: center;
}

.approved_logo img { 
    width: 160px; 
}

/* ------------------------------ COOKIES ------------------------------ */

.cookie_container {
    display: block; 
    width: 100%;
    padding: 15px;
    margin: 0px auto 0 auto;
    background: #ffc400; 
    transition-delay: 1s;
    -webkit-transition: all .8s ease-in-out;
       -moz-transition: all .8s ease-in-out;
        -ms-transition: all .8s ease-in-out;
         -o-transition: all .8s ease-in-out;
            transition: all .8s ease-in-out; 
}

.cookies {
    font-family: 'Montserrat', sans-serif;
    color: #3c3c3c; 
    letter-spacing: 0px; 
    line-height: 145%;
    font-size: 17px; 
    font-weight:500;   
    width: fit-content;
    margin: 0px auto 0px auto;
    text-align: center;
    -webkit-text-size-adjust: none;
       -moz-text-size-adjust: none;
        -ms-text-size-adjust: none;
         -o-text-size-adjust: none;  
    -webkit-transition: all .8s ease-in-out;
      -moz-transition: all .8s ease-in-out;
       -ms-transition: all .8s ease-in-out;
        -o-transition: all .8s ease-in-out;
           transition: all .8s ease-in-out; 
}

.close { 
    display: inline-block;
    position: relative;
    margin: 0px 10px 0px 0px;
}

.close img { margin: 0px 0px -6px 0px; }

.cookies a,
.cookies a:link, 
.cookies a:visited, 
.cookies a:active { color: #0e60a0; font-weight: 400; }
.cookies a:hover { color: #0e60a0; text-decoration: underline; }

/* ------------------------------ TESTIMONIALS ------------------------------ */

.testimonials_container {
    position: inline-block;
    display: table;
    padding: 30px;
    margin: -10px auto 0 auto;
    background: #0e60a0;
    background: linear-gradient(0deg, rgb(0, 55, 99) 0%, rgb(0, 78, 138) 100%);
}

.testimonials {
    float: left;
    width: -webkit-calc(50% - 40px);
    width:    -moz-calc(50% - 40px);
    width:     -ms-calc(50% - 40px);
    width:      -o-calc(50% - 40px);
    width:         calc(50% - 40px);
    font-family: 'Montserrat', sans-serif;
    border-style: solid;
    border-width: 0px 0px 0px 16px; 
    border-color: #52c6ff;
    border-radius: 8px 100px 8px 100px; 
    margin: 10px 20px 10px 20px;
    padding: 30px 35px 30px 45px;
    color: #fff; 
    line-height: 145%;
    font-size: 17px; 
    font-weight:400;    
    background: #006494;  
    -webkit-text-size-adjust: none;
       -moz-text-size-adjust: none;
        -ms-text-size-adjust: none;
         -o-text-size-adjust: none;
    -webkit-transition: all .8s ease-in-out;
      -moz-transition: all .8s ease-in-out;
       -ms-transition: all .8s ease-in-out;
        -o-transition: all .8s ease-in-out;
           transition: all .8s ease-in-out;  
}

.testimonials:hover {
    border-width: 0px 0px 0px 16px; 
    border-color: #e5a124;  
    -webkit-transition: all .8s ease-in-out;
      -moz-transition: all .8s ease-in-out;
       -ms-transition: all .8s ease-in-out;
        -o-transition: all .8s ease-in-out;
           transition: all .8s ease-in-out;  
}
 
.testimonial_name {
    color: #52c6ff; 
}

/* ---------- CONTACT FORM ---------- */

.contact_form_block {
    display: inline-block;
    background: #f1f1f1;
    width: 100%;
    padding: 50px 0px 40px 0px;
}

.contact_form_container { 
    max-width: 1500px; 
    width: 100%; 
    padding: 0px 50px 0px 50px; 
    margin: 0 auto;
}

.contact_form_text {
    padding: 0px 0px 0px 0px;
}

.contact_form_container .contact_form_text p {
    color: #444444;
}

/* ---- Form ---- */
.form_container {
    width: 100%;
    margin: 30px auto 30px auto;
    box-shadow: 0px 0px 15px #e8e8e8;
}

.contact_form fieldset {
    padding: 30px 60px 40px 60px;
    background: #ffffff;
    border-style: solid;
    border-width: 1px;
    border-color: #e4e4e4;
    margin: 0;
}

.contact_form label {
    display: block;
    font-family: 'Montserrat', sans-serif;
    font-weight: 100;
    color: #444444;
    font-size: 13pt;
    line-height: 150%;
    margin: 15px 0px -5px 2px;
}

.contact_form input, .contact_form textarea {
    background: #ffffff;
    font-family: 'Montserrat', sans-serif;
    font-size: 14pt;
    font-weight: 100;
    color: #0e60a0;
    width: 75%;
    border: solid #d6d6d6 1px;
    padding: 15px;
    margin: 9px 0px 0px 0px;
}

.contact_form textarea {
    width: 100%;
    height: 150px;
}

.form_question {
    margin: 0px 0px 0px 0px;
}

.contact_form button {
    float: left;
    cursor: pointer;
    margin: 30px 0px 0px 0px;
    width: 260px;
    background-color: #0e60a0;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 15px;
    color: #ffffff;
    padding: 10px 14px 10px 14px;
    border: none;
    -webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
}

.contact_form button:hover {
    background: #1589e4;
    color: #fff;
    -webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
}


/* ------------------------------ FOOTER ------------------------------ */

.footer_container {
    width: 100%;
    padding: 30px;
    background-color: rgb(22, 36, 47);
    background-image: url("../images/waves_white.png"); 
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 180%;
    margin-top: -5px;
}

.social_icons_wrapper {
    width: 100%;
    background: #0e60a0;
    background: linear-gradient(0deg, rgba(10,72,120,1) 0%, rgba(14,96,160,1) 100%);
    padding: 30px 30px 10px 30px;
}

.social_icons_container {
    height: 78px;
    width: 154px;
    margin: 0 auto;
}

.social_icons_container p {
    color: #fff;
    font-size: 15px;
}

.gas_safe_logo { 
    margin: 0px 0px 10px 0px;
    text-align: center;
}

.gas_safe_logo img { width: 90px; }


.footer_links a,
.footer_links a:link, 
.footer_links a:visited, 
.footer_links a:active { font-size: 17px; color: #ffc400; text-decoration: none; font-weight: 400; }
.footer_links a:hover { color: #fff; text-decoration: underline; }

.copyright { padding-top: 20px; }

.copyright p, .footer_links p  { 
    color: #fff;
    margin-bottom: 1px;
    font-size: 15px; 
    margin: 0px auto 0 auto;
    text-align: center;
}

.copyright a,
.copyright a:link, 
.copyright a:visited, 
.copyright a:active { color: #ffc400; text-decoration: none; font-weight: 400; }
.copyright a:hover { color: #fff; text-decoration: underline; }


/* ---------------------------------------- RESOLUTION < 1200px ---------------------------------------- */


@media screen and (max-width: 1200px) {

    .header_container img { width: 100%; }

    .center_bar { padding: 15px 0px 25px 0px; }

    .stat_image         { padding-bottom: 10px; }
    .stat_image img     { height: 75px; }
    .stat_headline      { font-size: 23px; }
    .stat_text          { font-size: 15px; }

    .main_container     { padding: 40px 0px 40px 0px; }
    .main_columns       { padding: 0px 40px 0px 40px; }

    .main_column_single { padding: 0px 40px 0px 40px; }    
    
    .header { padding: 30px 30px 30px 40px; }

}

/* ---------------------------------------- RESOLUTION < 1050px ---------------------------------------- */


@media screen and (max-width: 1050px) {

    .cookies { font-size: 15px; }  

    .center_bar { padding: 15px 0px 25px 0px; }

    .stat_image         { padding-bottom: 10px; }
    .stat_image img     { height: 65px; }
    .stat_headline      { font-size: 21px; }
    .stat_text          { font-size: 14px; }

}


/* ---------------------------------------- RESOLUTION < 1000px ---------------------------------------- */


@media screen and (max-width: 1000px) {

    p { font-size: 16px; } 

    .main_columns { 
        clear: both; 
        width: 100%;
    }
    
    .testimonials { 
        clear: both; 
        width: 100%;
        margin: 15px 0px 15px 0px;
    }

    .stat_container {
        margin: 20px 0px 0px 0px;
        padding: 0px 15px 0px 15px;
    }

    .contact_form input, .contact_form textarea {
        width: 100%;
    }
}

/* ---------------------------------------- RESOLUTION < 945px ---------------------------------------- */


@media screen and (max-width: 945px) {

    .top_bar_container  { height: 125px; }
    .logo               { max-width: 200px; }
    .logo img           { margin: 30px; width: 200px; }

    /* - Headings - */

    h1 { font-size: 26px; }
    h2 { font-size: 26px; }
    h6 { font-size: 26px; }

    p { font-size: 16px; }

    .top_bar_container { 
        height: 140px;
    }
   
    .menu_container         { display: none; }
    .mobile_menu_container  { 
        position: relative;
        top: -52px;
        right: 40px;
        display: block; 
        margin: -30px 0px 0px 0px; 
    }

    .header_container { display: inline-block; position: relative; z-index: 999; }

    #menu_mobile { 
        display: block;
        -webkit-transition: all .6s ease-in;
           -moz-transition: all .6s ease-in;
            -ms-transition: all .6s ease-in;
             -o-transition: all .6s ease-in;
                transition: all .6s ease-in-out; 
    }

    .menu_item {
        display: block;
        background: transparent;
        font-size: 17px; 
        padding: 7px 0px 7px 0px;
        border-style: none;
        width: 200px;
        margin: -2px auto -2px auto;
    }

    .menu_item a,
    .menu_item a:link, 
    .menu_item a:visited, 
    .menu_item a:hover,
    .menu_item a:active { color: #fff; background: transparent; }

    .menu_item:hover { 
        margin: 0 auto; 
        color: #fff; 
        border-style: none;
        background: transparent;
        padding: 7px 0px 7px 0px;
    }

    .menu_item:hover a,
    .menu_item:hover a:link, 
    .menu_item:hover a:visited, 
    .menu_item:hover a:hover,
    .menu_item:hover a:active { color: #fff; background: transparent; }

    .center_bar { padding: 10px 0px 20px 0px; }

    .stat_container:nth-child(5n) { display: none; }
    .stat_container               { width: 25% }
    .stat_headline                { font-size: 22px; }
    .stat_text                    { font-size: 15px; }

}

/* ---------------------------------------- RESOLUTION < 768px ---------------------------------------- */


@media screen and (max-width: 768px) {

    .stat_container:nth-child(4n) { display: none; }
    .stat_container               { width: 33%; }
    .stat_container {
        margin: 20px 0px 0px 0px;
        padding: 0px 15px 0px 15px;
    }

    .main_container     { padding: 30px 0px 30px 0px; }
    .main_columns       { padding: 0px 30px 0px 30px; }
    .main_column_single { padding: 0px 30px 0px 30px; }  

    .header { padding: 30px 30px 30px 30px; }

    .testimonials_container { padding: 20px 40px 20px 20px; }

    .testimonials { 
        margin: 10px 20px 10px 10px;
        padding: 20px 45px 35px 40px;
        font-size: 16px; 
    }

    .footer_links a,
    .footer_links a:link, 
    .footer_links a:visited, 
    .footer_links a:active { font-size: 15px; }

}


/* ---------------------------------------- RESOLUTION < 620px ---------------------------------------- */


@media screen and (max-width: 620px) {

    .contact_form_container { padding: 0 30px 0 30px; }

    .contact_form fieldset { padding: 40px 30px 40px 30px; }
}

/* ---------------------------------------- RESOLUTION < 470px ---------------------------------------- */


@media screen and (max-width: 470px) {

    .top_bar_container  { height: 125px; }
    .logo               { max-width: 160px; }
    .logo img           { margin: 30px; width: 160px; }

    .stat_container:nth-child(3n) { display: none; }
    .stat_container:nth-child(3n) { display: none; }

    .stat_container               { width: 50%; }
    .stat_container {
        margin: 20px 0px 0px 0px;
        padding: 0px 15px 0px 15px;
    }

    .main_container     { padding: 30px 0px 30px 0px; }
    .main_columns       { padding: 0px 30px 0px 30px; }
    .main_column_single { padding: 0px 30px 0px 30px; }  

    .header { padding: 30px 30px 30px 30px; }

    .social_icons_container p { font-size: 14px; }
    
}