
/* ***** [Fonts: Raleway] ***** */
@import url('https://fonts.googleapis.com/css?family=Raleway:400,600,700&display=swap');

body {
    background-color: #fff;
    margin: 0;
    max-width: 100%;
    min-height: 100vh;
    overflow: hidden;
    padding: 0 0 60px;
    position: relative;
}

.content {
    min-height: 100vh;
    padding: 20px;
    margin: auto;
}

.content::after {
    background-color: #F5F5F5;
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: -1;
}

.text-center {
    text-align: center;
}

.content__links-list {
    padding: 0;
}

.content__links-list li {
    background-color: #ef496b;
    border-radius:5px;
    box-shadow: 1px 1px 3px #AD2D4D;
    display: block;
    margin: 0 0 10px;
    padding: 0 15px;
}

.bc-blue {
    background-color: #009bba !important;
    box-shadow: 1px 1px 3px #03819a !important;
}

.bc-blue a {
    text-shadow: 1px 1px 3px #03819a !important;
}

.bc-purple {
    background-color: #77256f !important;
    box-shadow: 1px 1px 3px #5a3957 !important;
}

.bc-purple a {
    text-shadow: 1px 1px 3px #5a3957 !important;
}

.bc-yellow {
    background-color: #ffdd00 !important;
    box-shadow: 1px 1px 3px #e6c700 !important;
}

.bc-yellow a {
    text-shadow: 1px 1px 3px #e6c700 !important;
}

.content__links-list li a {
    border: 0;
    color: #fff;
    cursor: pointer;
    display: block;
    font-family: 'Raleway', sans-serif;
    font-size: 1.4em;
    font-weight: bold;
    line-height: 1.5em;
    padding: 10px 0;
    text-decoration: none;
    text-shadow: 1px 1px 3px #AD2D4D;
    width: 100%;
}

.content__links-list li:active {
    position: relative;
    top: 6px;
    box-shadow: none;
}

/* //RESPONSIVE */

@media only screen and (min-width: 768px) {
    .content {
        max-width: 720px;
    }
}

@media only screen and (min-width: 544px) {
    .content {
        max-width: 576px;
    }
}

@media only screen and (min-width: 576px) {
    .content {
        max-width: 540px;
    }
}
