html, body {
    font-family: 'Roboto', Arial, sans-serif;

}

.bg-light, .jumbotron {
    background: #FFF !important;
}

.navbar-brand {
    font-size: 1.4rem;
    border: 5px solid black;
}

.navbar .form-inline {
    margin-bottom: 0;
}

.jumbotron {
    width: 60%;
    margin: 0 auto 0 auto;
}

.jumbotron h1, .jumbotron p.lead {
    text-align: center;
}

h1 {
    text-align: center;
    font-size: 3rem;
    font-weight: 600 !important;
}

h2 {
    text-align: center;
    font-size: 2.5rem;
    font-weight: 600 !important;
}


.header-phone {
    font-size: 1.4rem;
    padding-right: 1rem;
}

.header-phone a {
    text-decoration: none;
    color: #333;
}

.faq h3 {
    cursor: hand;
    font-size: 1.4rem;
    text-decoration: none;
}

.faq h3 span {
    border-bottom: dashed 1px #000000;
}

.land-section h4 {
    margin-top: 2rem;
    /*white-space: pre-wrap;*/
    background-image: url('img/checkmark.svg?3');
    background-repeat: no-repeat;
    background-position: 0% 0%;
    padding-left: 2.3rem;
    background-size: 1.7rem;
}


.land-section {
    margin-top: 60px;
}

.show-email {
    text-decoration: none;
    border-bottom:1px dashed #CCC;
    margin-bottom: 14px;
    display: inline-block;
}
.show-email:hover {
    text-decoration: none;
}

.price {
    font-size: larger;
}
/*.shkaf-size {
    font-weight: bold;
}
*/
.shkaf-size span {
    font-size: smaller;
}

/* Small devices (landscape phones, 576px and up) */
@media (max-width: 768px) { 
    .header-phone {
        font-size: 1.2rem;
        padding-right: 0.5rem;
    }
    .navbar-brand {
        margin: 0 auto 0.8rem auto;
    }
    .navbar .form-inline {
        margin: 0 auto 0 auto;
    }
    h1 {
        font-size: 2.1rem !important;
    }
    h2 {
        font-size: 2rem;
    }
    .jumbotron {
        width: 80%;
    }
}

/* old iphones in portrait 
@media (max-width: 320px) {
    .navbar-brand img {
        width: 100px;
        
    }

    
}*/


/* iphones in portrait */
@media (max-width: 420px) {
    .navbar .form-inline .btn {
        /* turn into btn-sm */
        padding: 0.25rem 0.5rem;
        font-size: 0.82rem;
        width: 80%;
    }

    .jumbotron {
        width: 95%;
        padding: 1rem 0;
    }

    .jumbotron h2.lead {
        font-size: 12px;
    }

    .navbar .header-phone {
        font-size: 1.4rem;
        display: inline-block;
        margin: 0 auto 0.8rem auto;
        padding: 0;
    }
    .navbar .btn-warning {
        display: inline-block;
        margin: 0 auto 0 auto;
        padding: 0;
    }
}




/*  Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
   
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {

}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

}