Kod css

*
{
	box-sizing:border-box;
	font-size:16px;
	margin:0;
	font-family:Helvetica;
}

/*Strona Główna*/

.container
{
	max-width:100%;
}



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

	nav
	{
		display:flex;
		height: 90px;
		justify-content:space-around;
		border-bottom:1px solid #ccc;
	}

	.logo
	{
		font-size:1.8rem;
		font-weight:600;
		margin-left:10px;
		display:flex;
		align-items:center;
		position:relative;
	}

	#menu
	{
		position:fixed;
		top:90px;
		width:100%;
		left:0;
		transition:.25s;
		z-index:99999;

	}

	#menu ul
	{
		width:100%;
		padding: 0;
		margin: 0;
	}

	#menu ul li
	{
		border:1px solid white;
		font-weight:600;
		justify-content:center;
		padding:15px;
		text-align:center;
		background-color:#232F3E;
		list-style:none;
	}

		#menu ul li:hover
	{
			border:1px solid white;
			font-weight:600;
			justify-content:center;
			padding:15px;
			text-align:center;
			background-color:#232F3E;
			list-style:none;
	}

	nav a
	{
		text-decoration:none;
		color:white;
		font-size:1.2rem;
		color: white;
	}

	nav a:active
	{
		color:#D90A2C;
	}

	nav a:hover
	{
		color:#D90A2C;
		transition: 0.2s;
	}

	.hamb
		{
			display:flex;
			align-items:center;
		}

	.hamb input[type=checkbox]
		{
			cursor:pointer;
			display:none;

		}

		.hamb:has(input[type="checkbox"]:checked) + #menu
		{
			transform:translatex(-100%);
		}

	.hamb label
		{
			cursor:pointer;
		}
	}

@media screen and (min-width:1000px)
{

	nav
		{
			display:flex;
			height: 90px;
			align-items:center;
			justify-content:space-evenly;
			border-bottom:1px solid #ccc;
		}

	#menu ul li
		{
			display:inline-block;
			margin:15px;
			font-weight:600;
			font-size:14px;
			justify-content:center;
		}

	nav a
		{
			text-decoration:none;
			color:black;
		}

	nav a:active
		{
			color:#D90A2C;
		}

	nav a:hover
		{
			color:#D90A2C;
			transition: 0.2s;
		}

		.logo
		{
			font-size:1.8rem;
			font-weight:600;
			margin-left:10px;
		}

		.hamb
		{
			display:none;
		}

}


.purple
{
	color:#D90A2C;
	font-size:1.8rem;
	font-weight:600;
}

.grey
{
	color:grey;
	font-size:1.3rem;
	font-weight:600;
}

.menu ul
{
	list-style:none;
}




.intro
{
	flex-wrap:wrap;
	max-width:1100px;
	display:flex;
	margin-right:auto;
	margin-left:auto;
	height:400px;
	padding-left:10px;
}

a.none
{
	margin-top:30px;
	text-decoration:none;
	color:black;
	font-size:1.4rem;
	display:flex;
	align-items:center;
	transition:all 1s ease;
}

a.none:hover
{
	color:#D90A2C;
	transform:scale(1.1);
}

.half
{

	display:flex;
	width:50%;
	flex-direction:column;
	min-width:350px;

}

.half-intro
{
	padding:20px 0 40px 0;
	display:flex;
	align-items: center;
	font-size:1.1rem;
	font-weight:600;
}




@media screen and (min-width:351px)
{
	.half-second img
	{
		height: auto;
		width: 100%;
		z-index:-50;
		margin-top:-30px;

	}

	.half-second
	{

		display:flex;
		align-items:center;
		width:50%;
	}
}

@media screen and (max-width:350px)
{
	.half-second img
	{
		display:none;
		visibility:hidden;

	}

	.half-second
	{

		display:none;
		visibility:hidden;

	}
}



.center
{
	padding-top:50px;
	display:flex;
	justify-content:center;
	align-items: center;
	background-color:#F9F9F9;
}

.only-center
{
	display:flex;
	justify-content:center;
	margin-top:30px;
}

.only-center img
{

	height:3rem;
	width:auto;
}

#mymove
{
  position: relative;
  animation: mymove 3s infinite;
}

@keyframes mymove
{
 0%
{
top: 0px;
opacity: 1;
}
  33%
{
top: 20px;
opacity: 0.2;
}
  100%
{
top: 0px;
opacity: 1;
}
}

img
{
	display:block;
	width:100%;
}

