body {
  background-color: #fdffec;
}
#heading {
  text-align: center;
  font-size: 4vw;
  font-weight: bold;
  font-family: Verdana;
}
#subheading {
  text-align: center;
  font-size: 3vw;
  font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif
}
nav {
  background-color: rgb(0, 0, 0);
  padding: 1vw;
  text-align: left;
  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
  border-radius: 0.8vw;
  box-shadow: 1vw 1vw 0.5vw grey;
}
nav a {
  color: #fff;
  text-decoration: none;
  padding: 2vw;
  font-size: 2vw;
  text-shadow: 0.3vw 0.3vw 0.3vw grey;
}
content {
  width: 80%;
  margin: 0 auto;
  display: flex;
}
@font-face { font-family: Segoe UI; src: url('Segoe UI.ttf'); }
h3{
  text-align: center;
  font-family: 'Segoe UI';
  font-weight: 600;
  font-size: 2vw;
}
.collumn{
  width: 50%;
  padding: 10px;
}
.row {
  display: flex;
  padding-bottom: 20px;
}
#NextToImage{
  font-size: 4vw;
  font-weight: bold;
  font-family: Verdana;
  text-align: center;
}
  img{
    width: 70vw;
  }
  #AtrasDePipa{
    width: 46vw;
  }
  iframe{
    width: 75vw;
    height: 50vw;
  }
  @media (min-width: 1200px) {
    h1 {
  font-size: 2vw; /* Make the font size smaller */
    }
    nav a {
  font-size: 1.5vw; /* Make the font size smaller */
    }
   .row img{
      width: 50vw;
    }
    #subheading{
      font-size: 1.5vw;
    }
    #heading{
      font-size: 2vw;
    }
    img {
      width:45vw;
    } 
    h2{
      font-size: 1.5vw;
    }
    h3{
      font-size: 1.5vw;
    }
    iframe{
      height:30vw;
      width:50vw;
    }
    #NextToImage{
      font-size: 2vw;
      min-width: 10px;
    }
    .column{
      width: 35vw;
      margin: 0 20px; block; margin: 0 auto;
    }
    .row2{
      width: 50vw;
    }
    .column2{
      padding-left: 6.5vw;
    }
    #AtrasDePipa{
      width: 33.3vw; 
      padding-left: 6.8vw;
    }
    h4{
      padding-left: 15vw;
      padding-right:7vw
    }
  }