@CHARSET "ISO-8859-1";

body {
  padding-top: 0px;
  padding-bottom: 10px;
}

h5 {
  font-size: 14px;
  font-weight: bold;
}

h7 {
  font-size: 12px;
  font-style: italic;
}

.top40 {
  margin-top: 40px;
}

.bottom40 {
  margin-bottom: 10px;
}

.top20 {
  margin-top: 20px;
}

.bottom20 {
  margin-bottom: 20px;
}

.top10 {
  margin-top: 10px;
}

.bottom10 {
  margin-bottom: 5px;
}

#rodape {
  padding-top: 16px;
  color: white
}


@import url('https://fonts.googleapis.com/css?family=Rubik&display=swap');
body {
    background: linear-gradient(0deg, #fff, 50%, #DEEEFE);
    font-family: 'Rubik', sans-serif;
    background: #455A64;
    height: 100 !important;
}


.container-fluid{
    overflow:hidden; 
    margin-top: 0px ;
    background:#262626 ;
    color: #FFF  !important;
    margin-bottom: 0 ;
    padding-bottom:0  ;
}

small{
    font-size: calc(12px + (15 - 12) * ((100vw - 360px) / (1600 - 360))) !important; 
}

.bold-text{
    color: #989c9e !important;
}


.mt-55{
    margin-top: calc(50px + (60 - 50) * ((100vw - 360px) / (1600 - 360))) !important; 
}


h3{
    font-size: calc(34px + (40 - 34) * ((100vw - 360px) / (1600 - 360))) !important; 
}
 
.social{
    font-size: 21px !important; 
}

.rights{
    font-size: calc(10px + (12 - 10) * ((100vw - 360px) / (1600 - 360))) !important; 
}