/********************** Typo ************************* *
 *  1. Fonts
 *  2. Headlines
 *  3. General
*****************************************************/

/********************* 3. Headlines *********************/
h1, h2, h3, h4, h5, h6 {
    font-family: 'Outfit', sans-serif;
    font-weight: 700;
    color: var(--color-heading);
    line-height: 1;
    margin: 0 0 15px;
}
h1 {    
    font-size: 60px;     
}
h2{
    font-size: 40px;
}
h3 {
    font-size: 30px;
}
h4{    
    font-size: 24px;
}
h5 {    
    font-size: 20px;
}
h6{    
  	font-size: 16px;
}
h3, h4, h5, h6{
    line-height: 1.2667em;
}

/******************** 3. General ********************/
body{
    font-family: 'Outfit', sans-serif;    
    font-size: 16px;
    line-height: 1.3em;
    color: #3A3A3A;
    font-weight: 300;
}
ul, ol, dl, pre, address, fieldset, figure{
    margin: 0;
    line-height: 1.5;
}
strong {
    font-weight: 700;
}
p{
    margin-top: 0;
}
p:last-of-type{
    margin-bottom: 0;
}
a, a:hover,a:focus {
    text-decoration: none;
}
.font-80{
    font-size: 80px;
}
.font-55{
    font-size: 55px;
}
.font-22{
    font-size: 22px;
}
.font-14{
    font-size: 14px;
}
.font-13{
    font-size: 13px;
    line-height: 17px;
}
.font-12{
    font-size: 12px;
    line-height: 17px;
}
.font-weight-300{
    font-weight: 300;
}
.font-weight-500{
    font-weight: 500;
}
.font-weight-600{
    font-weight: 600;
}
.font-weight-700{
    font-weight: 700;
}
.font-weight-800{
    font-weight: 800;
}
.font-weight-900{
    font-weight: 900;
}

.text-uppercase{
    text-transform: uppercase;
}
.title-uppercase h2{
    text-transform: uppercase;
}