h1, h2, h3, h4, p{
color: #FFF; 
margin: 0;   
}


h1{
font-family: "Montserrat", sans-serif;
font-weight: bolder;
}

h2{
font-family: "Montserrat", sans-serif;
font-weight: bold;
}

h3{
font-family: "Poppins", sans-serif;
font-weight: medium;
}

h4{
font-family: "Poppins", sans-serif;
font-weight: lighter;
}

p{
font-family: "Poppins", sans-serif;
font-weight: normal;
}
    
a{
font-family: "Montserrat", sans-serif;
font-weight: bolder;
cursor: pointer;
}


.text-small{
font-size: 2vh; 
}

.text-medium{
font-size: 3vh; 
}

.text-large{
font-size: 4vh; 
}

.text-extlarge{
font-size: 5vh; 
}


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

    .text-small{
    font-size: 1.8vh; 
    }

    .text-medium{
    font-size: 2.5vh; 
    }

    .text-large{
    font-size: 3.5vh; 
    }

    .text-extlarge{
    font-size: 4vh; 
    }

}

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

    .text-small{
    font-size: 1.6vh; 
    }
    
    .text-medium{
    font-size: 2vh; 
    }
    
    .text-large{
    font-size: 3vh; 
    }
    
    .text-extlarge{
    font-size: 3vh; 
    }
    
}


.text-small-line{
line-height: 2.2vh;    
}


.text-up{
text-transform: uppercase;
}

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