/*----------- 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;
    }

}


/*----------- 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;

    }

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

}