ul, li {text-decoration: none; list-style-type: none; padding: 0px;}
a {text-decoration: none;}
.container { max-width: 900px; margin: auto; }

body {background-color: #b777cd; margin: 0px; padding: 0px; font-family: "Helvetica";}

#logo {
    width: 100px;
}
#logo-img { 
    width: auto;
    height: 75px;
}

.img-show img{ height: 200px; width: auto;} 


.main-link li {display: inline-block; margin-left: 50px;}

header > *{ }
header {background-color: #fef0ed; width: 100%; max-height: 75px; position: fixed; box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);}
header a {text-decoration: none; font-size: 18px; color: #0d0d0d;}
header a:hover {text-decoration: underline;}

main {color: #fff; font-size: large; padding-bottom: 30px; font-weight: 700; box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);}

.banner {padding: 0px 20px; text-align: center; min-height: 300px; padding-top: 100px; font-size: 25px; box-shadow: 0 3px 10px rgb(0 0 0 / 0.2); margin-bottom: 20px; background-color: #fef0ed; color: #444; background-image: url("/assets/bg.png"); background-size: cover; background-origin: content-box; background-repeat: no-repeat;}

.info-tiles { text-align: center; letter-spacing: 1px; }
.info-tiles > div { display: inline-block; vertical-align: text-top; padding: 10px; background-color: rgba(185, 68, 225, .4); border-radius: 10px; margin-right: 20px;}
.tile-half {width: 45%; margin-top: 30px; min-width: 400px;}
.info-tiles li { margin-top: 10px; font-weight: 700;}
h3 { font-size: 25px }

footer {padding: 40px; background-color: #fef0ed; padding-top: 20px;  padding-bottom: 20px; font-size: 18px; line-height: 1.5em; font-weight: 500; color: #3f3f3f}
footer > div {}

footer > * {margin-right: 30px;}

.inline-a > * { display: inline-block; vertical-align: bottom;}

.tile {margin-right: 35px; margin-top: 20px;}


h1 {color: #b944e1}
h3 {font-size: 24px; color: #c2cd91;}

.h4 {font-size: 24px; margin-bottom: 5px; color: #b944e1; font-weight: 700;}

.content {line-height: 1.6em; margin-top: 30px; background-color: #fef0ed !important; color: #b777cd !important; text-align: left; padding: 0px 30px 0px 30px !important; font-weight: 500;}

#hamb-close {display: none; right: 20px;}
#hamb {right: 20px;}
.mview {
    position: absolute;
    z-index: 1000;
    top: 0px;
    right: 0px;
}

.lav {color:#b777cd !important;}

@media screen and (min-width: 800px){
    #hamb {display: none !important;}
    #hamb-close {display: none !important;}
    .mview {display: none;}

    .main-link {
        width: inherit;
        position: inherit;
        display: inline-block !important;
    }
}

@media screen and (max-width: 800px){
    .content {
        margin: 20px;
    }
    nav {
        background-color: #fef0ed;
    }
    .main-link {
        width: 100%;
        position: absolute;
        background-color: #eee;
        top: -15px;
        display: none;
        padding-bottom: 20px;
        box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
    }
    .main-link li {
        margin-top: 15px;
        display: block;
        font-size: 1.5em;
        font-weight: 700;
    }

    .tile-half {
        width: auto !important;

    }
}