body {
    padding-top: 50px;
}

.motivacao {
    text-align: justify;
}

.tabela {
    text-align: center;
}

@font-face { 
  font-family: elliot; 
  src: url('sr_roboto.ttf') format('truetype'); 
} 

.roboto {
   font-family: elliot;
}

@media screen and (max-width: 992px) {
  p,.btn,input,div,span,h4 {
    font-size: 95%;
  }
  h1 {
    font-size: 24px;  
  }
  h2 {
    font-size: 22px;  
  }
  h3 {
    font-size: 18px;  
  }
}

@media screen and (max-width: 768px) {
  p,.btn,input,div,span,h4 {
    font-size: 90%;
  }
  h1 {
    font-size: 20px;  
  }
  h2 {
    font-size: 18px;  
  }
  h3 {
    font-size: 16px;  
  }
}