@import url('https://fonts.googleapis.com/css?family=Quicksand&display=swap');

body {
  font-family: 'Quicksand', sans-serif;
}


/* to align text in the center */
.center-text{
	text-align: center
}

h1{
  font-size: 3vw;
}

p{
	  font-size: 1vw;
}


/* cark park table styling */
.carpark_table td, .carpark_table th {
  border: 1px solid #ddd;
  padding: 8px;
}



/* to align video in the center */
#parent-frame{
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);

}

/* On screens that are 992px or less */
@media screen and (min-width: 992px) {
iframe{
  width: 560px;
  height: 300px;
  }
}



/* On screens that are 600px or less */
@media screen and (max-width: 600px) {
iframe{
  width: 260px;
  height: 100px;
  }
}