body {
	background-color: rgb(67, 65, 192);
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	background-size: cover;
}

.banner {
	padding: 50px;
	border-color: #fa4109;
	height: 719px;
	width: 100%;
	margin-top: 0px;
	background-image: url("https://hdwallpaperim.com/wp-content/uploads/2017/08/24/106926-Nepal-Pokhara-Phewa_Tal-lake-Himalayas-Ghandruk-mountains.jpg");
	/* Secondary Background  - https://i.pinimg.com/originals/d9/6b/80/d96b80159414ba45189e70a214f6eedf.gif www.hyperledger.org/wp-content/uploads/2016/08/hl_bg_banner.jpg */
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-size: cover;
}

.first {
	margin-left: 45%;
	margin-top: 7%;
	color: white;
	position: absolute;
	font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial,
		sans-serif;
	font-size: 60px;
	transition: 0.5s ease;
}
.middle {
	margin-left: 47%;
	margin-top: 11%;
	color: white;

	position: absolute;
	font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial,
		sans-serif;
	font-size: 60px;
	transition: 0.5s ease;
}

.last {
	margin-left: 49%;
	margin-top: 15%;
	color: white;
	position: absolute;
	font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial,
		sans-serif;
	transition: 0.5s ease;
	font-size: 60px;
}
.title {
	margin-left: 80%;
	margin-top: 30%;
	color: white;

	position: absolute;
	font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial,
		sans-serif;
	font-size: 20px;
}

.hi1 {
	margin-left: 2%;
	margin-top: 9%;
	color: white;
	position: absolute;
	font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial,
		sans-serif;
	font-size: 40px;
	width: 8em;
	transition: 0.5s ease;
}
hr {
	color: white;
}
.hi2 {
	margin-left: 4%;
	margin-top: 26%;
	color: white;
	position: absolute;
	font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial,
		sans-serif;
	font-size: 25px;
	transition: 0.5s ease;
}
.click {
	visibility: hidden;
	font-size: 2px;
}
.hi3 {
	margin-left: 6%;
	margin-top: 28%;
	color: white;
	position: absolute;
	font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial,
		sans-serif;
	font-size: 25px;
	transition: 0.5s ease;
}
.hi4 {
	margin-left: 9%;
	margin-top: 30%;
	color: white;
	position: absolute;
	font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial,
		sans-serif;
	font-size: 20px;

	transition: 0.5s ease;
}
.banner img {
	width: 600px;
	border: #ddd solid;
	height: 600px;
	border-radius: 455px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	transition: 0.5s ease;
}
.project quote {
	color: white;
}
h1 {
	margin-left: auto;
	margin-right: auto;
	width: 8em;
	color: white;
	padding: 10px;
	font-style: italic;
	font-weight: bold;
}

.header_img {
	height: 20px;
	width: 20px;
}

