@import url('https://fonts.googleapis.com/css?family=Slabo+27px');

* {

    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

h2 {

    font-family: 'Slabo 27px', serif;
    letter-spacing: .03em;
}

section {

    margin: 50px 0 0;
    padding-top: 80px;
}

.section-title::after {

    content: '';
    display: block;
    border: 1px solid #c29765;    
    text-align: center;
    width: 200px;
    margin: 20px auto 40px;
}

footer {

    margin-top: 50px;
    padding: 40px 0;
    background: #f7f7f7;
}

.home {
    background: url(../images/sitebg.png) center center no-repeat;
    background-attachment: fixed;
    background-size: cover;
    
}

.getorder, .contact {
    background-color: #fff;
}

.products, .references {    

    background: #f7f7f7;
}

.references {

    font-size: .8em;
    font-weight: 200;
}

.borderless td, .borderless th {

    border: none;
}

.left-pane input[type=text] {

    width: 60px !important;
    text-align: right;
}

.right-pane input[type=text] {

    width: 60px !important;
    text-align: right;
}

form select {

    width: 120px !important;
}

.same {
    border: #ccc solid 1px;
    padding: 5px;    
}




/* Breakpoints */

@media (max-width: 575.98px) {

    h2 {

        font-size: 1.3rem;
    }

    .card-title {

        font-size: 1rem;
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {

    h2 {

        font-size: 1.5rem;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {

    h2 {

        font-size: 1.8rem;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {

    h2 {

        font-size: 2rem;
    }
}

@media (min-width: 1200px) {

    h2 {

        font-size: 2.5rem;
    }
}