* {
  box-sizing: border-box;
}



h2 {
  /**font-size: larger;**/
  text-align: center;
}



.youtube {
  width: 100%;
  float: left;
  font-size:small;
  margin: auto;
  padding: 0% 1% 0% 1%;
}

.twitter {
  width: 50%;
  float: left;
  font-size:small;
  margin: auto;
  padding: 0% 1% 0% 1%;
}
  
  @media only screen and (max-width: 700px) {
    .column1 {
      width: 49.99999%;
      margin: 6px 0;
    }
    .column2 {
      width: 49.99999%;
      margin: 6px 0;
    }
    .column3 {
      width: 49.99999%;
    }
  }
  
  @media only screen and (max-width: 510px) {
    .column1 {
      width: 100%;
      padding: 2% 3% 0% 0%;
    }
    .column2 {
      width: 100%;
      margin: 6px 0;
      padding: 2% 3% 7% 0%;
    }
    .column1 {
      width: 100%;
    }

  }