.main {
	width: 64vw;
	padding: 80px;
	height: 78%;
	border-style: ridge;
	margin-top: 0;
	margin-left: 23.3%;
	position: absolute;
	margin-top: 100px;
	color: black;
}
.row {
	margin-left: 5%;
	margin-right: 5%;
}
@media (max-width: 1024px) {
	.banner {
		border: 0px;
		border-color: #fa4109;
		height: 619px;
		width: 100%;
		margin-top: 0px;
		background-image: url("https://hdwallpaperim.com/wp-content/uploads/2017/08/24/106926-Nepal-Pokhara-Phewa_Tal-lake-Himalayas-Ghandruk-mountains.jpg");
	
		background-repeat: no-repeat;
		background-size: 100% 100%;
		background-size: cover;
	}
	.banner img {
		padding: 0px;
		width: 500px;
		border: #ddd solid;
		height: 500px;
		border-radius: 455px;
		margin-left: auto;
		margin-right: auto;
		display: block;
		transition: 0.5s ease;
	}
	.banner p {
		font-size: 20px;
	}
}
@media (max-width: 768px) {
	.banner {
		border: 0px;
		border-color: #fa4109;
		height: 419px;
		width: 100%;
		margin-top: 0px;
		background-image: url("https://hdwallpaperim.com/wp-content/uploads/2017/08/24/106926-Nepal-Pokhara-Phewa_Tal-lake-Himalayas-Ghandruk-mountains.jpg");
		background-repeat: no-repeat;
		background-size: 100% 100%;
		background-size: cover;
	}
	.banner img {
		padding: 0px;
		width: 300px;
		border: #ddd solid;
		height: 300px;
		border-radius: 455px;
		margin-left: auto;
		margin-right: auto;
		display: block;
		transition: 0.5s ease;
	}
	.title {
		margin-left: 65%;
		margin-top: 40%;
		color: white;

		position: absolute;
		font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial,
			sans-serif;
		font-size: 40px;
	}

	.hi1 {
		margin-left: 1%;
		margin-top: 9%;
		color: white;
		position: absolute;
		font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial,
			sans-serif;
		font-size: 50px;
		width: 8em;
		transition: 0.5s ease;
	}

	.hi2 {
		margin-left: 1%;
		margin-top: 15%;
		color: white;
		position: absolute;
		font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial,
			sans-serif;
		font-size: 25px;
		width: 8em;
	}
	.hi3 {
		margin-left: 2%;
		margin-top: 19%;
		color: white;
		position: absolute;
		font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial,
			sans-serif;
		font-size: 25px;
		width: 8em;
	}
	.hi4 {
		margin-left: 2%;
		margin-top: 23%;
		color: white;
		position: absolute;
		font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial,
			sans-serif;
		font-size: 25px;
		width: 8em;
	}
	.first {
		margin-left: 70%;
		margin-top: 30%;
		color: white;
		position: absolute;
		font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial,
			sans-serif;
		font-size: 60px;
	}
	.middle {
		margin-left: 70%;
		margin-top: 33%;
		color: white;

		position: absolute;
		font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial,
			sans-serif;
		font-size: 60px;
	}

	.last {
		margin-left: 70%;
		margin-top: 36%;
		color: white;
		position: absolute;
		font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial,
			sans-serif;
		font-size: 60px;
	}
}
@media (max-width: 415px) {
	.title {
		margin-left: 60%;
		margin-top: 70%;
		color: white;
		position: absolute;
		font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial,
			sans-serif;
		font-size: 60px;
		transition: 0.5s ease;
	}
	.click {
		font-size: 5px;
		visibility: visible;
	}
	.hi1 {
		visibility: hidden;
	}

	.hi2 {
		visibility: hidden;
	}
	.hi3 {
		visibility: hidden;
	}
	.hi4 {
		visibility: hidden;
	}
	.first {
		margin-left: 0;
		margin-top: 70%;
		color: white;
		position: absolute;
		font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial,
			sans-serif;
		font-size: 60px;
		transition: 0.5s ease;
	}
	.middle {
		margin-left: 0%;
		margin-top: 75%;
		color: white;
		transition: 0.5s ease;
		position: absolute;
		font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial,
			sans-serif;
		font-size: 60px;
	}

	.last {
		margin-left: 0%;
		margin-top: 80%;
		color: white;
		position: absolute;
		font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial,
			sans-serif;
		font-size: 60px;
		transition: 0.5s ease;
	}
}

.container {
	max-width: 100rem;
	margin: 0 auto;
	padding: 0 2rem 2rem;
}


.gallery {
	display: flex;
	flex-wrap: wrap;
	margin: -1rem -1rem;
}

.gallery-item {
	flex: 1 0 24rem;
	margin: 1rem;
	box-shadow: 0.3rem 0.4rem 0.4rem rgba(0, 0, 0, 0.4);
	overflow: hidden;
}

.gallery-image {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 400ms ease-out;
}

.gallery-image:hover {
	transform: scale(1.11);
}