.choose
{
	flex-wrap:wrap;
	background-color:#F9F9F9;
	display:flex;
	justify-content: center;
	margin:-10px auto 0 auto;
	padding-bottom:100px;
}

.cardcontainer
{
	min-width:250px;
	height:320px;
	position:relative;
	margin:20px 30px 0 0;
	padding-bottom:30px;
}

.card
{

	width:100%;
	height:100%;
	transform-style: preserve-3d;
	transition: all 1s ease;
	position:absolute;
}

.card:hover
{
	transform:rotateY(180deg);
}

.front
{
	display:flex;
	align-items:flex-end;
	justify-content:center;
	position:absolute;
	width:100%;
	height:100%;
	backface-visibility:hidden;
	background-image:url('images/card-akor.jpg');
	border-radius:10px;
	-webkit-box-shadow: 8px 8px 24px 0px rgba(66, 68, 90, 1);
	-moz-box-shadow: 8px 8px 24px 0px rgba(66, 68, 90, 1);
	box-shadow: 8px 8px 24px 0px rgba(66, 68, 90, 1);
}

.front2
{
	display:flex;
	align-items:flex-end;
	justify-content:center;
	position:absolute;
	width:100%;
	height:100%;
	backface-visibility:hidden;
	background-image:url('images/card-store.jpg');
	border-radius:10px;
	-webkit-box-shadow: 8px 8px 24px 0px rgba(66, 68, 90, 1);
	-moz-box-shadow: 8px 8px 24px 0px rgba(66, 68, 90, 1);
	box-shadow: 8px 8px 24px 0px rgba(66, 68, 90, 1);
}

.front3
{
	display:flex;
	align-items:flex-end;
	justify-content:center;
	position:absolute;
	width:100%;
	height:100%;
	backface-visibility:hidden;
	background-image:url('images/card-learn.jpg');
	border-radius:10px;
	-webkit-box-shadow: 8px 8px 24px 0px rgba(66, 68, 90, 1);
	-moz-box-shadow: 8px 8px 24px 0px rgba(66, 68, 90, 1);
	box-shadow: 8px 8px 24px 0px rgba(66, 68, 90, 1);
}

.main-desc
{
	padding:10px;
	position:bottom;
	width:100%;
	min-height:20%;
	text-align:center;
	background: rgba(217, 10, 44, .5);
	color:white;
	font-weight:bold;
	font-size:1.4rem;
	display:flex;
	align-items:center;
	justify-content:center;
}






.insidea
{
	position:absolute;
}

.back
{

	position:absolute;
	width:100%;
	height:100%;
	backface-visibility:hidden;
	background-color: rgba(250, 19, 136, 1);
	background-image: linear-gradient(298deg, rgba(250, 19, 136, 1) 30%, rgba(31, 26, 222, 1) 81%);
	transform:rotateY(180deg);
	color:white;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items: center;
	padding:20px;
	text-align:center;
	font-size:1.5rem;
	border-radius:10px;
	-webkit-box-shadow: -8px 9px 24px 0px rgba(66, 68, 90, 1);
	-moz-box-shadow: -8px 9px 24px 0px rgba(66, 68, 90, 1);
	box-shadow: -8px 9px 24px 0px rgba(66, 68, 90, 1);
	text-shadow: 2px 0px 6px rgba(236, 236, 240, 1);
}

.black-a
{
	border: 1px solid white;
	padding:6px 15px 6px 15px;
	background-color:white;
	opacity:0.5;
	border-radius:5px;

}

.black-a:hover
{
	background-color:white;
	opacity:0.9;
}

.cardcontainer:hover .card
{
    transform:rotateY(180deg);
}

.bigfont
{
	font-size:3.7rem;
	font-weight:800;
	line-height: 4rem;
}


.videocontainer
{
	width:100%;
	position:relative;
	margin:0;
}

.video
{

	width:100%;
	height:calc(100vw/1.77);
	margin:0;
}

.video iframe

{
	position:absolute;
	width:100%;
	height:calc(100vw/1.77);
}

.musician
{
	display:flex;
	align-items:center;
	justify-content:center;
	position:absolute;
	color:white;
	height:100%;
	width:100%;
	background-color:black;
	opacity:0.5;
}

#shop
{
	padding:25px;
}

.store-row
{
	display:flex;
	justify-content:space-around;
	flex-wrap:wrap;
	padding:0 20px 40px 20px;

}

.store-el
{
	width:300px;
	justify-content:center;
	padding:20px;
	text-align:center;
	transition:0.2s ease-in-out;
}

.store-el:hover
{
	transform: scale(1.1);
}


.store-el img
{
	max-width:100%;
	height:auto;
}

