@font-face {
  font-family: PoppinsSemiBold;
  src: url(../fonts/Poppins-SemiBold.ttf);
}

@font-face {
  font-family: PoppinsMedium;
  src: url(../fonts/Poppins-Medium.ttf);
}


@font-face {
  font-family: ItcAvant;
  src: url(../fonts/itc-avant-garde-gothic-std-book.otf);
}

html,
body {
    overflow: hidden;
    overflow-y: auto;
    position: relative;
    height: 100%;
}

video::-webkit-media-controls-panel {
  // Your styling here
  background-image: linear-gradient(transparent, transparent) !important; //Transparent for your case

}

.section{
	min-height: 100vh;
	position: relative;

}

.margin-top-30{
	margin-top: 30px !important;
}

.margin-top-15{
	margin-top: 15px !important;
}

.margin-top-60{
	margin-top: 60px !important;
}


.margin-bottom-30{
	margin-bottom: 30px !important;
}

.margin-bottom-15{
	margin-bottom: 15px !important;
}

.margin-bottom-60{
	margin-bottom: 60px !important;
}

.blue-background{
	background-color: #0062FF !important;
}

.yellow-background {
	background-color: #FFC542;
}

.black-color{
	color: #333333;
}

.white-color{
	color: #FFFFFF;
}

.heading{
	font-family: PoppinsSemiBold, sans-serif;
	font-size: 40px;
	margin: 0px;
}


.description{
	font-family: PoppinsMedium, sans-serif;
	font-size: 16px;
	margin: 0px;

}

.intro-detail,
.intro-art{
	border: 1px solid black;
	height: 100vh
}

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

.features-art-app:focus {
	outline: none;
}


@media screen and (max-width: 767px) {
/*@media (min-width: 300px){*/
	.section{
		min-height: auto;
	}
	.heading{
		font-size: 32px;
	}

	.features-header-content{
		max-width: 300px;
	}

	.feature-set-content{
		margin-top: 30px;
	}

	.feature-set-art-elements{
		margin-top: 30px;
		margin-bottom: 30px;
	}
	.team-art{
		height: 546px;
		margin-top: 30px;
	}

	

	.footer-logo{
		text-align: center;
		margin-bottom: 30px;
	}

	.navbar-button {

		padding: .5rem 1rem;
	}

	.nav-text-item {
	    margin-right: 10px;
	    border: 0px solid #eaeaea;
	}


}

@media (min-width: 768px){
	.section{
		min-height: 100vh;
	}
	.heading{
		font-size: 40px;
	}

	.features-header-content{
		max-width: 570px;
	}

	.feature-set-content{
		margin-top: 0px;
		min-height: 100vh;
	}
	.feature-set-art{
		min-height: 100vh;
		margin: 0px;
	}

	.team-art{
		height: 100%;
	}

}

@media (max-width: 403px){
	.getting-started-submit{
		margin-top: 15px;
	}	
}

.borderX{
	border: 1px solid black;
}