body {
    display:flex;
    background-color:white;
    color:#939598;
    font-family:arial;
    flex-direction:column;
}

#logo {
    height:100px;
}

nav>ul {
    display:flex;
    justify-content: space-around;
    background-color: white;
    color: #afd46b;
    padding-bottom:12px;
    flex-wrap:wrap;
    list-style-type:none;
}

h1 {
    padding-top:12px;
    color: #00b0a3;
}

nav>ul>li {
    display: flex;
    align-items: flex-end;
}

nav>ul>li>a {
    font-size: 1em;
    padding:6px;
    text-decoration: none;
    color: #afd46b;
    font-weight:bold;
}

nav>ul>li>a:hover {
    background-color: #afd46b;
    color: #00b0a3;
}

footer.custom-footer {
    display:flex;
    align-items:flex-end;
    justify-content:center;
    background-color: white;
}

footer>p {
    text-align:center;
}

a.link {
    color: #afd46b;
    text-decoration: underline;
}

img.full-width {
    width: 100%;
}

ul {
    margin-block-start: 0;
    margin-block-end: 0;
}

div.main-text {
    padding-left: 80px;
    padding-bottom: 48px;
}

h2 {
    color: #00b0a3;
}

form submit {
    margin-top:1em;
}

a.button {
    background-color:#00b0a3;
    color:#afd46b;
    font-weight:bold;
    font-size:16px;
    padding:12px;
    text-align:center;
    text-decoration:none;
}

form {
    display:flex;
    padding:12px;
    flex-direction:column;
}

form label {
    flex:1;
    font-weight:bold;
}

form input {
    flex:2;
    background-color: #afd46b;
    color: #00b0a3;
    border:none;
    padding:6px;
    margin-bottom:12px;
    border-radius: .5rem;
}

form select {
    flex:2;
    background-color: #afd46b;
    border:none;
    padding:6px;
    color: #00b0a3;
    margin-bottom:12px;
}

.form-select  {
    flex:2;
    background-color: #afd46b;
    border:none;
    padding:6px;
    color: #00b0a3;
    margin-bottom:12px;
}

.form-check-input:checked {
    background-color: #afd46b;
    border-color: #afd46b;
}

form button {
    background-color: white;
    color:#afd46b;
    font-weight:bold;
    font-size:1em;
    padding:12px;
    text-align:center;
    text-decoration:none;
    border:none;
}

.btn-bd-primary {
    --bs-btn-font-weight: 600;
    --bs-btn-color: #00b0a3;
    --bs-btn-bg: #afd46b;
    --bs-btn-border-color: #afd46b;
    --bs-btn-border-radius: .5rem;
    --bs-btn-hover-color: #afd46b;
    --bs-btn-hover-bg: #00b0a3;
    --bs-btn-hover-border-color: #00b0a3;
    --bs-btn-focus-shadow-rgb: #00b0a3;
    --bs-btn-active-color: #00b0a3;
    --bs-btn-active-bg: #afd46b;
    --bs-btn-active-border-color: #afd46b;
}

div.alert {
    color: #b94a48;
    background-color: #f2dede;
    border-color: #eed3d7;
}

section.gallery {
    display:table;
}

section.gallery ul {
    display:flex;
    list-style: none;
}

section.gallery ul:first-child {
    padding-left:0;
}

section.gallery ul li {
    padding:2px;
}

div.gallery a img {
    margin:2px;
    background-color:#ffffff;
    height:200px;
    width:300px;
}

div.gallery {
    height:300px;
}

div.caption {
    height:100px;
    width:300px;
    text-align:center;
}

::placeholder {
    color: #00b0a3;
    font-style: italic;
}

div.container {
    padding-bottom: 3rem;
}

fieldset {
    border:none;
    padding:0;
}