.price
{
	font-size:1.1rem;
	color:#D90A2C;
	font-weight:bold;
}

footer
{
	padding: 40px 20px;
	display:flex;
	background-color:black;
	width:100%;
	justify-content:space-around;
	flex-wrap:wrap;
}

.footer-el
{
	border-top:1px solid grey;
	color:white;
	font-size:0.9rem;
	margin:5px;
	padding:10px;
	line-height:1.3;
	text-align: justify;
	text-justify: inter-word;
}

.f-grey
{
	color:grey;
}

.social
{
	display:flex;
	justify-content:center;
}

.social-el
{
margin:10px;
}

.footer-el a
{
	color:white;
	text-decoration: none;
	font-size:0.9rem;
	text-align:justify;
}
.footer-el a:hover
{
color:#D90A2C;
transition:0.3s;
}

.footer-el input[type=email]
{
	width:50%;
}

.footer-el input[type=submit]
{
	background-color:black;
	color: white;
	transition:0.5s;
	border: 1px solid white;
	padding:2px 4px;
	border-radius:3px;
}

.footer-el input[type=submit]:hover
{
	background-color:#D90A2C;
	transition:0.5s;
}

.elo
{
	display:flex;
	width:50%;
	min-width:400px;
}

.elo1
{
	display:flex;
	width:50%;
	justify-content: space-evenly;
	min-width:400px;
}

/*SHEETS SITE START HERE*/

.sheets-newsletter
{
	background-color:#232F3E;
	padding:30px 10px;
	width:100%;
	justify-content:center;
	display:flex;
	color:white;
}

.sheets-newsletter input[type=email]
{
	font-size: 0.9rem;
	margin-left:20px;
}

.sheets-newsletter input[type=submit]
{
	font-size: 0.9rem;
	margin-left:3px;
	background-color:#232F3E;
	border: 2px solid white;
	color:white;
}

.sheets-newsletter input[type=submit]:hover
{
	background-color: #D90A2C;
}

.log-to-download
{
	margin-right:auto;
	margin-left:auto;
	padding:50px 100px 30px 100px;
	display:flex;
	justify-content:center;
	border:1px green solid;

}

.log-to-download img
{
	max-width:400px;
}



.download-big
{
	font-size:1.5rem;
	font-weight:600;

}


.log-sign
{
	padding:30px 10px;
	text-align:center;
}

.log-sign a
{
	text-decoration:none;
	color:#D90A2C;

}

.log-sign a:hover
{
	text-decoration:none;
	color:#D90A2C;
	font-weight:600;

}

button
{
	background-color:#BADDF1;
	color: #BF4800;
	border:none;
	padding:10px 20px;
	font-weight:600;
	border-radius:5px;
	font-size:1.2rem;
	transition: all 0.6s ease;
}

button:hover
{
	background-color:#C9E5E0;
	transform: scale(1.1);
	cursor:pointer;
}

.free
{
	font-weight:600;
	color:#BF4800;
}

.sheets-container
{
	background-color: #F5F5F7;
	display:flex;
	padding:30px;
	justify-content:center;
	margin-right:auto;
	margin-left:auto;
	flex-wrap:wrap;
}

.sheet
{
	padding:5px;
	background-color: white;
	display:flex;
	height:120px;
	min-width:320px;
	max-width:320px;
	align-items:center;
	border-radius: 10px 10px 0 0;
}

.sheet img
{
	height:80px;
	width: auto;
	margin-left:10px;
	margin-right:15px;
}

.sheet-info
{
	display:flex;
	align-items:center;
	width:100%;

}

a.download
{
	color: white;
	background-color: #D90A2C;
	width:100%;
	line-height:1.4rem;
	display:flex;
	justify-content:center;
	text-decoration:none;
	font-weight:bold;
	transition: all 0.5s ease;

}

a.download:hover
{
background-color:#232F3E;

}

.bold
{
	font-weight:600;
}

.tonation
{
	font-size:0.9rem;
	color: grey;
	font-style:italic;
}

.sheet-box
{
	margin:20px 10px;
	border-radius:50px;
}

/*offer starts here*/
#slider
{
	overflow:hidden;
}

#slider figure
{
	width:500%;
	display:flex;
	margin:0;
	left:0;
	position:relative;
	animation:18s slider infinite;
	z-index:-100;
}

#slider figure img
{
	width:20%;
	height:calc(100vw/3.15);
}

