h1,h2,h3,h4{
	font-weight:normal;
}

.uppercase{ 
	text-transform:uppercase;
}

.f-thin{
	font-weight:100;
}

.f-extra-light{
	font-weight:200;
}

.f-light{
	font-weight:300;
}
.f-regular{
	font-weight:400;
}

.f-medium{
	font-weight:500;
}

.f-semi-bold{
	font-weight:600;
}

.f-bold{
	font-weight:700;
}

.f-extra-bold{
	font-weight:800;
}

.f-black{
	font-weight:900;
}



.slide-title {
  font-size: calc( 40px + (70 - 40) * (100vw - 520px) / (1920 - 520));
  font-weight:700;

}

@media screen and (max-width: 520px) {
  .slide-title {
    font-size:8vw;
  }
}

@media screen and (min-width:1920px){
	.slide-title{
		font-size:70px;
	}	
}


.slide-text{
	font-size: calc( 40px + (90 - 40) * (100vw - 520px) / (1920 - 520));
	/*font-size:4vw;*/
	
}

@media screen and (max-width: 520px) {
	
 .slide-text{
	font-size:8vw;
	}	
}

@media screen and (min-width:1920px){
.slide-text{
	font-size:90px;
	line-height: 85px;
}	

}


.slide-description{
	font-size: calc( 25px + (45 - 25) * (100vw - 520px) / (1920 - 520));
	/*font-size:2.5vw;	*/
}

@media screen and (max-width: 520px) {
 .slide-description{
	font-size:25px;
	}	
}

@media screen and (min-width:1920px){
	.slide-description{
		font-size:45px;
	}
}

.banner-title{
	font-size:25px;
}

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

@media screen and (max-width: 520px) {
	.section-title{
	font-size:25px;
}
	
}

.description{
	font-size:16px;
	line-height:26px;
}

.thumb-title{
	font-size: calc( 16px + (35 - 16) * (100vw - 520px) / (1920 - 520));
}

@media screen and (min-width:1720px){
.thumb-title{
font-size:30px;	

}
}

.tile-title{
	font-size: calc( 20px + (30 - 20) * (100vw - 520px) / (1920 - 520));
	font-weight:700;
}

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

	.tile-title{
		font-size:30px;		
	}

}

.animate-text{
	font-size: calc( 80px + (250 - 80) * (100vw - 520px) / (1920 - 520));	
}


@media screen and (max-width:520px){
	.animate-text{
	font-size:50px;
	}
}

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

	.animate-text{
		font-size:250px;		
	}

}