*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

body{
	font-family: 'Quicksand', sans-serif;
	background-image: url(../../images/cover.png);
	background-repeat: no-repeat;
	background-size: cover;
	color: white;
	
}


.img{
	height: 100%;
	width: 90%;

}

.zuri{
	font-family: 'Quicksand', sans-serif;
	margin: 0;
}

footer{
	justify-content: center;
}

@media all and (min-width: 0px){
	body{
		background-image: url(../../images/cover1.png);
		background-repeat: no-repeat;
		background-size: cover;
		height: 100%;
	}

	.img{
		width: 100%;
	}



	.hd-1{
		display: flex;
		height: 30vh;
		align-items: flex-end;

	}

	.img-2{
		margin-top: 30px;
	}

	.con{
		padding-top: 100px;
		display: flex;
		height: 80vh;
		align-items: center;
	}

	.size{

		padding: 0 10px;
		font-size: 12px;
	}

	.pg-tit{
		text-align: center;
		padding-top: 10px;
	}

	.img__wrap {
	  position: relative;
	 }

	.img_description{
		display: flex;
	  position: absolute;
	  top: 0;
	  bottom: 0;
	  left: 0;
	  right: 0;
	  background: rgba(255, 125, 0, 0.64);
	  color: #fff;
	  visibility: hidden;
	  opacity: 0;
	  transition: opacity .2s, visibility .2s;
	  justify-content: center;
	  align-items: center;
	  height: 85%;
	  width: 90%
	  padding: 0;
	  margin: 0;
	}

	.img_description > a{
		text-decoration: none;
	}
	.view{
		display: flex;
		border: 2px solid white;
		background: transparent;
		border-radius: 7px;
		padding: 2px 10px;
		color: white;
		height: 35px;
	}

	.img_wrap:hover .img_description {
	  visibility: visible;
	  opacity: 1;
	}

	.pg-title{
		text-align: center;
		padding-bottom: 3.25rem;
	}

	#zuri{
		font-size: 1.875rem;
	}

	#zuri-title{
		font-size: 1.25rem;
	}

	
}
@media all and (min-width: 420px){
	

	.con{
		padding-top: 100px;
		height: 100%;
	}

	#zuri{
		font-size: 2.575rem;
	}
}
@media all and (min-width: 576px){
	body{
		background-image: url(../../images/cover.png);
		background-repeat: no-repeat;
	}
	#zuri{
		font-size: 2.575rem;
	}

	#zuri-title{
		font-size: 1.55rem;
	}

	.img{
		padding: 0;
		margin: 0;
	}

	.img-2{
		margin-top: 0;
	}

	.con{
		height: 60vh;
		display: flex;
		justify-content: center;
		align-items: center;
	}

}

@media all and (min-width: 768px){
	body{
		height: 100%;
	}

	#zuri{
		font-size: 3.875rem;
	}

	#zuri-title{
		font-size: 2.25rem;
	}

	.hd-1{
		display: flex;
		/*height: 100%;*/
	}


	.size{
		padding: 0 20px;
	}

	.con{
		height: 60vh;
		display: flex;
		justify-content: center;
		align-items: center;

	}


}

@media all and (min-width: 992px){
	body{
		height: 100%;
	}

	.con{
		height: 80vh;
		align-items: center;
	}

	.hd-1{
		height: 20vh;
	}


}