body {
    background-color: rgb(47,82,114);
    color: rgb(232, 226, 213);
    background-image: linear-gradient(to bottom right, rgb(47,82,114), rgb(35,30,65));
    background-repeat: no-repeat;
    background-attachment: fixed;
}

a, a:active, a:visited {
    color: rgb(25, 156, 221);
}
a:hover {
    color: rgb(232, 226, 212);
}
.badge-light {
    background-color: rgb(232, 226, 212);
}

body > header {
    min-height: 100vh;
    color: rgb(232, 226, 212);
}

body > header .row {
    min-height: 100vh;
}

body > header p.info {
    display: inline-block;
    margin: 0;
    padding: 0;
    font-size: 1.1em;
}

#logo {
    max-width: 280px;
}

#img > img {
    max-width: 100%;
}

body > main > hr {
    margin-top: 5rem;
    margin-bottom: 5rem;
} 

#si  {
    max-width: 130px;
}

body > main {
    color: rgb(232, 226, 212);
    padding-top: 0;
    margin-top: 0;
}

p.icon {
    margin-top: 2rem;
    margin-bottom: 2rem;
}

p.icon > .fa-stack > .fa-stack-2x {
    color: rgb(25, 156, 221);
}

p.icon > .fa-stack > .fa-stack-1x {
   color: rgb(232, 226, 212);
}

body > main > section > h2 {
    margin-bottom: 3rem;
}

.box {
    background-color: rgb(232, 226, 212);
    color: #333;
    margin: 1rem;
    padding: 1rem;
    text-align: center;
}

.box a:hover {
    color: rgb(25, 156, 221);
}

.box .badge {
    font-size: 1em;
}

.box img {
    max-width: 50%;
}

body > footer {
    background-color: rgba(0, 0, 0, .4);
    color: rgb(232, 226, 212);
    padding: 1rem;
    margin-top: 2rem;
}

footer.old {
    padding: 1rem;
    border-top: 4px solid #8e8e8e;
}

@media (max-width: 767.98px) {
    #page > section > .row > .col-md-4:first-child {
        margin-bottom: 3rem;
    }
    
    body > footer .row > .col-md {
        margin-bottom: 2rem;
    }

    body > main {
        padding-top: 2rem;
    }

    body > main > hr {
        margin-top: 3rem;
        margin-bottom: 3rem;
    } 
}