body {
    /*background: url('/img/bk.jpg') no-repeat center center fixed;*/
    /*-webkit-background-size: cover;*/
    /*-moz-background-size: cover;*/
    /*background-size: cover;*/
    /*-o-background-size: cover;*/
    font-family: 'Baloo Thambi', cursive;
    color: white;
    font-size:2.5rem;
    height:100%;
}

.c2{
    font-size:2.0rem!important;
}

.bk-opacity{
    /*background-color: rgb(1, 4, 14);*/
    /*opacity: 0.8;*/
}


a, a:hover, a:visited{
    color:white;
}

.logo {
    height: 15vh;
    margin: 0 auto;
}

.overlay{
    background-color: rgb(1, 4, 14);
    opacity: 0.6;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.carnaval{
    color:white;
    font-size: 4rem;
}

.carnaval{
    color:white;
    font-size: 3rem;
}

.efeito{
    margin-top:30px;
    font-size: 1.5rem;
}

.efeito::before{
    left: 0;
}
.efeito::after{
    right: 0;
}

.efeito::before,
.efeito::after{
    background-color: #fff;
    content: "";
    height: 1px;
    position: absolute;
    top: 93%;
    margin-top: -0.5px;
    width: 60px;
}

.link{
    margin:0 !important;
}

/*// Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
    .logo {
        height: 25vh;
    }

    .carnaval{
        font-size: 5rem;
    }

    .efeito{
        font-size: 2rem;
    }

    .efeito::before,
    .efeito::after{
        width: 60px;
    }
}

/*// Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
    .logo {
        height: 20vh;
    }

    .carnaval{
        font-size: 6rem;
    }

    .efeito{
        font-size: 3rem;
    }

    .efeito::before,
    .efeito::after{
        width: 260px;
    }
}

/*// Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
    .logo {
        height: 40vh;
    }

    .carnaval{
        font-size: 10rem;
    }

    .efeito{
        font-size: 4rem;
    }

    .efeito::before,
    .efeito::after{
        width: 400px;
    }
}

/*// Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
    .logo {
        height: 40vh;
    }
    .efeito::before,
    .efeito::after{
        width: 400px;
    }

    .carnaval{
        font-size: 10rem;
    }

    .efeito{
        font-size: 4rem;
    }
}














