/*site
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Jul 10, 2016, 1:04:00 AM
    Author     : Stephan
*/



@media screen and (max-width: 400px) {
    .logo {
        width:55%;
    }

    .resizable-banner {
        height: 50px;
        padding-bottom: 0px;
    }

    .page-section-banner {
        height: 650px;
    }

    .text-block {

    }

    .bio-photo {
        padding-top: 10px;
        width:100%;
    }

    .bio-column {
        padding-top: 10px;
        width:100%;      
    }

    .bio-summary, .col-third-custom {
        font-size: 16px;
    }

    .photo {
        width: 70%;
    }

}

@media screen and (min-width: 401px) and (max-width: 767px) {
    .logo {
        width:65%;
    }  

    .resizable-banner {
        height: 50px;
        padding-bottom: 0px;
    }

    .page-section-banner {
        height: 650px;
    }

    .text-block {

    }

    .bio-photo {
        padding-top: 10px;
        width:100%;
    }

    .bio-column {
        padding-top: 10px;
        width:100%;
    }

    .bio-summary, .col-third-custom {
        font-size: 16px;
    }

    .photo {
        width: 70%;
    }
}

@media screen and (min-width: 768px) and (max-width: 1280px) {
    .logo {
        width:65%;
    }

    .bio-photo {
        width:33.3%;
    }

    .bio-column {
        width:66.6%;
        background-color: #eee;
        padding: 20px;
        font-size: 18px;
    }

    .bio-summary, .col-third-custom {
        font-size: 18px;
    }

    .page-section-banner {
        height: 750px;
    }
}

@media screen and (min-width: 1281px) and (max-width: 1440px) {
    .logo {
        width:75%;
    }
    .bio-photo {
        padding-top: 10px;
        width:33.3%;
    }

    .bio-column {
        padding-top: 10px;
        width:66.6%;
        background-color: #eee;
        padding: 20px;
    }

    .bio-summary, .col-third-custom {
        font-size: 18px;
    }

    .page-section-banner {
        height: 750px;
    }
}

@media screen and (min-width: 1441px) and (max-width: 1920px) {
    .logo {
        width:80%;
    }
    .bio-photo {
        padding-top: 10px;
        width:33.3%;
    }

    .bio-column {
        padding-top: 10px;
        width:66.6%;
        background-color: #eee;
        padding: 20px;
    }

    .bio-summary, .col-third-custom {
        font-size: 18px;
    }

    .page-section-banner {
        height: 800px;
    }

}

@media screen and (min-width: 1921px) {
    .logo {
        width:100%;
    }

    .resizable-banner {
        height: 100px;
        padding-bottom: 85px; 
    }
    .bio-photo {
        padding-top: 10px;
        width:33.3%;
    }

    .bio-column {
        padding-top: 10px;
        width:66.6%;
        font-size: 18px;
    }

    .bio-summary, .col-third-custom {
        font-size: 18px;
    }

    .page-section-banner {
        height: 800px;
    }
}

.col-third-custom {
    text-align: left;
}

.site-footer-custom {
    color: #fff;
    background-color: #333;
}

.button-custom {
    color: #fff;
    border-color: #fff !important;
    border-top-color: #fff;
    border-bottom-color: #fff;
    border-left-color: #fff;
    border-right-color: #fff;
}

.page-subtitle {
    font-size: 45px;
}

.nopad-top {
    padding-top: 0px;
}

.nopad-bottom {
    padding-bottom: 0px;
}

.section-subheading {
    font-size: 19px;
    font-weight: normal;
}


.facebook-link:before {
    content:"\f12f"
}

.facebook-link, .facebook-link:hover {
    font-family: "IconFont";
    font-size:70px;
    text-decoration: none;
}

.linkedin-link:before {
    content:"\f148"
}

.linkedin-link, .linkedin-link:hover {
    font-family: "IconFont";
    font-size:70px;
    text-decoration: none;
}

#social-menu {
    list-style-type: none;
}

.button-white {
    border-color: #fff;
}

.non-landing {
    max-height: 200px;
}

@media (min-width: 1480px)
{
    .special-bg-resize {
        background-size: cover;
    }
}

@media (max-width: 1480px)
{
    .special-bg-resize {
        background-size: auto;
    }
}

.solutions-resize {
    padding-top: 100px;
}

.redcolor {
    color: red;
}