* {
    margin: 0;
    padding: 0;
    /* box-sizing: border-box; */
}


.nav_link a:link {
    text-decoration: none;  
    font-weight: bold; 
    color: rgb(27, 12, 142);
}

.nav_link a:active {
    color: rgb(27, 12, 142);
}

.nav_link {
    list-style: none;
}

.navbar{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px;
    background-color: rgb(255, 255, 255);
    color: #fff;
    
}

.nav_logo
{
    width: 150px;
}

.menu
{
    display: flex;
    gap: 1em;
    font-size: 18px;

}
.menu .nav_link a:hover
{
    color: rgb(255, 255, 255);
    font-weight: bold;
    background-color: rgb(97, 189, 243);
    
}
.menu .nav_link a:link 
{
    padding: 10px 15px 10px 15px; /*top right bot left*/
}
.menu .nav_link
{
    padding-top: 5px;
}
input[type=checkbox]
{
    display: none;
}
.hamburger_menu
{
    display: none;
    font-size: 24px;
    user-select: none;
    color: rgb(27, 12, 142);
}

@media (max-width: 768px)
{
    .menu {
        display: none;
        position: absolute;
        right: 0;
        left: 0;
        text-align: center;
        padding: 16px 0;
        z-index: 100; 
        overflow: hidden;
    }
    .menu .nav_link a:hover {
        font-weight: bolder;

    }
    input[type=checkbox]:checked ~ .menu
    {
        display: block;
        /* background-color: rgb(170, 204, 204); */
    }
    .hamburger_menu
    {
        position: absolute;
        text-align: center;
        padding: 5px;
        font-size: 30px;
        width: 30px;
        display: block;
        right: 55px;
        top:25px;
        /* background-color: red; */
    }
    .hamburger_menu:hover
    {
        font-weight: bold;
        text-shadow: 1px 1px 10px rgb(137, 220, 255);
    }
    .menu .nav_link a
    {
        position: relative;
        border-top:1px solid grey;
        border-left: 1px solid grey;
        background-color: rgb(255, 255, 255);
        width: 100%;
        margin-bottom: -10px;
        margin-left: -14px;
        font-weight: 15px;
        display: inline-block;
        font-size: 25px;
        padding:20px
    }
    .menu:last-child
    {
        border-bottom: 1px solid grey;
    }
    .menu
    {
        /* background-color: red; */
        padding:10px 0px 5px 0px;
    }
}

.footer {
	width: 100%;
	height: 5rem; 
	/* overflow: hidden;  */
	background-color: white;
	box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
}.contentimage {
    width: 100%;
    height: auto;
    user-select: none;
    pointer-events: none;
}
.galleryimage {
    height: 100%;
    width: 100%;
}.banner {
    width: 100%; 
    margin-bottom: 50px;    
    padding: 0;
    /* margin: 0; */
    overflow-x: hidden; 
    /* border: solid black; 
    background-color: lightblue;  */
}

@media (max-width: 768px)
{

    
}.container {
	margin: 2%;
	padding: 20px; 
	/* border: solid; */
	/* border-color: black;  */
	background-color: ghostwhite;
	display: flex;
	flex-flow: row wrap;
	flex-wrap: wrap;
	justify-content: space-between; 
	align-items: stretch;
	align-content: stretch;
	row-gap: 20px;
	column-gap: 1%; 
}.containerCol {
	margin: 2%;
	padding: 20px; 
	/* border: solid; */
	/* border-color: black;  */
	background-color: ghostwhite;
	display: flex; 
	flex-flow: row wrap;
	flex-wrap: nowrap;
	justify-content: space-between; 
	align-items: stretch;
	align-content: stretch;
	row-gap: 20px;
	column-gap: 1%; 
}

@media (max-width: 1300px)
{
	.containerCol {
    	flex-wrap: wrap;
	}
}.article {
	color: black;
    padding: 20px; 
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
	background-color: white;
	font-size: 20px;
	width: 100%;
}

@media (max-width: 1000px)
{
	.article {
    	margin-left: 0px;
		margin-right: 0px; 
	}
}.articleCol{

	color: black;
	width: 100%;
	/* /* margin-left: 200px; */
	/* margin-right: 0px; */
	padding: 20px; 
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
	background-color: white;
	font-size: 20px;
}

@media (max-width: 1000px)
{
	.articleCol {
    	margin-left: 0px;
		margin-right: 0px;
	}
}.centeredimagearticle {
	color: black;
    padding: 20px; 
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
	background-color: white;
	font-size: 20px;
	width: 50%;
    margin-left: 25%;
}