@keyframes slider
{
	0%
		{
			left:0;
		}
	20%
		{
			left:0;
		}
	25%
		{
			left:-100%;
		}
	45%
		{
			left:-100%;
		}
	50%
		{
			left:-200%;
		}
	70%
		{
			left:-200%;
		}
	75%
		{
			left:-300%;
		}
	95%
		{
			left:-300%;
		}
	100%
		{
			left:-400%;
		}
}

@media screen and (max-width:629px)
{
.carousel
	{
		display:flex;
		justify-content:center;
		flex-wrap:wrap;
		z-index:1000;
		margin-top:20px;
	}
}

@media screen and (min-width:630px)
{
.carousel
	{
		display:flex;
		justify-content:center;
		flex-wrap:wrap;
		margin-top:-30px;
		z-index:1000;
	}
}


.caorusel-el-one
{
	text-align:center;
	max-width: 300px;
	color:white;
	font-size:0.9rem;
	line-height:1.5;
	background-color:#343233;
	margin:0 10px;
	-webkit-box-shadow: -22px -20px 0px -11px rgba(217, 10, 44, 1);
	-moz-box-shadow: -22px -20px 0px -11px rgba(217, 10, 44, 1);
	box-shadow: -22px -20px 0px -11px rgba(217, 10, 44, 1);
	padding:40px 10px;
}

.caorusel-el-two
{
	text-align:center;
	max-width: 300px;
	color:white;
	font-size:0.9rem;
	line-height:1.5;
	background-color:#D90A2C;
	margin:0 10px;
	padding:40px 10px;
}

.caorusel-el-three
{
	text-align:center;
	max-width: 300px;
	color:white;
	font-size:0.9rem;
	line-height:1.5;
	background-color:#393F7C;
	margin:0 10px;
	padding:40px 10px;
	-webkit-box-shadow: 21px 22px 0px -11px rgba(229, 229, 237, 1);
	-moz-box-shadow: 21px 22px 0px -11px rgba(229, 229, 237, 1);
	box-shadow: 21px 22px 0px -11px rgba(229, 229, 237, 1);
}


.caorusel-el-h
{
	font-size:1.2rem;
	color:white;
}

.text-center
{
	text-align:center;
}

#y-line
{
	display:flex;
	justify-content:center;
	height:50px;
	margin:25px;
}

#bord
{
	border:2px grey solid;
}

#center-offer-container
{
	align-items:center;
	background-color: rgba(251, 40, 40, 0);
	background-image: linear-gradient(180deg, rgba(246, 250, 253, 1) 28%, rgba(57, 63, 124, 0.71) 100%),  url();
	background-size: auto;
	background-position: left top;
	background-repeat: repeat;
}

.center-offer
{
	display:flex;
	align-items:center;
	justify-content:center;
	padding:100px 0 50px 10px;
}


.about
{
	display:flex;
	padding:15px 15px;

}


#border-top
{
	border-top:4px solid #D90A2C;
	width:100px;
	margin-top:5px;
}

.about-me
{
	margin-left:20px;
	display:flex;
	max-width:600px;
	font-size:1.1rem;
}

.offer-video
{
	display:flex;
	background-color: rgba(57, 63, 124, 1);
	background-image: linear-gradient(180deg, rgba(57, 63, 124, 1) 0%, rgba(89, 131, 252, 1) 50%, rgba(57, 63, 124, 1) 100%);
}

#offer-video-left
{
	flex:.4;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	margin-left:auto;
	margin-right:auto;
}

#offer-video-left iframe
{
	padding:0 30px 30px 30px;

}

@media screen and (min-width:800px)
{

	#offer-video-right
		{
			flex:0.6;
			padding:0 30px 30px 30px;
			color:#F6FAFD;
			font-size:2rem;
			border-left:3px solid #D90A2C;
		}

	#video-img img
		{
			width:70%;
			height:auto;
			margin:80px auto;
			-webkit-box-shadow: -21px -21px 0px -1px rgba(217, 10, 44, 1);
			-moz-box-shadow: -21px -21px 0px -1px rgba(217, 10, 44, 1);
			box-shadow: -21px -21px 0px -1px rgba(217, 10, 44, 1);
		}

		#offer-video-right-mobile
		{
			display:none;
		}
}

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

	#offer-video-right, #video-img img
		{
			display:none;
		}

		#offer-video-right-mobile
		{
			flex:0.6;
			padding:0 30px 30px 30px;
			color:#F6FAFD;
			font-size:2rem;
			text-align:center;
		}
}



.absolut
{
	width:100%;
	position:absolute;
	z-index:-100;
	margin-top:-130px;
}


.mediumfont-red
{
	font-size:1.7rem;
	font-weight: 800;
	color:#5983FC;
	font-style:italic;
	text-shadow: -9px 4px 6px rgba(203, 203, 209, 1);
}

