/* Body */
body {
    font-family: 'Poppins', sans-serif;
}

/* Top */
.top {
    padding-top: 15px;
}

.top .col-lg-7 {
    text-align: right;
}

.top a {
    color: #212529;
}

.top a:hover {
    color: #dfa84f;
    text-decoration: none;
}

/* Banner */
.banner {
    background-image: url(../images/banner.jpg);
    background-repeat: no-repeat;
    width: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.banner img {
    padding-top: 40px;
    padding-bottom: 250px;
}

.banner h1 {
    text-align: center;
    font-family: 'Pacifico', cursive;
    color: #d9a34d;
}

.banner h2 {
    text-align: center;
    color: white;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 7px;
}

.banner p {
    text-align: center;
    color: white;
    text-transform: uppercase;
    padding-bottom: 270px;
    margin-bottom: 0px;
}

/* Content */
.content {
    background-color: black;
    text-align: center;
    color: white;
    padding-top: 40px;
    padding-bottom: 30px;
}

.content h3 {
    text-transform: uppercase;
}

/* Sections */
.sections {
    padding-top: 80px;
    padding-bottom: 60px;
}

.sections h4 {
    text-transform: uppercase;
    font-weight: 600;
}

/* Dispenser */
.dispenser {
    padding-top: 90px;
    padding-bottom: 80px;
    background-color: #f4f4f4;
}

.dispenser h4 {
    text-transform: uppercase;
    font-weight: 600;
}

/* Cutter */
.cutter {
    padding-top: 80px;
    padding-bottom: 60px;
}

.cutter h4 {
    text-transform: uppercase;
    font-weight: 600;
}

/* image */
.image {
    padding-top: 80px;
    padding-bottom: 60px;
}

.image h4 {
    padding-top: 40px;
    text-transform: uppercase;
    font-weight: 600;
}

.image .small {
    display: flex;
}

/* Footer */
.footer {
    background-image: url(../images/footer-bg.jpg);
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    color: white;
    padding-top: 60px;
    padding-bottom: 60px;
}

.footer h4 {
    font-weight: 900;
    color: #d9a34d;
}

.footer .fa-mobile {
    color: #d9a34d;
    font-size: 1.6em;
}

.footer i {
    color: #d9a34d;
}

.footer a {
    color: white;
}

.footer a:hover {
    color: #d9a34d;
    text-decoration: none;
}

.footer .col-lg-3, .col-lg-4{
    padding-top: 20px;
    padding-bottom: 20px;
}

.copyright {
    background-color:  black;
    padding-top: 25px;
    padding-bottom: 15px;
    color: white;
}

.copyright .col-lg-5 {
    text-align: right;
}

.copyright a {
    color: white;
}

.copyright a:hover {
    color: #d9a34d;
    text-decoration: none;
}


/* media querry @768px; */
@media (max-width: 768px) {
        
    .top .col-lg-5{
        text-align: center;
    }
    
    .top .col-lg-7{
        text-align: center;
    }
    
    .banner img {
        padding-top: 40px;
        padding-bottom: 50px;
    }
    
    .banner .col-lg-4 {
        text-align: center;
    }
    
    .banner p {
        text-align: center;
        color: white;
        text-transform: uppercase;
        padding-bottom: 40px;
    }
    
    .image {
        padding-top: 0px;
        padding-bottom: 0px;
    }
    
    .image .small {
        display: block;
        text-align: center;
    }
    
    .copyright .col-lg-5{
        text-align: center;
    }
    
    .copyright .col-lg-7{
        text-align: center;
    }
    
}