@media only screen and (max-width: 599px){
    #footer .footer-bottom {
        flex-flow: column-reverse;
        padding-top: 20px;
        padding-bottom: 20px;
    }
}

/* .navbar a, .navbar a:focus {
    padding: 10px 0 10px 30px;
} */


/* @media (max-width: 768px) {

} */
#hero h5 {
    color: rgba(255, 255, 255, 0.6);
    /* margin-bottom: 50px;
    font-size: 24px; */
}

@media only screen and (max-width: 1024px){
    .info{
        display: block !important;
    }
}

ul{
    padding-left: 0px;
}

body{
    -webkit-user-select: none; /* Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+/Edge */
    user-select: none; /* Standard syntax */
}