html,
body {
    width: 100%;
    height: 100%;
}

body {
    font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.text-vertical-center {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    color: #FFFBFF;
}

.text-vertical-center h1 {
    margin: 0;
    padding: 0;
    font-size: 4.5em;
    font-weight: 700;
    color: #FFFBFF;
}

.text-vertical-center h2 {
    margin: 0;
    padding: 0;
    font-size: 4.5em;
    font-weight: 700;
    color: #F3F7FB;
}

.text-vertical-center h3 {
    color: #FFFBFF;
}

hr.small {
    max-width: 100px;
}

.stores {
    padding: 150px 0;
    background-color: rgba(155, 48, 65, 0.78);
    color: #2e3834;
}

#.stores h1 {
    font-size: 2.5em;
    font-weight: 200;
    color: #FFFBFF;
}

.services {
    padding: 50px 0;
    background-color: #371E52;
    color: #F3F7FB;
}

.service-item {
    margin-bottom: 30px;
}

.products {
    padding: 50px 0;
}

.products-item {
    margin-bottom: 30px;
}

.img-products {
    margin: 0 auto;
}

.img-products:hover {
    opacity: 0.8;
}

.call-to-action {
    padding: 50px 0;
    background-color: #371E52;
    color: #F3F7FB;
}

.call-to-action .btn {
    margin: 10px;
}

footer {
    padding: 100px 0;
    background-color: rgba(0, 0, 0, 0.13);
}