.mediumfont-gold
{
	font-size:1.7rem;
	font-weight: 800;
	color:#EEF2F7;
	font-style:italic;
	text-shadow: -9px 4px 6px rgba(203, 203, 209, 1);

}


.offer-half
{
	display:flex;
	justify-content:center;
	background-color: #F3F3F3;
}

.half-offer
{
	flex:0.5;
}

@media screen and (min-width:860px)
{

	.caorusel-el-rev-one
	{
		text-align:center;
		max-width:250px;
		margin:30px;
		padding:20px;
		font-size:.8rem;
		font-style:italic;
		line-height:1.5;
		color: #6A6A6A;
		-webkit-box-shadow: 0px 7px 28px -10px rgba(133, 98, 78, 1);
		-moz-box-shadow: 0px 7px 28px -10px rgba(133, 98, 78, 1);
		box-shadow: 0px 7px 28px -10px rgba(133, 98, 78, 1);
	}

	.caorusel-el-rev-two
	{
		text-align:center;
		max-width:250px;
		margin:120px 30px 30px 30px;
		padding:20px;
		font-size:.8rem;
		font-style:italic;
		line-height:1.5;
		color: #6A6A6A;
		-webkit-box-shadow: 0px 7px 28px -10px rgba(133, 98, 78, 1);
		-moz-box-shadow: 0px 7px 28px -10px rgba(133, 98, 78, 1);
		box-shadow: 0px 7px 28px -10px rgba(133, 98, 78, 1);
	}

	.caorusel-el-rev-three
	{
		text-align:center;
		max-width:250px;
		margin:180px 30px 30px 30px;
		padding:20px;
		font-size:.8rem;
		font-style:italic;
		line-height:1.5;
		color: #6A6A6A;
		-webkit-box-shadow: 0px 7px 28px -10px rgba(133, 98, 78, 1);
		-moz-box-shadow: 0px 7px 28px -10px rgba(133, 98, 78, 1);
		box-shadow: 0px 7px 28px -10px rgba(133, 98, 78, 1);
	}
}

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

	.caorusel-el-rev-one
	{
		text-align:center;
		max-width:250px;
		margin:30px;
		padding:20px;
		font-size:.8rem;
		font-style:italic;
		line-height:1.5;
		color: #6A6A6A;
		-webkit-box-shadow: 0px 7px 28px -10px rgba(133, 98, 78, 1);
		-moz-box-shadow: 0px 7px 28px -10px rgba(133, 98, 78, 1);
		box-shadow: 0px 7px 28px -10px rgba(133, 98, 78, 1);
	}

	.caorusel-el-rev-two
	{
		text-align:center;
		max-width:250px;
		margin:30px;
		padding:20px;
		font-size:.8rem;
		font-style:italic;
		line-height:1.5;
		color: #6A6A6A;
		-webkit-box-shadow: 0px 7px 28px -10px rgba(133, 98, 78, 1);
		-moz-box-shadow: 0px 7px 28px -10px rgba(133, 98, 78, 1);
		box-shadow: 0px 7px 28px -10px rgba(133, 98, 78, 1);
	}

	.caorusel-el-rev-three
	{
		text-align:center;
		max-width:250px;
		margin:30px;
		padding:20px;
		font-size:.8rem;
		font-style:italic;
		line-height:1.5;
		color: #6A6A6A;
		-webkit-box-shadow: 0px 7px 28px -10px rgba(133, 98, 78, 1);
		-moz-box-shadow: 0px 7px 28px -10px rgba(133, 98, 78, 1);
		box-shadow: 0px 7px 28px -10px rgba(133, 98, 78, 1);
	}
}

@media screen and (min-width:701px)
{

	#contact-offer
	{
		width:50%;
		display:flex;
		justify-content:center;
		align-items:center;
	}

	#contact-offer img
	{
		margin:50px auto ;
		width:70%;
		height:auto;
		-webkit-box-shadow: 29px 32px 14px 2px rgba(52, 50, 51, 1);
		-moz-box-shadow: 29px 32px 14px 2px rgba(52, 50, 51, 1);
		box-shadow: 29px 32px 14px 2px rgba(52, 50, 51, 1);

	}

	#contact-offer-right
	{
		width:50%;
		padding:50px;
		text-align:center;
		color: #fcfc12;
		font-size:1.1rem;
		font-weight:bold;
		font-style:italic;

	}
}


