/* generic stylesheet for fonts and colors */

/* Headers Styles */
h1,h2,h3,h4,h5,h6 {
    font-weight: normal;
    font-style: normal;
    line-height: normal;
    padding:0;
    margin:0;
    font-size:14px;font-size:1.4rem;
    line-height:1.45rem;
    color: #333;
}

h1, .h1 {
    font-family: OptimaLTStd-Medium,sans-serif;
    font-size: 135px;
    line-height: 141.42px;
    letter-spacing: 1.35px;
    color: #FFFFFF;
}

h2, .h2 {
    font-family: "quasimoda",sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 30px;
    line-height: normal;
    letter-spacing: 7.56px;
    text-transform: uppercase;
}

h3, .h3 {
    font-family: "quasimoda",sans-serif;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: 0.9px;
    text-transform: uppercase;
    color: #333333;
}

h4, .h4 {
    font-family: "quasimoda",sans-serif;
    font-style: normal;
    font-size: 14px;
    letter-spacing: 1.4px;
    color: #1A1A1A;
}

h5, .h5 {
    font-family: "quasimoda",sans-serif;
    font-size: 15px;
    line-height: normal;
    letter-spacing: normal;
    color: #808080;
}

/* Paragraph Styles */
.p1 {
    font-family: "quasimoda",sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 25px;
    line-height: 53px;
    letter-spacing: normal;
}

.p2 {
    font-family: "quasimoda",sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 30px; 
    letter-spacing: normal;
}
.p3 {
    font-family: "quasimoda",sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 17px;
    line-height: 30px; 
    letter-spacing: normal;
}

/* Foreground Colors */
.fgwhite{color:white;}
.fgblack{color:black;}

.fgDarkGray {
    color: #1c1c1c;
}

.fgLighGray {
    color: #A3A3A3;
}
.fgLighGray2 {
    color: #595959;
}

.fgGray {
    color: #333333;
}

.fgRed {
    color: #FF0000;
}

/* Background Colors */
.bgwhite{background-color:white;}
.bgblack{background-color:black;}

.bgDarkGray {
   background-color: #1c1c1c;
}

.bgLighGray {
    background-color: #A3A3A3;
}
.bgLighGray2 {
    background-color: #595959;
}

.bgGray {
    background-color: #333333;
}

#bgRed {
    background-color: #FF0000;
}




/*GRADIENTS*/
.blackPhotoOverlay {
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.7) 0.11%, rgba(0, 0, 0, 0.8) 100%);
}




/*https://websemantics.uk/tools/responsive-font-calculator/*/
@media (min-width: 320px) {
    h1, .h1 {
        font-size: calc(3rem + ((1vw - 3.2px) * 3.2143));
        line-height: calc(3.5rem + ((1vw - 3.2px) * 3.1438));
    }
    h2, .h2 {
        font-size: calc(1.125rem + ((1vw - 3.2px) * 0.8036));
        letter-spacing: calc(0.125rem + ((1vw - 3.2px) * 0.2482));
    }
    h3, .h3 {
        font-size: calc(1.125rem + ((1vw - 3.2px) * 0));
    }
    h4, .h4 {
        font-size: calc(0.875rem + ((1vw - 3.2px) * 0));
    }
    h5, .h5 {
        font-size: calc(0.75rem + ((1vw - 3.2px) * 0.1339));
    }
    
    .p1 {
        font-size: calc(1rem + ((1vw - 3.2px) * 0.4018));
        line-height: calc(1.25rem + ((1vw - 3.2px) * 0.8929));
    }
    .p2 {
        font-size: calc(0.875rem + ((1vw - 3.2px) * 0.2679));
        line-height: calc(1.25rem + ((1vw - 3.2px) * 0.4464));
        
    }
    .p2 {
        /*font-size: calc(0.75rem + ((1vw - 3.2px) * 0.3571));*/
        font-size: calc(0.875rem + ((1vw - 3.2px) * 0.2679));
        line-height: calc(1.25rem + ((1vw - 3.2px) * 0.4464));
    }
    .p3 {
        font-size: calc(0.75rem + ((1vw - 3.2px) * 0.2232));
        line-height: calc(1.25rem + ((1vw - 3.2px) * 0.4464));
    }
}

@media (min-width: 2560px) {
    h1, .h1 {
        font-size: 120px;
        line-height: 126.42px;
    }
    h2, .h2 {
        font-size: 30px;
        letter-spacing: 7.56px;
    }
    h3, .h3 {
        font-size: 18px;
    }
    h4, .h4 {
        font-size: 14px;
    }
    h5, .h5 {
        font-size: 15px;
    }
    
    .p1 {
        font-size: 25px;
        line-height: 40px;
    }
    .p2 {
        font-size: 20px;
        line-height: 30px;
    }
    .p3 {
        font-size: 17px;
        line-height: 30px;
    }
    
}

@media (max-width: 479px) {
    h1,.h1 {
        letter-spacing: 0px;
    }
}