@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,900;1,400&display=swap');
.vinylHomePage{
	padding: 0;
	margin: 0;
}
.vinylHomePage .section{background-color: #000 !important;}
.container-fluid{padding: 0;}
.absoluteContainer{position: absolute;}
.vinylHomePage .h2_heading{
	font-size: 4rem;
	letter-spacing: 2px;
	line-height: 1.1;
	margin-bottom: 10px;
	text-transform: uppercase;
	font-weight: 400;
	font-family: 'Montserrat', sans-serif;
}
.vinylHomePage .text{font-size: 2rem;letter-spacing: 1px;font-family: 'Montserrat', sans-serif;}
.homeSection{
	position: relative;
	left: 0;
	right: 0;
	margin: 0 auto;
	padding: 3rem 0;
	text-align: center;
	background: rgb(19,19,20);
	background: linear-gradient(90deg, rgba(19,19,20,1) 0%, rgba(17,17,18,1) 50%, rgba(10,10,10,1) 100%);
	overflow: hidden;
}
.homeSection .head-text{width: 42%;display: block;margin: 0 auto;text-align: center;}
.homeSection .disk{
	margin-top: -2%;
	margin-bottom: -32%;
	-webkit-animation-name: rotate;
  	-webkit-animation-duration: 7s;
  	-webkit-animation-iteration-count: infinite;
  	-webkit-animation-timing-function: linear;
}
.homeSection .disk-insider{
	position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: -28%;
    width: 21%;
}
.secondContainer{
	text-align: left;
	width: 50%;
	left: 45%;
	top: 30%;
	color: #fff;
}
.secondSection .vinyl_device{
	position: absolute;
	left: 8%;
	width: 32%;
	top: 9%;
}
.vinylHomePage .thirdSection{text-align: center;padding: 3rem 0;background-color: #fff !important;}
.artist-carousel{padding: 5rem 0;width: 80%;margin: 0 auto;}
.artist-carousel .owl-item img{
	width: 60%;
	padding-top: 8%;
	-webkit-filter: grayscale(100%) blur(0) !important;
    -moz-filter: grayscale(100%) blur(0) !important;
    -o-filter: grayscale(100%) blur(0) !important;
    -ms-filter: grayscale(100%) blur(0) !important;
    filter: grayscale(100%) blur(0) !important;
}
.artist-carousel .owl-item.active.center img{
	width: 85% !important;
	padding-top: 0%;
	-webkit-filter: grayscale(0%) blur(0) !important;
    -moz-filter: grayscale(0%) blur(0) !important;
    -o-filter: grayscale(0%) blur(0) !important;
    -ms-filter: grayscale(0%) blur(0) !important;
    filter: grayscale(0%) blur(0) !important;
}
.artist-carousel .owl-nav .owl-prev{left: -5%;font-size: 4rem;}
.artist-carousel .owl-nav .owl-next{right: -5%;font-size: 4rem;}

.fourthSection{position: relative;}
.fourthContainer{
	text-align: left;
	width: 30%;
	left: 20%;
	top: 30%;
	color: #fff;
}
.fourthSection .fourth-img{
	position: absolute;
	bottom: -1px;
	right: 0;
	width: 47%;
}
.fifthContainer{
	text-align: left;
	width: 35%;
	bottom: 10%;
	right: 0%;
	color: #fff;
}
.sixthContainer{
	text-align: center;
	width: 50%;
	bottom: 47%;
	right: 0%;
	left: 0;
	margin: 0 auto;
	color: #fff;
}
@-webkit-keyframes rotate {
	from { -webkit-transform:rotate(0deg); }
  	to { -webkit-transform:rotate(360deg); }
}
.seventhSection{margin-bottom: -5px;}
.seventhSection video{width: 100%;}

@media screen and (max-width: 767px){
	.vinylHomePage{overflow: hidden;}
	.section{position: relative;z-index: 5;}
	.section img{position: relative;}
	.homeSection .head-text {
	    width: 55%;
	}
	.homeSection .disk {
	    margin-top: -3%;
	    width: 50%;
	    margin-bottom: -40%;
	}
	.homeSection .disk-insider{
		bottom: -19%;
	}
	.vinylHomePage .h2_heading{font-size: 1.1rem;letter-spacing: 1px;}
	.vinylHomePage .text{font-size: 0.8rem;margin: 2px;line-height: 1.2;letter-spacing: 1px;}
	.artist-carousel{padding: 1.2rem 0;margin-bottom: 10px;height: 175px;}
	.artist-carousel .owl-item{margin-bottom: 3rem;}
	.carvaanPages .secondSection{margin-top: -7px;}
	.secondContainer{top: 33%}
	.secondSection .vinyl_device{
	    left: -5%;
	    width: 50%;
	    top: 15%;
	}
	.fourthContainer{
	    text-align: left;
	    width: 50%;
	    left: 4%;
	    top: 25%;
	    color: #fff;
	}
	.fifthContainer{
		width: 60%;
	}
	.sixthContainer{
	    width: 75%;
	    bottom: 40%;
	}
	.seventhSection video{width: 100%;}
}

@media screen and (min-width: 1680px){
	.vinylHomePage .h2_heading{font-size: 6.5rem;}
	.vinylHomePage .text{font-size: 2.5rem;margin: 2px;line-height: 1.2;}
	.sixthContainer{width: 60%;}
}