.youtube-vid{
  display: flex;
  justify-content: center;
  
  
}

.text-container{
  padding: 105px 100px 0 100px;
  font-size: 28px;
  font-weight: bold;
  font-style: italic;
  
}

/* ********************************************* */

/* start of Events */

#events{
  display: flex;
  justify-content: center;
  font-size: 64px;
  color: blue;
}

.events{
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 16px;
  row-gap: 20px;
  margin: 30px 30px;
  
}

/* start of airshow */

.airshow{
  background-color: lightgoldenrodyellow;
  border-style: solid;
  border-width: 2px;
  border-color: red;
  border-radius: 10px;
  
}

.airshow-title{
  display: flex;
  justify-content: center;
  font-size: 38px;
  
}

.airshow-desc{
  padding: 0px 20px 0px 20px;
  font-size: 24px;

}

.airshow-items{
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
}

.airshow-date{
  margin-left: 10px; 
  margin-right: 10px;
  font-size: 28px;
  border-style: solid;
  border-width: 2px;
  border-color: blue;

}

.airshow-vid{
  width: 523px; 
  height: 319px;
  padding: 20px 20px;
}

/* end of airshow */

/* ********************************************* */

/* start of Fireworks */

.fireworks{
  background-color: lightpink;
  border-style: solid;
  border-width: 2px;
  border-color: red;
  border-radius: 10px;
}

.fireworks-title{
  display: flex;
  justify-content: center;
  font-size: 38px;
  
}



.fireworks-desc{
  padding: 0px 20px 0px 20px;
  font-size: 24px;

}

.fireworks-items{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  align-items: center;
}

.fireworks-items ul{
  padding: 5px;
}

.fireworks-date{
  margin-left: 10px; 
  margin-right: 10px;
  font-size: 28px;
  border-style: solid;
  border-width: 2px;
  border-color: blue;

}

.fireworks-vid{
  width: 523px; 
  height: 319px;
  padding: 20px 20px;
}

/* end of Fireworks */

/* ********************************************* */

/* start of Illuminations */

.illuminations{
  background-color: lightpink;
  border-style: solid;
  border-width: 2px;
  border-color: red;
  border-radius: 10px;
}

/* end of Illuminations */

/* ********************************************* */

/* start of christmas-Illuminations */

.christmas-illuminations{
  background-color: lightgoldenrodyellow;
  border-style: solid;
  border-width: 2px;
  border-color: red;
  border-radius: 10px;
}

/* end of Christmas-Illuminations */

/* end of Events */

/* ********************************************* */

/* start of Attractions */

#attractions{
  display: flex;
  justify-content: center;
  font-size: 64px;
  color: blue;
}

.attractions{
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 16px;
  row-gap: 20px;
  margin: 30px 30px;
  
}

/* ********************************************* */

/* start of Pleasure Beach */

.pleasure-beach{
  background-color: lightpink;
  border-style: solid;
  border-width: 2px;
  border-color: red;
  border-radius: 10px;
  
}

/* end of Pleasure Beach */

/* ********************************************* */

/* start of Sea Life Centre */

.sea-life{
  background-color: lightgoldenrodyellow;
  border-style: solid;
  border-width: 2px;
  border-color: red;
  border-radius: 10px;
}

/* end of Sea Life Centre */

/* ********************************************* */

/* start of Madame Tussaud's */

.madame-tussauds{
  background-color: lightgoldenrodyellow;
  border-style: solid;
  border-width: 2px;
  border-color: red;
  border-radius: 10px;
  
}

/* end of Madame Tussaud's */

/* ********************************************* */

/* start of Blackpool Tower */

.tower{
  background-color: lightpink;
  border-style: solid;
  border-width: 2px;
  border-color: red;
  border-radius: 10px;
}

/* end of Blackpool Tower */

/* end of Attractions */

/* ********************************************* */

/* start of media-quires*/





@media screen and (max-width: 1800px) {
  .airshow-items{
    display: grid;
    grid-template-columns: 1fr;
    align-items: center;
  }

  .fireworks-items{
    display: grid;
    grid-template-columns: 1fr;
    align-items: center;
  }
  
}


@media screen and (max-width: 900px) {
  .events{
    display: grid;
    grid-template-columns: 1fr;
  }
  #Title{
    font-size: 64px;
  }
  
}