@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@400;900&family=Roboto:wght@300;400;700;900&display=swap');

body {
    background-color: #ededed;
    font-family: 'Roboto', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Raleway', sans-serif;
    font-weight: 900;
    text-transform: uppercase;
    color: #1b3658;
}

h1 {
    font-size: 3vw;
}

.wrapper {
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}
.link-list.master .link-item {
    /*opacity: 1;*/
    background-color: #fff;
}

.link-item {
    background-color: #f7f7f7;
    /*opacity: 0.5;*/
    padding: 1.5rem;
    margin-top: 1rem;
    color: #1b3658;
    text-decoration: none;
    display: block;
    transition: all .2s ease;
}

.link-item:hover {
    -webkit-box-shadow: 11px 8px 13px -6px rgba(0,0,0,0.37);
    box-shadow: 11px 8px 13px -6px rgba(0,0,0,0.37);
}

.hr-wrapper {
    display: flex;
    justify-content: center;
    margin-top: 1rem;
}

hr.line {
    color: #387da7;
    border-width: 3px;
    width: 20vw;
}

.footer {
    margin-top: 3rem;
    margin-bottom: 2rem;
}

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

.footer .social a {
    text-decoration: none;
    color: #000;
    transition: all .2s ease;
}

.footer .social a:hover {
    color: #1b3658;
}

@media (max-width: 991px) {
    h1 {
        font-size: 5vw;
    }
}

@media (max-width: 571px) {
    h1 {
        font-size: 6.5vw;
    }
}