@font-face {
    font-family: "Casstino";
    src: url(../fontes/Casstino.otf);
}

@font-face {
    font-family: "GalanoGrotesqueBlackItalic";
    src: url(../fontes/GalanoGrotesqueBlackItalic.otf);
}

*{
    font-family: 'GalanoGrotesqueBlackItalic', sans-serif;
}

.Casstino{
    font-family: 'Casstino', sans-serif;
}

html{
    overflow-x: hidden;
}

body{
    background: rgb(0,62,139);
    background: radial-gradient(circle, rgba(0,62,139,0.7) 0%, rgba(0,62,139,1) 100%);
    color: #FFF;
    margin-top: 30px;
}

.assets .asset{
    min-width: 100px !important;
    position: absolute;
    z-index: -1;
}

.carta{
    background-image: url(../img/assets/papel.png);
    background-position: center left;
    background-size: cover;
    background-repeat: no-repeat;
    width: auto;
    height: 100%;
    padding: 30px 10px 30px 100px;
    margin-bottom: 50px;
    z-index: 2 !important;
    position: relative;
}

.carta p{
    color: #003D8B;
    font-size: 1.4rem;
    font-size: 2rem;
}

.carta p .maior{
    font-size: 2rem;
}

.carta p.Casstino{
    font-size: 3rem;
}

.carta p.menor{
    font-size: 1.1rem;
}

.carta p.menor .email{
    background-color: #003D8B;
    color: #FFF;
    padding: 1px 5px;
}

.carta p small{
    font-size: 0.7rem;
}

.casa{
    min-width: 30vw;
    z-index: 0 !important;
}

.nuvens{
    margin-top: -80px;
    position: relative !important;
}

.logotipo{
    max-height: 75px;
    max-width: 130px;
    margin-right: 20px;
    display: inline-block;
}

.btnRegulamento{
    margin-top: 100px;
    margin-bottom: 30px;
    background-color: #FFF;
    color: #003D8B;
    padding: 10px 30px;
    transition: background-color .2s ease-in-out, color .2s ease-in-out;
}

.btnRegulamento:hover{
    color: #FFF;
    background-color: #003D8B;
}

@media (min-width: 768px){ /*md*/
    .carta{
        padding: 30px 50px 30px 100px;
    }

    .carta p{
        font-size: 2rem;
    }

    .carta p .maior{
        font-size: 2.5rem;
    }

    .carta p.Casstino{
        font-size: 3.5rem;
    }

    .carta p.menor{
        font-size: 1.2rem;
    }

    .carta p small{
        font-size: 0.8rem;
    }

    .nuvens{
        margin-top: -190px;
    }

    .btnRegulamento{
        font-size: 2rem;
    }
}

@media (min-width: 992px){ /*lg*/
    .nuvens{
        margin-top: -170px;
    }
}

@media (min-width: 1200px){ /*xl*/
    .container{
        max-width: 1524px;
        padding-left: 105px;
        padding-right: 105px;
    }

    .nuvens{
        margin-top: -130px;
    }
}

@media (min-width: 2560px){ /*4k*/
    .nuvens{
        margin-top: -190px;
    }
}