@import url(//fonts.googleapis.com/css?family=Libre+Franklin%3A400%2C700%7CQuestrial&ver=2.2.2);

header {
    border-bottom-color: rgb(222, 221, 219);
    border-bottom-style: solid;
    border-bottom-width: 1px;
}


.card .card-content {
    padding: 1px 16px;
    margin: 16px;
    border-radius: 0;
}

.row .card.col {
    border-radius: 0;
}

.photo-container .photo-button {
    border-radius: 0;
}

    .photo-container .photo-button h6 {
        border-radius: 0;
    }

#add.photo-button { 
    border-radius: 0;
}

#upload_button {
    border-radius: 0;
}

.container {
    width: 100%;
}

.header-wrap {
    padding: 1.8125rem 0 1.375rem 1rem;
}

.header-logo {
    float: none;
    background: url(rmic_logo.png) no-repeat !important;
    min-height: 49px;
    background-position: left !important;
    background-size: contain !important;
    background-color: #193677;
}

.header-slogan-wrap {
    /*background-color: #1D2747;
    padding: 6px 5px 5px 5px;*/
    height: 1px;
    background-color: rgb(222, 221, 219);
    width: 100%;
}

#photos_express_title, #fnp_title {
    background-color: #1D2747;
    /*background-color: #193060;*/
    background-color: white;
}

    #photos_express_title h5,
    #fnp_title h5 {
        color: #333;
        margin: 1.0933333333rem 0 0.656rem;
        font-size: 1.74rem;
    }

.header-slogan {
    display: none;
}

#search_header {
    border-radius: 3px;
}

.btn.btn-large {
    /*background-color: #D7AF63;*/
    border-radius: 3px;
    font-family: "proxima-nova", sans-serif;
    /*color: #1D2747;*/
    text-transform: uppercase;
    /*font-weight: bold;*/
}

/*.photo-container .photo-button {
    border-radius: 3px;
}

    .photo-container .photo-button h6 {
        border-radius: 3px;
    }


#add.photo-button {
    border-radius: 10px;
}

a#upload_button {
    border-radius: 3px;
}*/

#f {
    background-color: #2a2a2a;
}




@media only screen and (max-width: 800px) {
    header {
        position: fixed;
        width: 100%;
        top: 0;
        left: 0;
        background: white;
        z-index: 100;
        box-shadow: 0 16px 48px -20px #333;
    }


    .header-wrap {
        padding: .5rem;
    }

    .container {
        width: 100%;
    }

    #f {
        padding-left: 10px;
    }

    form {
        width: 90%;
        padding-top: 64px;
    }
}

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


    .header-logo {
        max-width: 200px;
        min-height: 33.33px;
    }
    form { 
        padding-top: 47.33px;
    }
}