body {
    /* font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif; */
	font-family: RosehillFont, sans-serif;
    margin: 0;
}

h1 {
    font-family: 'RosehillFont-Bold';
    font-size: 2rem;
}

a {
	color: white;
}

a:hover {
	color: #EAEAEA;
}

@media screen and (max-width: 600px) {
    h1 {
        font-size: 1rem;
    }
}

a {
	font-family: 'RosehillFont-Bold';
    text-decoration: none;
    color: white;
}

.logo-text {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 1rem;
    color: white;
}

@media screen and (max-width: 325px) {
    .logo-text {
        font-size: .75rem;
    }


}

img.logo-text {
	display: block;
    width: 20vw;
	margin-left: auto;
	margin-right: auto;
}

ul {
    list-style-type: none;
    padding-left: 0;
}

img,
picture,
video {
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%;
}

.light_theme {
    background: #EAEAEA;
}

.dark_theme {
	background: black;
}

.container {
    height: 100vh;
    display: grid;
    grid-template-rows: auto 1fr auto;
    grid-template-columns: 1fr;
    grid-template-areas:
        "Header"
        "Main"
        "Footer";
}


.container-body {
    grid-area: Main;
    overflow: auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

    .container-body-text {
        order: 1;
    }

    .container-body-links {
        order: 4;
    }

    .container-body-overlaid-image {
        order: 2;
    }

    .container-body-covered-image {
        order: 3;
    }

    .container-body-left-image {
        order: 5;
    }

    .container-bottom-right-image {
        order: 6;
    }

@media screen and (min-width: 825px) {
    .container-body {
        grid-area: Main;
        display: grid;
        grid-template-columns: 1.6% 3.4% 28.6% 3.6% 7.5% 9% 14.3% 1% 1fr 3fr;
        grid-template-rows: 1fr 2fr 2fr 2fr 1fr 2fr 4fr;
        gap: 0px 0px;
        grid-auto-flow: row;
        grid-template-areas:
            ". . . . . . . . . ."
            ". . . . . . . . . ."
            ". . . . . . . . . ."
            ". . . . . . . . . ."
            ". . . . . . . . . ."
            ". . . . . . . . . ."
            ". . . . . . . . . .";
    }


    .container-body-text {
        grid-column: 3/5;
        grid-row: 2/4;
		color: white;
    }

    .container-body-links {
        grid-column: 4/7;
        grid-row: 5/7;
    }

    .container-body-overlaid-image {
        position: relative;
        z-index: 2;
        grid-column: 7/10;
        grid-row: 2/5;
    }

    .container-body-covered-image {
        position: relative;
        z-index: 1;
        grid-row: 3/7;
        grid-column: 9/11;
        overflow: hidden;
    }

    .container-body-left-image {
        max-width: 50%;
        grid-row: 6/8;
        grid-column: 2/4;
    }

    .container-bottom-right-image {
        max-width: 48%;
        grid-row: 7/8;
        grid-column: 9/11;
    }
}



.container-header {
    position: sticky;

    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;
    align-content: flex-start;
    justify-content: space-between;
	padding-right: .5em;
	padding-left: .5em;
    grid-area: Header;
    background-color: #8878FF;
}

/*
.container-header-logo {
    order: 1;
    flex-shrink: 0;
    flex-grow: 2;
    align-content: center;
}
*/
.container-footer {
    grid-area: Footer;
    background-size: cover;
    background-repeat: no-repeat;
    /*background-image: url("Images/Forest_Camps.png"); */
}

.container-header-text {
    /*
    order: 2;
    flex-shrink: 1;
    */
    color: white;
    /*
    text-align: right;
    */
}

/*
.container_body-text {
    order: 1;
    flex-shrink: 2;
}

.container_body-links {
    order: 2;
    flex-shrink: 1;
}
*/


@font-face {
    font-family: 'RosehillFont';
    font-style: normal;
    font-weight: 400;
    src: local('Exo2-variable'), url('Fonts/Exo2[wght].woff2') format('woff');
}

@font-face {
    font-family: 'RosehillFont-Bold';
    font-style: normal;
    font-weight: 700;
    src: local('Exo2-variable'), url('Fonts/Exo2[wght].woff2') format('woff');
}
/*
.exo-2-RosehillFont-regular {
  font-family: "Exo 2", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.exo-2-RosehillFont-bold {
  font-family: "Exo 2", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}
*/