main {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 2rem;
  text-align: center;
  width: 80%;
  padding-left: 10%;
  margin-top: 90px;
}
iframe{
    width: calc(100vw - 20px);
    height: calc(100vh - 330px);
}


/* RESPONSIVE */
/* smartphone */
@media screen and (min-width: 320px) {
  iframe{
    width: calc(100vw - 20px);
    height: calc(100vh - 330px);
}
}
/* tablet */
@media screen and (min-width: 500px) {
  iframe{
   width: calc(100vw - 20px);
    height: calc(100vh - 330px);
}
}
@media screen and (min-width: 800px) {
  iframe{
    width: calc(100vw - 20px);
    height: calc(100vh - 330px);
}
}
/* netbook */
@media screen and (min-width: 1024px) {
    iframe{
    width: calc(100vw - 20px);
    height: calc(100vh - 330px);
}
  
}
/* desktop */
@media screen and (min-width: 1397px) {
  iframe{
    width: calc(100vw - 20px);
    height: calc(100vh - 330px);
}
}