body {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    overflow-x: hidden;
}

#jumbotron {
    background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url("images/landing-sm-min.jpg");
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
    overflow: hidden;
}

.app-navbar {
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
    /* position: absolute; */
}

.white-text {
    color: #f5f5f5;
}

.tb-container {
    position: relative;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(30%);
}

.shadow {
    text-shadow: 2px 2px 3px rgb(32, 32, 32);
}

.hr-title {
    background-color: whitesmoke;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h2,
.h3 {
    font-family: 'Days One';
}

.navbar-brand {
    margin-right: 0px;
}

.nav-link {
    font-size: 18px;
}

.quote {
    font-family: 'Sriracha', cursive;
    font-weight: bold;
    background: -webkit-gradient(linear, left top, right top, from(rgb(99, 99, 99)), color-stop(50%, white));
    background: linear-gradient(to right, rgb(99, 99, 99) 0%, white 50%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: 1.4;
}

.open-sans {
    font-family: 'Open Sans', sans-serif;
}

#b4a {
    overflow-x: hidden;
}

#b4a-1-hor,
#b4a-2-hor {
    display: block;
    margin: 0 auto;
}

#b4a-1-ver,
#b4a-2-ver {
    display: none;
}

#info-block {
    background-color: #293239;
}

.serving {
    letter-spacing: normal;
}

.household {
    text-align: right;
    padding-left: 0;
}

.fa-home {
    margin-left: 1.5rem;
}

.fa-female {
    margin-right: 2rem;
}

#tel-btn {
    margin-right: 7.2rem;
    margin-left: 0.8rem;
}

@media (max-width: 1199px) {
    #info-cont {
        max-width: 960px;
    }
}

@media (max-width: 1024px) {
    .fa-female {
        margin-right: 0.75rem;
    }
    #tel-btn {
        margin-right: 2.5rem;
    }
}

@media (max-width: 992px) {
    .col {
        padding-left: 5px;
        padding-right: 5px;
    }
    .fa-home {
        margin-left: 1rem;
    }
    .fa-female {
        margin-right: 0.5rem;
    }
    #tel-btn {
        margin-right: 2.3rem;
    }
}

@media (max-width: 991px) {
    #contact {
        margin-bottom: 3em;
    }
}

@media (max-width: 834px) {
    .quote {
        font-size: 3.1rem;
    }
    #tel-btn {
        margin-right: 6.5rem;
    }
    .fa-female {
        margin-right: 6rem;
    }
}

@media (max-width: 768px) {
    .fa-home {
        margin-left: 2rem;
    }
    .fa-female {
        margin-right: 1.2rem;
    }
    #tel-btn {
        margin-right: 6.7rem;
    }
    .quote {
        font-size: 3.2rem;
    }
}

@media (max-width: 767px) {
    .quote {
        font-size: 2.4em;
    }
    .fa-home {
        margin-left: 0.6rem;
    }
    .fa-female {
        margin-right: 10.1rem;
    }
}

/* Reduce Title text sizes */

@media (max-width: 576px) {
    .display-4 {
        font-size: 2.4em;
    }
    #jumbotron {
        padding: 0 15px;
    }
    .tb-container {
        position: relative;
        -webkit-transform: translateY(-20%);
        -ms-transform: translateY(-20%);
        transform: translateY(20%);
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    #tel-btn {
        margin-right: 0;
    }
    .block {
        padding-left: 14px;
        padding-right: 14px;
    }
    .let-us {
        margin-bottom: 1.5rem;
    }
    .fa-home {
        margin-bottom: 1.5rem;
    }
    .fa-female {
        margin-right: 1rem;;
    }
    .h1,
    .quote {
        font-size: 2.2rem;
    }
    .btn-row {
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important;
        margin-right: 10px;
    }
}

@media (max-width: 505px) {
    .h2.open-sans {
        font-size: 1.1em;
    }
    #b4a-1-hor,
    #b4a-2-hor {
        display: none;
    }
    #b4a-1-ver,
    #b4a-2-ver {
        display: block;
    }
    .fa-home {
        margin-left: 1.5rem;
    }
}

@media (max-width: 490px) {
    .btn-pill {
        max-width: 200px;
        margin: 0 auto;
        margin-bottom: 10px;
    }
}

@media (max-width: 425px) {
    .quote {
        font-size: 1.7em;
        margin-bottom: 1rem !important;
    }
    .tb-container {
        position: relative;
        -webkit-transform: translateY(-10%);
        -ms-transform: translateY(-10%);
        transform: translateY(10%);
    }
}

@media (max-width: 410px) {
    .btn-lg {
        font-size: 1.1rem;
        padding: 0.5rem 0.5rem;
    }
    .fa-home {
        margin-left: 0.4rem;
    }
}

@media (max-width: 408px) {
    .btn-secondary {
        margin-bottom: 10px;
    }
}

@media (max-width: 400px) {
    .display-4 {
        font-size: 1.6em;
    }
    .h1 {
        font-size: 1.8rem;
    }
    #jumbotron {
        padding: 0 4px;
    }
    .navbar {
        padding: 0;
    }
}

div {
    outline: 0px solid silver;
}