@import url('https://fonts.googleapis.com/css?family=Amatic+SC:400,700&display=swap&subset=latin-ext');

@import url('https://fonts.googleapis.com/css2?family=Yanone+Kaffeesatz:wght@300;400&display=swap');


*{
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    border: 0;
}

body{
    font-family: 'Amatic SC', cursive;
    background: #f5efea;
    margin: 0;
    padding:0;
    font-weight: 600;
}
a{
    color:#526758; 
    text-transform: uppercase;
}
h2{
    font-size: 4em;
    font-weight: 600;
}
.bg-cafe{
    background:url(../images/bg-cafe.png) no-repeat;
    bottom:0;
    top: 0;
    position:absolute;
    right: 0;
    width: 100%;
    background-position: right;
    opacity:0.9;
}

.col-form-label{
    font-size: 1.5em;
    font-weight: 600;
}
.btn{
    background:#526758;
    border-radius: 0px;
    color:#FFF;
    font-size: 1.2rem;
}
.btn:hover{
    color:#FFF;
}
header{
    padding: 1em;
}
main{
    margin-left:10%; 
}
footer{

    bottom: 1em;
    left:1em;
    position: absolute;
}
.container.calc{
  content: '';
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  min-height: 480px;
  
 
}
.dicas{
    font-size: 1.5em;
}
.calc .col{
    display: inline-block;
  vertical-align: middle;
  margin: auto;
  width: 100%; height: 50vh;
  
  
}
.right-col h3{
    font-size: 2em;
    margin: 1em; 
}
.right-col{
    
}

#custo_mensal.prices,#custo_anual.prices{

    font-size: 3em;
    padding: 0 0.3em;

}
.prices{
    font-size: 3em;
}

@media only screen and (max-width: 600px) {
.bg-cafe{
    background:url(../images/bg-cafe.png) no-repeat;
    bottom:0;
    position:fixed;
    right: 0;
    width: 100%;
    background-position: right;
    opacity:0.1;
}
.banner{
    display: none;
}
.container.calc{
    position:initial;
    min-height: auto;
    transform:initial;
}
main{
    margin-left:0px;
}
footer{
    position: relative;
}
.right-col span{
    font-size: 4em;
    display: block;
}
}