@import url('https://fonts.googleapis.com/css?family=Oswald:500&display=swap');


body {
    padding: 15px 10px 0;
}

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

.container {
    width: 100%;
}


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

    #photos_express_title h5,
    #fnp_title h5 {
        color: #333;
        margin: 1.0933333333rem 0 0.656rem;
        font-size: 30px;
        font-family: 'Oswald', sans-serif;
        text-transform: uppercase;
        text-align: left;
        border-bottom-color: rgb(238, 238, 238);
        border-bottom-style: solid;
        border-bottom-width: 1px;
        padding: 7px 0 11px;
        letter-spacing: 0;
    }

.header-slogan {
    display: none;
}

#search_header {
    border-radius: 3px;
}

/* AFR doesn't center stuff on their website */
h5, h5.center, h5.centered {
    text-transform: uppercase;
    letter-spacing: -0.3px;
    text-align: left;
}

.btn.btn-large {
    background-color: #184B6D;
    border-radius: 3px; 
    text-transform: none; 
}

.row .card.col {
    border-radius: 5px;
}

.card .card-content {
    border-radius: 4px;
}

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

#f {
    background-color: #2a2a2a;
    padding: 10px;
}




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

    .header-wrap {
        padding: 0;
    }
}

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

    .header-logo {
        min-height: 32px;
    }
}