:root {
    --border: rgba(177, 177, 177, 0.2);
    --main-bg-color: red;
    --gray-color: #b1b1b1;
    --radius: 0.25rem;
}

* {
    padding: 0;
    margin: 0;
}
body {
    font-family: "Source Sans Pro", sans-serif;
}

.custom-container {
    padding: 0 50px;
}

.color-primary,
.btn-default-primary {
    background-color: var(--main-bg-color);
    color: white;
}
.btn-default-primary:hover {
    opacity: 0.8;
    color: white;
}
.border-bottom-default {
    border-bottom: 1px solid var(--border);
}

@media screen and (max-width: 576px) {
    .custom-container {
        padding: 0 10px;
    }
}