body {background-color: #40407A;color:#40407A; margin:0;font-family:Verdana,Arial,sans-serif;}
    #wrapper {background-color: #F5F5F5; padding:2em;} 
    #content {padding-top: 2em; padding-left: 10%;}
    #mathero{height:300px; background-image:url(yogamat.jpg); background-color: inherit; 
    background-repeat:no-repeat; display: none;}
    #loungehero{ height:300px; background-image: url(yogalounge.jpg); background-color: inherit;
    background-repeat: no-repeat; display: none;}
    h2{ margin:0;}
    header {background-image:url(sunrise.jpg); background-color: #40407A; color:#FFFFFF;
     background-size: 100% 100%; margin-top: 50px;font-size: 90%; min-height: 200px;}
    #home { padding-top: 2em; padding-left: 10%; }
    #flow {display: block;}
    nav {text-align:right; background-color: #FFFFFF; margin:0; padding-top: 0.5em; padding-bottom: 1em;
    padding-right: 0em; position:fixed; top:0; left:0; z-index: 9999; width:100%; height: auto;}
    nav a{text-decoration: none;}
    ul{ list-style-type: none; margin:0; padding-right: .5em; font-size: 1.2em;}
    nav li{ display: initial;padding-left: .5em;}
    nav a:link {color:#3F2860;}
    nav a:visited {color:#497777;}
    nav a:hover {color:#A26100;}
    header a{text-decoration: none;}
    header a:link{color:#FFFFFF;}
    header a:visited{color:#FFFFFF;}
    header a:hover{color:#EDF5F5;}
    footer {
    font-size:small;
    font-style:italic;
    text-align: center;
    clear:right;}
    li {font-size: 90%;}
    dd {font-size: 90%;}
    * {box-sizing: border-box; padding-left: .5em; padding-right: .5em;}
    table{border: #40407A solid 1px; margin-bottom: 1em; min-width: 400px; border-collapse:collapse;}
    td{padding: .5em; border: #40407A solid 1px;}
    th{padding: .5em; border: #40407A solid 1px;}
    tr:nth-of-type(even){background-color: #d7e8e9;}
    caption{margin: 1em; font:bold; font-size: 120%;}
    form{display: flex; flex-flow: column nowrap;}
    input, datalist textarea{margin-bottom: .5em;}
   
    @media (min-width:600px) {
        nav ul {display:  flex; flex-direction: row; flex-wrap:nowrap; justify-content: flex-end;}
        nav li {width: 7em;}
        #mathero {display: block; padding-bottom: 1em;}
        #loungehero {display: block; padding-bottom: 1em;}
        #flow {display: flex; flex-direction: row;}
        * {padding-left: 2em; padding-right: 2em;}
        form{width: 60%; max-width: 40em; display: grid;grid-gap: 1em;grid-template-columns: 9em, 1fr;grid-template-rows: auto; }
        input[type="submit"] {grid-column: 2/2; width: 9em;}
    }
    @media (min-width:1024px) {
        header {font-size: 120%;}
        nav {font: bold;}
        #home {padding-top: 5em; padding-left: 8em; }
        #content {padding-top: 2em; padding-left: 8em;}
        #wrapper {margin:auto; width:80%;}
    }


    /* -Path of Light Studio
    Author:Amanda Ramsey
    Date:4/27/2021/*