@media only screen and (max-width: 768px) {
    header .navbar-brand {
        font-size: 2vmin;
        padding-left: 0rem;
    }

    header h1 {
        font-size: 3.4vmin;
    }

    header h4 {
        font-size: 2vmin;
    }

    header h2 {
        font-size: 2.4vmin;
    }

    header .card {
        margin-top: 2.4em;
    }

    footer h1 {
        font-size: 2.4vmin;
    }

    footer p {
        font-size: .8em;
    }

    footer ul {
        font-size: .8em;
    }

    footer img.img-fluid {
        width: 55%;
        height: auto;
        float: inline-start;
        margin-left: 30px;
    }

    footer img.img-fluid-2 {
        width: 55%;
        height: auto;
        float: inline-start;
        margin-left: 30px;
    }

    footer img.img-fluid-3 {
        width: 75%;
        height: auto;
        float: inline-start;
        margin-left: 30px;
    }

    footer img.img-fluid-4 {
        width: 5%;
        height: auto;
        float: inline-start;
        margin-left: 30px;
    }

    footer img.img-fluid-5 {
        width: 5%;
        height: auto;
        float: inline-start;
        margin-left: 30px;
    }

    .card-big-shadow {
        margin: 0 auto;
        max-width: 500px;
        position: relative;
    }

    main div.container.venue {
        margin-left: 1em;
        min-width: 100%;
    }

    main .desc p {
        font-size: 2vmin;
    }

    main .desc ul {
        font-size: 2vmin;
    }

    main .card h1 {
        font-size: 1.6em;
        font-weight: 600;
    }

    .card .description {
        font-size: 1em;
        color: #66615b;
    }

    .card.card-just-text .content {
        padding: 25px 65px;
        text-align: left;
    }

    main .card p {
        font-size: 1em;
    }

}

@media only screen and (max-width: 426px) {

    header .col-sm-12 {
        padding-top: 3vmin;
        padding-bottom: 30px;
    }

    header .navbar-brand {
        font-size: 5vmin;
        padding-left: 0rem;
    }

    header .nav-item {
        font-family: "Poppins", normal;
        font-size: 5vmin;

    }

    header h1 {
        font-size: 7vmin;
    }

    header h4 {
        font-size: 4vmin;
    }

    header h2 {
        font-size: 4.5vmin;
    }

    main h1 {
        font-size: 9vmin;
    }

    main h2 {
        font-size: 6vmin;
    }

    main p {
        font-size: 3.9vmin;
    }

    main ul {
        font-size: 3.9vmin;
    }

    main table {
        table-layout: fixed;
        width: 100%;
        font-size: 3.9vmin;
        border-collapse: separate;
        border-spacing: 0 5vmin;
        margin-left: auto;
        margin-right: auto;
    }

    main div.container.venue {
        margin-left: 0em;
        min-width: 100%;
    }

    main .desc p {
        font-size: 3.9vmin;
    }

    main .desc ul li {
        font-size: 3.9vmin;
        margin-left: -2em !important;
    }

    .border-radius {
        width: 250px;
        height: 250px;
        border-radius: 50%;
    }

    footer {
        padding: 3vmin 0vmin;
    }

    footer img.img-fluid {
        width: 22%;
        height: auto;
        float: center;
        padding-top: 15px;
    }

    footer img.img-fluid-2 {
        width: 22%;
        height: auto;
        float: center;
    }

    footer img.img-fluid-3 {
        width: 52%;
        height: auto;
        float: center;
        padding-top: 6px;
    }

    main img.img-fluid-6 {
        width: 100%;
        height: auto;
        margin-top: 2em;
        float: inline-end;
    }

    footer h1 {
        font-size: 7vmin;
    }

    footer p {
        font-size: 1.1em;
    }

    footer ul {
        font-size: 1.1em;
    }

    footer .logos {
        margin-bottom: 90px;
    }

    .card-big-shadow {
        margin: 30px;
        max-width: 500px;
        position: relative;
    }

    .card.card-just-text .content {
        padding: 20px 35px;
        text-align: left;
    }

    main .card h1 {
        font-size: 1.6em;
        font-weight: 600;
    }

    .card .description {
        font-size: 1.1em;
        color: #66615b;
    }

}