/* CONTACT PAGE =========================================================================================== */

body{
        padding-bottom  : 50px;
}


div.main_page.contact{
        position    : relative;
        left        : 50%;
        transform   : translateX(-50%);
        padding-top : 100px;
        width       : 600px;
        max-width   : 90vw;
}

div.main_page.contact h1{
        font-family: 'Didact Gothic', sans-serif;
        font-weight: bold;        
}

div.main_page.contact h3{
        font-family : 'Didact Gothic', sans-serif;
        font-weight : normal;
}

div.main_page.contact div.contact_inner{
        border-top      : 10px solid #404e67;
        width           : 100%;
        border-radius   : 10px;
        box-shadow      : 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        padding         : 20px 50px 20px 50px;
        background-color    : #ffffff;
}

div.main_page.contact input[type=text]{
        min-width       : 5px;
        width           : calc(100% - 20px);
        max-width       : 400px;
}

div.main_page.contact select{
        min-width       : 5px;
        width           : calc(100% - 8px);
        max-width       : 412px;
        height          : 32px;
}

div.main_page.contact a{
        color           : #0277c2;
}

div.main_page.contact textarea#comments{
        height  : 100px;
        width           : calc(100% - 20px);
        max-width       : 400px;        
}

div.main_page.contact div.success,
div.main_page.contact div.fail{
        clear       : both;
        width       : 100%;
        padding-top : 20px;
        display     : none;
}

div.main_page.contact div.success{
        color       : green;
}

div.main_page.contact div.fail{
        color       : red;
}
        
@media(max-width: 800px){

        div.header div.top_links_blue{
                display : none;
        }

        div.header div.top_links_purple div.top_links_text,
        div.header div.top_links_ink div.top_links_text{
                display : none;
        }   
        
        div.header div.top_links_icon.purple,
        div.header div.top_links_icon.ink{
                background-color    : transparent;
        }
} 

@media(max-width: 500px){
        div.main_page.contact div.contact_inner{
                padding         : 20px 20px 20px 20px;
        }                                            
}