@media screen and (max-width:700px)
{
	#contact-offer
	{
		display:none;
	}

	#contact-offer-right
	{
		width:100%;
		padding:50px;
		text-align:center;
		color: #fcfc12;
		font-size:1.1rem;
		font-weight:bold;
		font-style:italic;

	}
}

#offer-cf
{
	min-width:300px;
	color:#EEF2F7;
	font-style:none;
	font-weight:400;
}

#offer-cf input
{
	min-width:300px;
	font-size:.9rem;
	padding:5px;

}

#offer-cf textarea
{
	min-width:300px;
	min-height:70px;
	font-size:.9rem;
	padding:10px;
}

#offer-cf input[type=submit]
{
	min-width:unset;
	padding:5px 10px;
	background-color:#EEF2F7;
	border:none;
	color:#D90A2C;
}

#offer-cf input[type=submit]:hover
{
	background-color:#D90A2C;
	border:none;
	color:white;
	font-weight:600;
	cursor:pointer;

}


/* Page course starts here */

.container-course
{
	display:flex;
	width:100%;
	flex-direction:column;
	justify-content:center;

}

.course-intro
{
	display:flex;
	background-color: #F8F9FB;
	justify-content:center;
	align-items:center;
	-webkit-box-shadow: inset 0px 6px 5px -6px rgba(66, 68, 90, 1);
	-moz-box-shadow: inset 0px 6px 5px -6px rgba(66, 68, 90, 1);
	box-shadow: inset 0px 6px 5px -6px rgba(66, 68, 90, 1);
	flex-wrap:wrap;
}



.text-field
{
	margin:60px auto 60px auto;
	max-width:430px;
	line-height:1.2;
	background-color: white;
	padding:20px;
	-webkit-box-shadow: 7px 8px 40px -18px rgba(66, 68, 90, 1);
	-moz-box-shadow: 7px 8px 40px -18px rgba(66, 68, 90, 1);
	box-shadow: 7px 8px 40px -18px rgba(66, 68, 90, 1);
}

.medium-font
{
	font-size:2.2rem;
	font-weight:bold;
	text-shadow: -9px 4px 6px rgba(203, 203, 209, 1);
}

.medium-font-purple
{
	font-size:2.2rem;
	font-weight:bold;
	color:#D90A2C;
}

.course-half-one
{
	flex:0.5;
	justify-content:center;
	align-items:center;

}

@media screen and (min-width:601px)
{

	.course-half img
	{
		max-height:50vh;
		width:auto;
	}

	.course-half-one
	{
		flex:0.5;
		justify-content:center;
		align-items:center;

	}

	.course-half-two
	{
		flex:0.5;
		justify-content:center;
		align-items:center;

	}

		.course-half-two img
	{
		max-height: 50vh;
		width:auto;
	}


}

@media screen and (max-width:600px)
{
	.course-half-one
	{
		flex:1;
		justify-content:center;
		align-items:center;
	}

	.course-half-two
	{
		display:none;
	}
}


.center-course
{
	display:flex;
	justify-content:center;
	align-items:center;
}

.courses
{
	display: flex;
	max-width:1100px;
	justify-content:center;
	flex-wrap:wrap;
	margin:30px auto;
}

.coursecard
{
	display:flex;
	min-width:300px;
	max-width:28%;
	margin:15px;
	padding:10px;
	line-height:1.3;
	flex-direction:column;
	justify-content:center;
	font-weight:bold;
	border:1px grey solid;
}

.coursecard img
{
	transition: 1s all ease;
}

.coursecard:hover img
{
	transform:scale(1.05);
	overflow:hidden;
}

.small-grey
{

	color:grey;
	font-weight:400;
}

.courses a
{
	color:black;
	text-decoration:none;
}
.courses a:hover
{
	color:#D90A2C;
}

.short-info-course
{
	display:flex;
	margin:20px;
	align-items:center;
	font-weight:500;
	padding:20px;
	min-width:200px;
}

.icon
{
	display:flex;
	height:100%;
	align-items:center;
	color:#D90A2C;
	margin-right:15px;
}

.pay-course
{
	display:flex;
	background-color:#1C1D1F;

}

.left
{

	padding:50px;
	color:white;
	font-size:2rem;
}

.bestseller
{
	padding:5px 10px;
	background-color:#ECEB98;
	color: #1C1D1F;
	font-weight:bold;
	margin-right:8px;
}

.yellow
{
	color:#F3CA8C;
	letter-spacing:2px;
}

.small
{
 font-size:0.8rem;
}

.right
{
	margin: 30px auto;
}

a.check-course
{
	color:#D90A2C;
	font-weight: bold;
	opacity:0.9;
}

