@import url('https://fonts.googleapis.com/css2?family=Pacifico&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Pacifico&family=Roboto:wght@100;300;400;500;700&display=swap');
*{
  box-sizing: border-box;
}
html,body{
  width: 100%;
  height: 100%;
}  
body{
  font-family: 'Roboto';
  overflow-x: hidden;
}  
h1,h2,h3{
  font-family: 'Pacifico';
}
h2{
  margin: 0 auto 45px;
  font-weight: 300;
  line-height: 1.52;
  font-size: 30px;
  font-family: 'Roboto';
}
h3{
  margin: 0 auto 25px;
  font-weight: 400;
  line-height: 1.42;
  font-size: 22px;
  font-family: 'Roboto';
}
main{
  display: table;
  width: 100%;
}
h1{
  font-size: 56px;
}

h1, h2,h3{
  text-align: center;
}
section{
  display: table;
  max-width: 750px;
  width: 100%;
  margin: 80px auto 0;
  padding: 0 40px;
}
iframe{
  display: table;
  margin: 0 auto 25px;
}
@media screen and (max-width: 640px) {
  h1{
    font-size: 25px;
  }
  h2{
    font-size: 18px;
  }
  section{
    padding: 0 15px;
  }
}