body {
    background-image: radial-gradient(#0D1E31, #111);
}

@media screen and (max-width: 576px) {
    h5{
        font-size: 80%
    }

    .badge {
        font-size: 50%
    }

    p{
        font-size: 80%
    }

    .page{
        padding: 0 5%;
    }
}

@media screen and (min-width: 577px) {
    .page{
        padding: 0 20%;
    }
}
    
label{
    color: #ffffff;
    font-weight: bold;
}

.description{
    color: #8a8a8a;
}

/* Footer */
.form-group{
    margin-bottom: 1rem;
}

.footer-container{
    margin-top: 5%;
    padding: 5%;
}
  
.contact-description{
    padding-top: 3%;
    color: #ffffff;
}

.contact-description a{
    text-decoration: none;
}

.contact-email{
    color: #afd9d5;
    font-weight: bold; 
}

.contact-email:hover{
    color: rgb(220, 212, 212);
}