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

.header-wrap {
    width: 100%;
    background-color: #231f20; 
    overflow: hidden;
    height: 50px;
    padding: 20px unset;
}



.header-logo {
    background-image: url(lucid_banner.svg);
    background-repeat: no-repeat;
    height: 10px;
    min-height: 10px;
    margin: auto;
    width: 144px;
}

#main {
    padding: 0 10px;
}

.header-slogan-wrap {
    display: none;
}

#photos_express_title {
    display: none;
}

nav {
    background-color: #343a40aa !important;
}

.card-tag {
    background-color: #343a40aa !important;
/*    background-color: #c2b298 !important;
    background-color: #b0a087 !important;*/
}


.btn, .btn-small {
    background-color: #343a4088;
    background-color: #455a64;
}


.tabs .tab a:hover, .tabs .tab a.active {
    background-color: transparent;
    color: #333;
}

.tabs .tab a {
    color: #333;
}

    .tabs .tab a:focus, .tabs .tab a:focus.active {
        background-color: #fff;
    }

.tabs .indicator {
    background-color: #cf3c34;
    background-color: #343a40aa;
    background-color: #455a64aa;
    /*background-color: #b0a087;*/
    height: 4px;
}

h3 { 
    font-size: 36px; 
}

h4 { 
    font-size: 28px; 
}



h5 {
    /*font-family: Plantin, AmericanTypewriter-Condensed, Times New Roman, serif;*/
    text-transform: uppercase;
    font-size: 22px;
    font-weight: normal;
    margin-bottom: 10px;
    font-weight: bold;
}


[type="radio"]:checked + span:after, [type="radio"].with-gap:checked + span:after {
    background-color: #4580A5;
    background-color: #ee2c1daa;
    background-color: #455a64aa;
}

[type="radio"]:checked + span:after, [type="radio"].with-gap:checked + span:before, [type="radio"].with-gap:checked + span:after {
    border: 2px solid #4580A5;
    border: 2px solid #ee2c1daa;
    border: 2px solid #455a64aa;
}

.switch label input[type=checkbox]:checked + .lever {
    background-color: #5BA8D8aa;
    background-color: #ee2c1d88;
    background-color: #455a64aa;
}

    .switch label input[type=checkbox]:checked + .lever:after {
        background-color: #5BA8D8;
        background-color: #ee2c1daa;
        background-color: #455a64aa;
    }

#f {
    background-color: #231f20;
}


@media only screen and (max-width: 659px) {
    .container.inner-body {
        width: 100%;
    } 

    .header-logo {
        margin-left: 10px;
    }
}

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

   .row .card.col{
        padding: 0 30px;
    }
}

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