/*----------- Celular ---------------*/

@media (max-width:550px) {



    body {
        margin: 0;
        padding: 0;
        font-family: Constantia, "Constantia", serif;
        background-color: #656662;
        color: #333;
        background-image: url("../../assets/background/Copinho\ Rosa.jpeg");
        background-size: cover;
        background-attachment: fixed;
        background-position: center;
        background-repeat: no-repeat;
    }

    .cardblue {
        cursor: pointer;
        width: 45%;

        margin-left: 5%;
        margin-bottom: 5%;
        text-align: center;
        border-radius: 6px;
        box-shadow: 2px 2px 5px lightgray;
        padding: 10px;

    }


    .logo-menu {
        margin-top: 13px;
        width: 120px;
        height: 40px;
    }

    .t1 {
        font-size: 15px;
        color: #0e1b41;
        text-align: center;
        margin-top: 8px;

    }

    .t2 {
        font-size: 15px;
        color: #0e1b41;
        text-align: center;
        margin-top: 8px;
        margin-bottom: 8px;
    }




    .capTable {
        width: 80%;
        margin-left: auto;
        margin-right: auto;
        margin: 2rem auto;
        border-collapse: collapse;
        font-size: 1rem;
        border-radius: 10px;
    }

    .capTable th,
    .capTable td {
        border: 1px solid #ffffff;
        padding: 8px;
        text-align: center;
        border-radius: 5px;

    }

    .capTable tr:nth-child(even) {
        background-color: #e6ffe6;
        border-radius: 5px;
    }

    .capTable tr:nth-child(odd) {
        background-color: #41f8c1;
        border-radius: 5px;
    }

    .capTable th {
        height: 25px;
        background-color: deepskyblue;
        color: white;
        border-radius: 5px;
    }




}


/*----------- Computador ---------------*/

@media (min-width:551px) {



    body {
        margin: 0;
        padding: 0;
        font-family: Constantia, "Constantia", serif;
        background-color: #656662;
        color: #333;
        background-image: url("../../assets/background/Copinho\ Rosa.jpeg");
        background-size: cover;
        background-attachment: fixed;
        background-position: center;
        background-repeat: no-repeat;
    }

    .cardblue {
        cursor: pointer;
        max-width: 97px;
        min-width: 97px;

        margin-left: 3%;
        margin-bottom: 3%;
        text-align: center;
        border-radius: 6px;
        box-shadow: 3px 3px 8px lightgray;
        padding: 10px;

    }

    .h2 {
        margin-bottom: 10px;
    }

    .logo-menu {
        width: 190px;
        height: 50px;
        margin-top: 16px;
        margin-bottom: auto;
    }

    .col-5 {
        width: 25%;
    }

    .t1 {
        font-size: 15px;
        color: #0e1b41;
        text-align: center;
        margin-top: 8px;
        font-weight: bold;

    }

    .t2 {
        font-size: 15px;
        color: #0e1b41;
        text-align: center;
        margin-top: 8px;
        margin-bottom: 8px;
        font-weight: bold;
    }

    .capTable {
        width: 80%;
        margin-left: auto;
        margin-right: auto;
        margin: 2rem auto;
        border-collapse: collapse;
        font-size: 1rem;
        border-radius: 10px;
    }

    .capTable th,
    .capTable td {
        border: 1px solid #ffffff;
        padding: 8px;
        text-align: center;
        border-radius: 5px;

    }

    .capTable tr:nth-child(even) {
        background-color: #e6ffe6;
        border-radius: 5px;
    }

    .capTable tr:nth-child(odd) {
        background-color: #41f8c1;
        border-radius: 5px;
    }

    .capTable th {
        height: 25px;
        background-color: deepskyblue;
        color: white;
        border-radius: 5px;
    }




}