a.check-course:hover
{
	opacity:1;
}

button
{
	background-color:#BADDF1;
	color: #BF4800;
	border:none;
	padding:10px 20px;
	font-weight:600;
	border-radius:5px;
	font-size:1.2rem;
	transition: all 0.6s ease;
}

button:hover
{
	background-color:#C9E5E0;
	transform: scale(1.1);
	cursor:pointer;
}

.space-letter
{
	letter-spacing:1px;
}

/*single course starts here*/

.container-single
{
	display:flex;
	margin-bottom:30px;
	flex-wrap:wrap-reverse;
}

@media screen and (min-width:700px)
{

	.single-video
	{
		flex:0.55;
		min-width:250px;
		padding:40px;
	}

	.product-description
	{
		flex:0.45;
		padding:40px;
	}
}

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

	.single-video
	{
		width:100%;
		padding:40px;
	}

	.product-description
	{
		width:100%;
		padding:40px;
	}
}




.video-course
{
	width:100%;
	height:calc(width/1.78);
}

.single-video iframe
{
	min-width:300px;
	width:100%;
	height:calc(width/1.78);
}


.previev
{
	margin-top:20px;
	display:flex;
	max-width:100%;
	justify-content: space-between;
}

.previev img
{
	max-width:30%;
}

.font-color-blue-bold
{
	color:#191970;
	font-weight:600;
}

.font-color-blue-bold a
{
	color:#191970;
}

.font-color-blue-bold a:hover
{
	color:#D90A2C;;
}


.small-bold
{
	font-size:0.8rem;
	font-weight:bold;
}

/*contact starts here */

