/*
==================================================================
TYPOGRAPHY
==================================================================
*/

html{
    font-family: sans-serif;
}

h1, h2, h3, h4, h5, h6, p {
    margin-bottom: 22px;
}

a {
    color: hsla(0, 0%, 100%, 1);
}

a:hover {
    color: hsla(2, 100%, 34%, 1);
}

small {
    font-size: 12px;
}

.jumbotext{
    margin: auto;
    text-align: center;
}

h1.jumbotext {
    color: white;
    font-family: 'Fredericka the Great', cursive;
    font-size: 4rem;
    position: relative;
    top: 20%;
}

h3.jumbotext {
    color: white;
    font-family: 'Arima Madurai', sans-serif;
    font-size: 1.5rem;
    position: relative;
    top: 70%;
}

/*
==================================================================
HEADER
==================================================================
*/

header {
    color: hsla(0, 0%, 100%, 1);
}

.logo {
    font: 100 2rem "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.nav ul {
    font: 100 16px "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: hsla(0, 0%, 100%, 1);
    text-transform: lowercase;
}

/*
==================================================================
FOOTER
==================================================================
*/
.primary-footer {
    color: hsla(0, 0%, 100%, 1);
}