@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

body{ font-family: 'Poppins', verdana, sans-serif; }
#rodape div.cont-right, .bt-topo div.cont-right  { text-align: right !important; }
#rodape div.cont-left, .bt-topo  div.cont-left { text-align: left !important; }
.rodapeespaco { margin-bottom: 200px; }

#telaerro { background: #242323; color: #FFF; height: 100vh;}
#telaerro div.container{ padding-top: calc((100vh / 100) * 20); padding-bottom: 100px; }
#pageint { background: url('https://www.gestaorenascer.com.br/images/bg.jpg'); background-position: top center; background-size: auto; background-repeat: no-repeat;  }
.botaoopcao div{ padding: 10px;}

#rodape{ padding: 20px;
    background: #fdfdfd;
    position: fixed;
    bottom: 0;
    width: 100%;}
#rodape div.cont-right {padding-top: 15px;}


.bt-topo{
    background: #1e2737;
    color: #FFF;
    padding: 10px;
    margin-bottom: 20px;
}
.bt-topo div div a{
    color: #FFF;
}
.bt-topo div div a:hover, .bt-topo div div a:active{
    color: orange;
}
.txvalorpagto{
     color: orange;
     border-bottom: solid 1px #dedede;
     padding: 10px;
}
.form-check{
    border-bottom: solid 1px #dedede;
    padding: 10px;
}


.boxshadow{
    box-shadow: 0px 0px 5px #dedede;
    border-radius: 20px;
    padding: 50px !important;
    background: #FFF;
}

.boxrecebibo{
    width: 560px !important;
    margin-left: 26%;
}



@media only screen and (max-width: 768px) {
    #rodape div.cont-right, #rodape div.cont-left, .bt-topo div.cont-right, .bt-topo  div.cont-left { text-align: center !important; padding-top: 0px; }
    #pageint div.conteudo{ padding: 0 30px; }
    .boxrecebibo{
        width: 90% !important;
        margin-left: 5% !important;
    }
    #rodape{ 
        position: relative;
        width: 100%;
        bottom: 0;
    }
    .rodapeespaco { margin-bottom: 100px; }
}