/* ==============================
   Imported Fonts
============================== */
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100..700;1,100..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cardo:ital,wght@0,400;0,700;1,400&display=swap');

/* ==============================
   Root Variables
============================== */
:root{
    --primary-font: "Josefin Sans", serif;
    --secondary-font: "Cardo", serif;
}

h1{
    float: left;
    width: 100%;
    text-align: center;
    font-family: var(--primary-font);
    font-size: 20pt;
    font-weight: 800;
    margin: 80px 0 20px;
}

.site-map-container{
    float: left;
    width: 100%;
    height: 75vh;
}

.site-map-container h2{
    float: left;
    width: 100%;
    text-align: center;
    font-family: var(--primary-font);
    font-size: 16pt;
    font-weight: 800;
    margin: 0px 0 20px;
    text-decoration: underline;
}

.site-map-container ul{
    float: left;
    width: calc(100% - 10%);
    margin: 0 5% 20px;
    list-style: none;
}

.site-map-container li{
    float: left;
    width: 100%;
    text-align: center;
    margin: 5px 0;
}

.site-map-container a{
    font-family: var(--primary-font);
    font-size: 14pt;
    text-decoration: none;
    color: #000;
    cursor: pointer;
}

.site-map-container a:hover{
    text-decoration: underline;
}

@media (min-width: 769px){
    .site-map-container{
        float: left;
        width: 100%;
        height: 75vh;
    }
    
}