body {
	margin: 0;
	font-family: 'Open Sans', sans-serif;
}


.container {
	margin: 0px 25px;
}
	
.header {
	background-image: url(back.jpg);
	height: 100vh;
	background-size: cover;
	background-repeat: no-repeat;
}

img {
	max-width: 550px;
	max-height: 550px;

}
.hader-line {
  	align-items: center;
 	justify-content: space-around;
	align-items: center;
 	display: flex;
}


.header-logo {

}

.nav-item {
	color: white;
	text-decoration: none;
	font-size: 40px;
	font-weight: 700;

	margin-right: 35px;

	transition: color 0.7s linear;
}



.nav-item:hover {
	color:orangered; 
}

.header-down {
	
}

.header-title {
	color: white;
	font-family: 'Tinos', serif;
	font-size: 50px;
	font-weight: 700;
	text-align: center;
	width: auto;
	
	margin-top: 100px;

}


.header-subtitle {
	color: white;
	font-family: 'Tinos', serif;
	font-size: 50px;
	font-weight: 700;
	text-align: center;
	width: auto;
}

.header-downtitle {
	color: darkred;
	font-family: 'Tinos', serif;
	font-size: 50px;
	font-weight: 700;
	text-align: center;
	width: auto;
}

.cards-holder {
	display: flex;
}

.card {
	box-shadow: 10px 10px 40px 20px #0000001A;
	margin-right: 0px;
	margin: 0px 0px;
	width: 666px;
}

 .card-title {
	font-family: 'Tinos', serif;
	font-size: 50px;
	font-weight: 400;
	color: olivedrab; 
		display: flex;
	justify-content: center;
	text-align: center;
	width: auto;
}

.card-desc {
	font-size: 25px;
	font-weight: 400;
	display: flex;
	justify-content: center;
	text-align: center;
	width: auto;
	text-decoration: none;
	color: black;
}



html {
	scroll-behavior: smooth;
}

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

	.header-title {
		font-size: 35px;
	}

	.header-subtitle {
		font-size: 35px;
	}

	.header-downtitle {
		font-size: 35px;
	}

	.nav {
		text-align: center;
	}

	.nav-item {
		margin-right: 0;
		font-size: 30px;
	}
	.card {
		margin-right: 0;
		margin: 0 0;
		justify-content: center;
		display: block;
		width: auto;
	}

	.cards-holder {
		display: block;
	}

	.hader-line {
		display: flex;
		align-items: center;
 		justify-content: space-around;
		align-items: center;
	}

	.header-logo {
		justify-content: center;
		align-items: center;
	}

}

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

	.header-title {
		font-size: 35px;
	}

	.header-subtitle {
		font-size: 35px;
	}

	.header-downtitle {
		font-size: 35px;
	}

	.nav {
		display: block;
		text-align: center;
	}

	.nav-item {
		display: block;
		margin-right: 0;
		font-size: 25px;
	}
	.card {
		margin-right: 0;
		margin: 0 0;
		justify-content: center;
		display: block;
		max-width: auto;
	}

	.cards-holder {
		display: block;
	}

	img {
		max-width: auto;
		max-height: auto;
		
	}

	.hader-line {
		display: flex;
		align-items: center;
 		justify-content: space-around;
		align-items: center;
	}

	.header-logo {
	justify-content: center;
		align-items: center;
	}

}

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

	.container {
		margin: 0;
	}

	.header-title {
		font-size: 35px;
	}

	.header-subtitle {
		font-size: 35px;
	}

	.header-downtitle {
		font-size: 30px;

	}

	.nav {
		text-align: center;
	}

	.nav-item {
		margin-right: 0;
		font-size: 20px;
	}

	.card {
		margin-right: 0;
		margin: 0 0;
		justify-content: center;
		display: block;
		max-width: auto;
	}

	.card-desc {
		font-size: 15px;
	}

	.cards-holder {
		display: block;
	}

	.hader-line {
		display: block;
		align-items: center;
 		justify-content: space-around;
		align-items: center;
	
	}

	img {
		max-width: 576px;
		max-height: 176px;
		margin: 0 auto;
		display: block;
	}

	

	
}