/* FONT IMPORTS */
@font-face {
    font-family: "Roboto Black";
    src: url("../fonts/roboto/Roboto-Black.ttf");
}
@font-face {
    font-family: "Roboto Bold";
    src: url("../fonts/roboto/Roboto-Bold.ttf");
}
@font-face {
    font-family: "Roboto Medium";
    src: url("../fonts/roboto/Roboto-Medium.ttf");
}
@font-face {
    font-family: "Roboto Thin";
    src: url("../fonts/roboto/Roboto-Thin.ttf");
}
@font-face {
    font-family: "Roboto Regular";
    src: url("../fonts/roboto/Roboto-Regular.ttf");
}

@font-face {
    font-family: "NotoSans Black";
    src: url("../fonts/NotoSans/NotoSans-Black.ttf");
}
@font-face {
    font-family: "KumbhSans Bold";
    src: url("../fonts/KumbhSans/KumbhSans-Bold.ttf");
}

@font-face {
    font-family: "Just Sans Bold";
    src: url("../fonts/Just Sans/JUST Sans Bold.otf");
}
@font-face {
    font-family: "Just Sans ExtraBold";
    src: url("../fonts/Just Sans/JUST Sans ExBold.otf");
}
@font-face {
    font-family: "Just Sans ExtraLight";
    src: url("../fonts/Just Sans/JUST Sans ExLight.otf");
}
@font-face {
    font-family: "Just Sans Light";
    src: url("../fonts/Just Sans/JUST Sans Light.otf");
}
@font-face {
    font-family: "Just Sans Medium";
    src: url("../fonts/Just Sans/JUST Sans Medium.otf");
}
@font-face {
    font-family: "Just Sans Regular";
    src: url("../fonts/Just Sans/JUST Sans Regular.otf");
}
@font-face {
    font-family: "Just Sans SemiBold";
    src: url("../fonts/Just Sans/JUST Sans SemiBold.otf");
}

:root {
    --Primary-colour: #111111;
    --White-colour: #f1f1f1;
}

h1 {
    font-family: "Just Sans ExtraBold";
    font-size: 4.5rem;
    text-align: center;
}
h2 {
    font-family: "Just Sans ExtraBold";
    font-size: 4.5rem;
    text-align: center;
    color: #f1f1f1;
}
h3 {
    font-family: "Just Sans Bold";
    font-size: 2.5rem;
    text-align: center;
}
h4 {
    font-family: "Just Sans Regular";
    font-size: 1.2rem;
    text-align: center;
    color: #f1f1f1;
}

h5 {
    font-family: "Just Sans Medium";
    font-size: 1.2rem;
    letter-spacing: 0.04rem;
    line-height: 1.5;
    text-indent: 0.04rem;
    color: #cea0ff;
}

h6 {
    text-align: center;
    font-family: "Just Sans Regular";
    font-size: 0.6rem;
    color: var(--White-colour);
}

p {
    font-family: "Roboto Regular";
    font-size: 1.2rem;
    letter-spacing: 0.04rem;
    line-height: 1.5;
    text-indent: 0.04rem;
    color: #dcdcdc;
}

a {
    text-decoration: none;
    font-family: "Just Sans SemiBold";
    font-size: 1rem;
    color: var(--White-colour);
}

/* MEDIA QUERIES */
@media (max-width: 1500px) {

}

@media (max-width: 800px) {

}

@media (max-width: 600px) {
    h1, h2 {
        font-size: 4.0rem;
    }
    h4 {
        font-size: 0.95rem;
        letter-spacing: 0.1rem;
        text-indent: 0.1rem;
    }
}

@media (max-width: 400px) {
    h1, h2 {
        font-size: 3.7rem;
    }
    h4 {
        font-size: 0.85rem;
    }
}