@media (min-width: 576px) {

 }

/* // Medium devices (tablets, 768px and up) */
@media (min-width: 768px) { 
    .container-md {
        max-width: 720px;
    }
 }

/* // Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
    .container-md {
        max-width: 960x;
    }
 }

/* // Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .container-md {
        max-width: 1140px;
    }
}

.title {
    margin: 30px auto 20px auto;
    font-weight: 600;
    letter-spacing: 0.2rem;
}

nav #surroundings {
    text-decoration: underline;
    text-underline-position: under;
}

.card {
    /* background-color: #0000002c !important; */
    /* color: #fff!important; */
}