.contact-container
{
  background-image: linear-gradient(#F9FAFB, #FFFFFF);
  display:flex;
  justify-content:center;
}

.cont-header
{
	padding:30px 0;
	font-size:2rem;
	font-weight:bold;
	text-align:center;
	background-color:#F9FAFB;
}

.contact
{
	display:flex;
	width:80%;
	margin-bottom:50px;
	flex-wrap:wrap;
	justify-content:space-evenly;

}

.personal-info
{
	text-align:center;

}

.personal-info a
{
	text-decoration:none;
	font-size:1.2rem;
	color:#D90A2C;
	line-height:2;
}


.personal-info a:hover
{
	color: #D90A2C;
}


.personal-info img

{
	border-radius:45px;
	width:90px;
	height:90px;
	margin:5px auto 10px auto;;
}

.social-icons
{
	display:flex;
	justify-content:center;
}

.soc-ic
{
	margin:10px 5px;
	background-color:#F1F1F1;
	border-radius:50%;
	width:50px;
	height:50px;
	display:flex;
	justify-content:center;
	align-items:center;

}

.contact-social a
{
	color:#C5C4CF;
	line-height:unset;
}

.contact-p
{
	font-weight:bold;
	font-size:1.2rem;
}

.contact-p-p
{
	color:grey;
	font-size:0.9rem;
}

a.tel
{
	color:black;
	font-weight:bold;
}

a.tel:hover
{
	color: #D90A2C;
}

.contact-social
{
	display:flex;
	margin-left:auto;
	margin-right:auto;
	justify-content:center;
}

.contact-form
{
	min-width:400px;
	padding:20px;
	background-color:white;
	-webkit-box-shadow: 0px 0px 4px 6px rgba(242, 242, 242, 1);
	-moz-box-shadow: 0px 0px 4px 6px rgba(242, 242, 242, 1);
	box-shadow: 0px 0px 4px 6px rgba(242, 242, 242, 1);
}

.contact-form form
{
	font-size: 0.7rem;
}


.contact-form input
{
	width:100%;
	background-color:#F9FAFB;
	border:none;
	font-size:0.8rem;
}

.contact-form input
{
	font-size:0.8rem;
	padding:10px;
}

.contact-form input[type=submit]
{
	background-color:black;
	width:unset;
	padding:10px 20px;
	color:white;
	font-weight:bold;
	display:flex;
	box-shadow: 0px 5px 5px 2px rgba(0,0,0,.3);

}

.contact-form input[type=submit]:hover
{
	background-color:#D90A2C;

}

.contact-form textarea
{
	width:100%;
	background-color:#F9FAFB;
	border:none;
	padding:10px;
	font-size:0.8rem;
	min-height:100px;
}

.incenter
{
	display:flex;
	justify-content:center;

}

/*store starts here*/

.store-intro
{
	display:flex;
	width:100%;
	background-color:rgb(245,245,245);
}



@media screen and (min-width:700px)
{
	#store-intro-right
	{
		width:40%;
		display:flex;
		justify-content:center;
		align-items:center;
	}

	#store-intro-left
	{
		padding:100px 60px;
		width:60%;
		font-size:1.2rem;
	}
}

@media screen and (max-width:699px)
{
	#store-intro-right
	{
		display:none;
	}

	#store-intro-left
	{
		padding:50px 50px;
		width:100%;
		font-size:1.2rem;
	}

}


a.check-offer
{
	background-color:#D90A2C;
	color:rgb(245,245,245);
	padding:10px 15px;
	-webkit-box-shadow: 0px 0px 39px 7px rgba(217, 10, 44, 1);
	-moz-box-shadow: 0px 0px 39px 7px rgba(217, 10, 44, 1);
	box-shadow: 0px 0px 39px 7px rgba(217, 10, 44, 1);
	text-decoration:none;
}

a.check-offer:hover
{
	transform:scale(1.2);
	font-weight:800;
}

.medium-font-store
{
	margin:30px;
	font-size:2.2rem;
	font-weight:bold;
	text-shadow: -9px 4px 6px rgba(203, 203, 209, 1);
}

.products-container
{
	display:flex;
	padding:30px;
	justify-content:center;
	margin-right:auto;
	margin-left:auto;
	flex-wrap:wrap;
}


.store-product
{
	width:200px;
	padding:15px;
	border-radius:15px;
	margin:25px;
}

.products-container a
{
	text-decoration:none;
	color:black;
}

.products-container a:hover
{
	color:#D90A2C;
}

.store-product img
{
	margin-left:auto;
	margin-right:auto;
	max-width:100%;
	max-height:100%;
}

.price
{
	text-decoration:underline;
	font-weight:bold;
	color:black;
}

.store-product:hover img
{
transform:scale(1.2);
transition:1s all ease-in-out;
}

/*login starts here*/
#loginpage
{
	height:100vh;
}

.inrow
{
	height:100vh;
	display:flex;
	justify-content:center;
	align-items:center;
	flex-wrap:wrap;

}

.fifty
{
	width:50%;
	text-align:center;
	min-width:500px;
}

.fifty a
{
	text-decoration:none;
}

.fifty a:hover
{
	text-decoration:underline;
	text-decoration-color: #CC0099	;
}

.fifty a:visited
{
	color: #CC0099	;
}

.register
{
	background-color:white;
	margin-left:auto;
	margin-right: auto;
	width:450px;
	text-align: center;
	padding:35px;
	border-radius:10px;
	-webkit-box-shadow: 0px 0px 8px 0px rgba(66, 68, 90, 0.61);
	-moz-box-shadow: 0px 0px 8px 0px rgba(66, 68, 90, 0.61);
	box-shadow: 0px 0px 8px 0px rgba(66, 68, 90, 0.61);

}

.text
{
	width:360px;
	height:40px;
	border: 1px #ccc solid;
	border-radius:5px;
	font-size:1rem;
}

input:focus
{
	outline: none !important;
    border:1px solid #D90A2C;
    box-shadow: 0 0 5px #D90A2C;
}

.button1
{
	width:360px;
	height:40px;
	background-color:#D90A2C;
	border:none;
	color:white;
	font-weight:700;
	font-size:1.3rem;
	border-radius:5px;
}

.button1:hover
{
	width:360px;
	height:40px;
	background-color:#D90A2C;
	border:none;
	color:white;
	font-weight:700;
	font-size:1.3rem;
	border-radius:5px;
	box-shadow: 0 0 10px #D90A2C;
	cursor:pointer;
}


.button2
{
	width:210px;
	height:40px;
	background-color:#4169E1;
	border:none;
	color:white;
	font-weight:700;
	font-size:1.1rem;
	border-radius:5px;
	padding:10px;

}

.fifty .button2:hover
{
	text-decoration:none;
	box-shadow: 0 0 10px #4169E1;
}

.fifty .button2:visited
{
	color:white;
}

.span
{
	color:#D90A2C;
}


.big
{
	font-size:1.5rem;
	font-weight:700;
}

.left
{
	display:flex;
	justify-content:left;
}

.logo-login
{
	font-size:4rem;
		text-shadow: -9px 4px 6px rgba(203, 203, 209, 1);
}
.purple-login
{
	color:#D90A2C;
	font-size:4rem;
}
.grey-login
{
	color:grey;
	font-size:3rem;
}

.infolog
{
	font-size:1.5rem;
	font-weight:800;
}

.errors
{
	color:red;
	font-size:0.8rem;
	font-weight:bold;
}