body {
 font-family:'Helvetica Neue', 'Arial', sans-serif;
 letter-spacing: 0.03em;

 margin-top: 20px;
 margin-bottom: 20px;
 color: #373837;
 line-height: 150%;

 text-align: left;
text-justify: auto;
background:#f4f3e6;

}

a:link {
  color:#5129ad;
  text-decoration: none;
  text-shadow : 0 0 0;

}
a:hover {
  text-decoration: underline;
}

.heading {
  padding-bottom: 20px;
}

@media screen and (min-width: 421px) {
  body {
  margin-left:90px;
  margin-right:90px;
 max-width: 400px;
      }
  iframe {
    width: 400px;
    height: 225px;
  }
}
@media screen and (max-width:420px) {
  body {
    margin-left: 20px;
    margin-right: 20px;
  }
  iframe {
    width: 320px;
    height: 180px;

  }

}

@media screen and (max-width:320px) {

  iframe {
    width: 280px;
    height: 158px;

  }

}