/*--GENERAL CSS--*/
*, *::before, *::after{box-sizing: border-box;}
html, body{font-size:62.5%; line-height:1.5; padding:0; margin:0;}
ul{margin:0; padding:0;}
li{list-style:none;}
img{max-width:100%; display:block;}
p, label{margin:0; padding:0;}
a, span{display:inline-block;}
a, a:hover{text-decoration:none;}
h1, h2, h3, h4, h5, h6{padding:0; margin:0; font-weight:normal;}
figure{margin:0;}
input:focus, button:focus, a:focus{outline:none;}
textarea:focus{outline:none;}
button{padding:0; border:0; margin:0; background:none;}

/*--Variables--*/
:root{
	
	/*Font Family*/
	--font-family:'Montserrat', sans-serif;
	--secondary-font:'Roboto', sans-serif;
	
	/*Font Size*/
	--h2:6rem;
	--h3:4.2rem;
	--h4:3rem;
	--h5:2.4rem;
	--h6:1.8rem;
	--body-font-size:1.6rem;
	
	/*Font Weight*/
	--fw-light:300;
	--fw-medium:500;
	--fw-semibold:600;
	--fw-bold:700;
	--fw-extrabold:800;
	--fw-black:900;

}
@media(max-width:1399px){
	:root{
		
	/*Font Size*/
	--h2:5.5rem;
	--h3:4rem;
	--h4:2.7rem;
	--h5:2.2rem;
	--h6:1.7rem;
	
	}		
}
@media(max-width:1199px){
	:root{
		
	/*Font Size*/
	--h2:5rem;
	--h3:3.7rem;
	--h4:2.5rem;
	--h5:2rem;
	--h6:1.6rem;
	--body-font-size:1.5rem;				
	
	}		
}
@media(max-width:991px){
	:root{
		
	/*Font Size*/
	--h2:4.5rem;
	--h3:3.5rem;
	--h4:2.3rem;
	--h5:1.8rem;
	
	}		
}
@media(max-width:767px){
	:root{
		
	/*Font Size*/
	--h2:4.2rem;
	--h3:3.3rem;
	--h4:2.1rem;
	--body-font-size:1.4rem;
	
	}		
}
@media(max-width:575px){
	:root{
		
	/*Font Size*/
	--h2:3.9rem;
	--h3:3.1rem;
	--h4:2rem;
	
	}		
}

/*--Font Weights--*/
.fw-light{font-weight:var(--fw-light);}
.fw-medium{font-weight:var(--fw-medium);}
.fw-semibold{font-weight:var(--fw-semibold);}
.fw-bold{font-weight:var(--fw-bold);}
.fw-extrabold{font-weight:var(--fw-extrabold);}
.fw-black{font-weight:var(--fw-black);}

/*--Headdings--*/
h1, .h1{font-size:var(--h1);}
h2, .h2{font-size:var(--h2);}
h3, .h3{font-size:var(--h3);}
h4, .h4{font-size:var(--h4);}
h5, .h5{font-size:var(--h5);}
h6, .h6{font-size:var(--h6);}

/*--Paragraph--*/
p{font-size:var(--body-font-size);}