@media (max-width: 1000px)
{
	.articleCol {
    	margin-left: 0px;
		margin-right: 0px;
	}
}.profileCard {
    background-color: white;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    padding: 20px; 
    flex: 1 1 80px;
}

.profile-img {
    height: 250px;
    width: 250px; 
}

.profile-caption {
    padding: 10px; 
}.profileContainer {
    display: flex; 
    flex-flow: row wrap; 
    justify-content: space-evenly; 
    align-items: stretch; 
    background-color: ghostwhite;
    margin: 2%; 
    row-gap: 20px;
	column-gap: 1%; 
    padding: 20px;
}:root{--sc-color-rgb-light-50p:rgba(93, 93, 93, 0.5);--sc-color-rgb-light:#5d5d5d;--sc-color-hex-dark-50p:rgba(30, 30, 30, 0.5);--sc-color-hex-dark:#1e1e1e}.sc-carousel__carousel-container.svelte-uwo0yk{display:flex;width:100%;flex-direction:column;align-items:center}.sc-carousel__content-container.svelte-uwo0yk{position:relative;display:flex;width:100%}.sc-carousel__pages-window.svelte-uwo0yk{flex:1;display:flex;overflow:hidden;box-sizing:border-box;position:relative}.sc-carousel__pages-container.svelte-uwo0yk{width:100%;display:flex;transition-property:transform}.sc-carousel__arrow-container.svelte-uwo0yk{padding:5px;box-sizing:border-box;display:flex;align-items:center;justify-content:center}.sc-carousel-progress__container.svelte-uwo0yk{width:100%;height:5px;background-color:var(--sc-color-rgb-light-50p);position:absolute;bottom:0}.sc-carousel-button{all:unset;cursor:pointer}.sc-carousel-button:focus{outline:5px auto}.img-container {
    position: relative;
    height: 500px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    user-select: none;
}
.img-container > img {
    height: auto;
    width: 100%;
    pointer-events: none;
}

.img-container > p {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.caption {
    position: absolute; 
    left: 0;
    height: 100%; 
    width: 50%;
    overflow: hidden;
    padding: 2%;
    padding-top: 5%;
    font-size: 200%;
    font-weight: bold;
    color: white;
    background-image: linear-gradient(to right, black, rgba(0, 0, 0, 0.869), rgba(0, 0, 0, 0.686), rgba(128, 128, 128, 0));
}.sc-carousel-dots__container.svelte-1oj5bge{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;padding:0 30px}.sc-carousel-dots__dot-container.svelte-1oj5bge{height:calc(var(--sc-dot-size) + 14px);width:calc(var(--sc-dot-size) + 10px);display:flex;align-items:center;justify-content:center}:root{--sc-arrow-size:2px}.sc-carousel-arrow__circle.svelte-9ztt4p{width:20px;height:20px;border-radius:50%;background-color:var(--sc-color-rgb-light-50p);display:flex;align-items:center;justify-content:center;transition:opacity 100ms ease;cursor:pointer;-webkit-tap-highlight-color:transparent}.sc-carousel-arrow__circle.svelte-9ztt4p:hover{opacity:0.9}.sc-carousel-arrow__arrow.svelte-9ztt4p{border:solid var(--sc-color-hex-dark);border-width:0 var(--sc-arrow-size) var(--sc-arrow-size) 0;padding:var(--sc-arrow-size);position:relative}.sc-carousel-arrow__arrow-next.svelte-9ztt4p{transform:rotate(-45deg);left:calc(var(--sc-arrow-size) / -2)}.sc-carousel-arrow__arrow-prev.svelte-9ztt4p{transform:rotate(135deg);right:calc(var(--sc-arrow-size) / -2)}.sc-carousel-arrow__circle_disabled.svelte-9ztt4p,.sc-carousel-arrow__circle_disabled.svelte-9ztt4p:hover{opacity:0.5}.sc-carousel-progress__indicator.svelte-nuyenl{height:100%;background-color:var(--sc-color-hex-dark-50p)}:root{--sc-dot-size:6px;--sc-active-dot-size:8px;--sc-dot-size-animation-time:250ms}.sc-carousel-dot__dot.svelte-yu7247{background-color:var(--sc-color-rgb-light);border-radius:50%;display:inline-block;opacity:0.5;transition:opacity 100ms ease,
      height var(--sc-dot-size-animation-time) ease,
      width var(--sc-dot-size-animation-time) ease;cursor:pointer;-webkit-tap-highlight-color:transparent;height:var(--sc-dot-size);width:var(--sc-dot-size)}.sc-carousel-dot__dot.svelte-yu7247:hover{opacity:0.9}.sc-carousel-dot__dot_active.svelte-yu7247{opacity:0.7;height:var(--sc-active-dot-size);width:var(--sc-active-dot-size)}