#logo {
  position: relative;
  width: 250px;
  margin-top: 3%;
  left: 5%;
  transition: transform 0.3s ease-in-out; 
}

@media screen and (max-width: 900px) {
#logo {
  position: relative;
  width: 200px;
  margin-top: 3%;
  left: 5%;
  transition: transform 0.3s ease-in-out; 
} 
}

/* Common styles for h1 and p */
h1 {
  font-family: 'Cabin', sans-serif;
  font-weight: 700;
  color: black;
  text-align: center;
  font-size: 9vw;
  margin: 2% auto 3%;
}

/* Base style for p */
p {
	font-family: 'Quicksand', sans-serif;
	font-weight: 400;
  color: black;
  position: relative;
	width: 70%;
  text-align: center;
  font-size: 1.75vw;
  line-height: 3.5vw;
  margin: 3% auto 4%;
}

@media screen and (max-width: 900px) {
h1 {
  font-size: 14vw;
  margin: 3% auto 3%;
}

p {
	font-size: 4vw;
  line-height: 6.5vw;
  margin: 3% auto 10%;

} 
}

.section {
	margin-left: 9%;
	margin-right: 9%;
}



.section video{
	position: relative;
	background-size: cover;
	width: 100%;
	float: center;

}

#left video {

	width: 50%;
	float: left;
	top: 50%;
	padding: 0px;
	
}

#right video {
	float: right;
	width: 50%;
	margin: 0;
	padding: 0px;
	
	
}

#right img {
	float: right;
	width: 50%;
	margin: 0;
	padding: 0px;
	
	
}

#right-1 img {
	float: right;
	width: 50%;
	margin: 0;
	padding: 0px;
	margin-top: 5%;
	
	
}

#right-2 img {

	width: 50%;
	float: left;
	top: 50%;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 40px;

}

.section-1 video{
	position: relative;
	background-size: cover;
	width: 100%;
	margin-top: 5%;
	margin-bottom: 5%;
}



.section img{
	position: relative;
	width: 50%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5%;

}

#left img {

	width: 50%;
	float: left;
	top: 50%;
	padding: 0px;
	margin-top: 0px;
	
}

#left-1 img {

	width: 50%;
	float: left;
	top: 50%;
	padding: 0px;
	margin-top: 5%;
	
}

#left-2 img {

	width: 50%;
	float: left;
	top: 50%;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 40px;

}

@media screen and (max-width: 900px) {
	  #left img, #left-1 img, #left-2 img, #right img, #right-1 img, #right-2 img, #left video, #left-1 video, #left-2 video, #right video, #right-1 video, #right-2 video {
    width: 100%;
  }
}

footer {

	position: relative;
	left: auto;
	right: auto;
	font-family: 'Quicksand', sans-serif;
	font-weight: 400;
	font-size: 12px;
	color: black;
	margin-bottom: 3%;

}


@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
	footer {

	position: relative;
	left: auto;
	right: auto;
	font-family: 'Quicksand', sans-serif;
	font-weight: 400;
	font-size: 20px;
	color: black;
	margin-bottom: 3%;

}
}