*{
	margin: 0;
	padding: 0;
	font-family: century;
}


body{
background-image:linear-gradient(rgba(0, 0, 0, 0.5),rgba(0, 0, 0,0.5),rgba(0, 0, 0, 0.5)), url(https://media4.giphy.com/media/v1.Y2lkPTc5MGI3NjExdjl6ZjBpbjNybjRoZmN2cXN1YjllbnVhcDJwNnEzanJ4dnFoY2pweSZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9Zw/Wy3Q0fuNIJmYn62Lcv/giphy.gif);
	
}
header{
	background-image: url(3800.png);
	height: 100vh;
	background-size: cover;
	background-position: center;
	min-height: 100px;
}


#openPopup{
	display: inline-block;
	padding: 10px 20px;
	color: white;
	background-color: darkred;
	font-size: 19px;
	text-decoration: none;
	border-radius: 25px;
	margin-top: 15px;
	transition: 0.3s ease;
}
#openPopup:hover{
	background-color: darkred;
}
#closePopup{
display: inline-block;
	padding: 10px 20px;
	color: white;
	background-color: darkred;
	font-size: 19px;
	text-decoration: none;
	border-radius: 25px;
	margin-top: 15px;
	transition: 0.3s ease;}

.d{
	width: 100%;

	margin-top: 20px;
	height: 10vh;
	background-color: black;
	border-radius: 25px 15px 25px 15px;

	background-image: ;
}
.d1{
	width: 80%;
	margin-left: 10%;
	margin-top: 20px;
	height: 10vh;
	background-color: ;
	border-radius: 25px 15px 25px 15px;
	background-image: url(https://media4.giphy.com/media/v1.Y2lkPTc5MGI3NjExbGd3bjEwaTU5a3l1MTd1dHlhYTNhem95cWE5bGY2ZHdhbTJpa2duayZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9Zw/OkVVUlG40FnuE/giphy.gif);
background-repeat: no-repeat;
background-size: cover;
	
}
.d1 h4{
	color: white;
	text-align: center;
	padding: 20px 0;
	font-size: 25px;
}

.d7 h1{
	text-align: center;
color: white;
padding: 10px 0;
}
.section{
	height: 1000px;
	width: 90%;
margin-left: 5%;
	
	margin-top: 30px;
	background-image: linear-gradient(rgba(0, 0, 0, 0.5),rgba(0, 0, 0,0.5),rgba(0, 0, 0, 0.5)),url(https://media0.giphy.com/media/v1.Y2lkPTc5MGI3NjExaTc4OGdlNWhxM25vcjhydjlybXM5MWRnMHN2MmlpZXllNGFzY2oyNSZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9Zw/Q34Q46x7bUUKJfbn0s/giphy.gif);
background-repeat: no-repeat;
background-size: cover;
}
.d2{
	float: left;
	width: 20%;
	height: 10vh;
	background-color: black;
	background-image: url(https://media0.giphy.com/media/v1.Y2lkPTc5MGI3NjExaTc4OGdlNWhxM25vcjhydjlybXM5MWRnMHN2MmlpZXllNGFzY2oyNSZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9Zw/Q34Q46x7bUUKJfbn0s/giphy.gif);

	border-radius: 25px 15px 25px 15px;

}
.d6{
	width: 80%;
	margin-left: 10%;
	margin-top: 20px;
	height: 10vh;
	background-color: darkred;
	border-radius: 25px 15px 25px 15px;
	background-image: url(https://media4.giphy.com/media/v1.Y2lkPTc5MGI3NjExbGd3bjEwaTU5a3l1MTd1dHlhYTNhem95cWE5bGY2ZHdhbTJpa2duayZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9Zw/OkVVUlG40FnuE/giphy.gif);

}
.d7{
	width: 100%;
	
	margin-top: 20px;
	height: 10vh;
	background-color: darkred;
	border-radius: 25px 15px 25px 15px;
	background-color: darkred;
}
.d5{
	float: left;
	width: 20%;
	height: 10vh;
	
	
	border-radius: 25px 15px 25px 15px;
	


}



.d2 h3{
	font-size: 15px;
	color: white;
	padding: 20px 0;
	text-align: center;
}
.d5{



	
}
.d3{
height: 10vh;
margin-top: 10px;

}
.d3 h2{
	text-align: center;
	padding: 20px 0;
	color: black;
	background-color: white;

}
.d h4{
	text-align: center;
	color: white;
	padding: 20px 0;
		font-size: 20px;
}
.d6 h4{
	text-align: center;
	color: white;
	padding: 20px 0;
		font-size: 25px;
}
	#mySlidingText{
		text-align: center;
	}
.slide-in-text{
	color: white;
	font-size: 18px;
	text-align: center;
}







@media screen and (max-width: 600px){

header .logo img{
	width: 100px;
	height: 100px;
	margin-top: 30px;
}
header .main{
	gap: 200px;
}

		#mySlidingText{
			font-size: 18px;
		}
	.hideonmobile{
		display: none;
	}
	.d1 h4{
		font-size: 15px;
	}
	.d7{
		font-size: 15px;
	}
	.d h3{
		font-size: 7px;
	}
	.d h4{
		font-size: 14px;
	}
	.d3{
		font-size: 7px;
	}
	.d6 h4{
		font-size: 15px;
	}
	.d6 h3{
		font-size: 7px;
	}
	
}
@media screen and (max-width: 400px){

header .logo img{
	width: 100px;
	height: 100px;
	margin-top: 30px;
}
header .main{
	gap: 100px;
}

	.hideonmobile{
		display: none;
	}
	.d1 h4{
		font-size: 15px;
	}
	.d7{
		font-size: 7px;
	}
	.d h3{
		font-size: 7px;
	}
	.d h4{
		font-size: 14px;
	}
	.d3{
		font-size: 7px;
	}
	.d6 h4{
		font-size: 15px;
	}
	.d6 h3{
		font-size: 7px;
	}
	
	
}