body {
    color: rgb(68, 68, 68);
    margin-left: 10%;
    Margin-right: 10%;
    background-color: antiquewhite;
    font-size: 1.15em;
    font-family:"Trebuchet MS",sans-serif;
}

h1, h2, h3, h4, p.time, p.mission_title {
    font-family:Georgia,serif;
}

p.assignment {
    font-size: 1.05em;
    padding: .2em;
}

p.action {
    color: rgb(100, 100, 100);
    font-size: .9em;
}

img#clipboard {
    width: 100px;
    height: 133px;
    margin-bottom: .5em;
}

iframe {
    width: 700px;
    height: 400px;
}

img.group {
    width: 30vw;
    margin-right: 1em;
}

div.member {
    font-size: .65em;
    margin-bottom: .8em;
    margin-left: .4em;
    margin-right: .4em;
}

span.blue {
    font-size: 5em;
    margin-right: .25em;
    margin-bottom: 1em;
}

span.blue, span#bluefloat {
    float: right;
    margin-left: .25em;
}

span#bluefloat {
    width: .5em;
}

img.candle {
    width: 8em;
    height: 8em;
    padding-right: .6em;
}

h1, h2, h4, button, span.blue, span.blue3, p.time, a.inText:link, a.inText:visited, a.inText2:link, a.inText2:visited, a.cite:link, a.cite:visited {
    color: rgb(9, 12, 155);
}

h3, p.footer, p.mission_title, button#top, button#InGroups, a:link, a:visited  {
    color: rgb(255, 255, 255);
}

strong, th, p.line, a:hover, a:active, a.inText:hover, a.inText:active, a.inText2:hover, a.inText2:active, p.assignment, div.role p, a.cite:active, a.cite:hover {
    color: black;
}

h3, p.mission_title, button#InGroups, button#top {
    background-color: rgb(9, 12, 155);
}

footer, p.footer, header, a:link, a:visited, h3#footer-title {
    background-color: rgb(153, 116, 34);
}

button, a:hover, a:active {
    background-color: rgb(255, 255, 255);
}

a.inText:hover, a.inText:active, a.inText:link, a.inText:visited, a.cite {
    background-color: antiquewhite;
}

div.gray, div.role, div.outreachtext, div#form {
    background-color: rgba(100, 100, 100, 0.2);
}

p.assignment, div.logostics, p.time, p.mission, div.meeting, div.member, img.group, img.outreach, div.leftbox {
    background-color: rgba(153, 116, 34, .3);
}

a.inText2:link, a.inText2:visited, a.inText2:hover, a.inText2:active {
    background-color: transparent;
}

p strong, p.assignment, p.action {
    font-style:italic; 
}

h1, h2 {
    font-weight: 900;
}

h3, h4, a:link, a:visited, p.time, p.mission_title {
    font-weight: 600;
}

p.footer {
    font-size: small;
}

a.cite, p.cite {
    font-size: .3em;
}

p.mission_title {
    font-size: 1.3em;
}

span.blue3 {
    font-size: 2em;
}

a:link, a:visited, a:hover, a:active {
    text-decoration: none;
}

a.inText, a.inText2, a.cite {
    text-decoration: underline;
}

h3, div.logostics, div.leftbox, div.member, div#form {
    width: fit-content;
}

h2 {
    width: 5em;
}

h2#wider, h2#right2 {
    width: 6em;
}

div.nav {
    width: 20%;
}

div.nav2 {
    width: 33.333333%;
}

div.nav3 {
    width: 25%;
}

div.nav4 {
    width: 25%;
}

p.quote, p.footer {
    width: 100%;
}

div.role, div.outreachtext {
    margin-top: 2em;
    margin-bottom: 2em;
}

h3#attendance {
    margin-top: 2.5em;
}

li#attendance-end {
    margin-bottom: 3em;
}

p.footer, div.member p, img#clipboard {
    margin-top: .1em;
}

div.member h4 {
    margin-top: .3em;
}

div.member h4, div.member p, h3#attendance {
    margin-bottom: .1em;
}

h3#footer-title, p.noMargin, div.outreachtext p, p.mission, p.assignment {
    margin-top: 0em;
}

h3#footer-title, p.footer, p.mission, p.assignment, p.mission_title {
    margin-bottom: 0em;
}

div#form {
    margin-left : 0em;
    margin-right : 0em;
}

div#attendance-list {
    margin-left: 5%;
    margin-right: 5%;
}

div.nav4 div.logostics {
    margin-left: 5px;
    margin-right: 5px;
}

a:link, a:visited, a:hover, a:active {
    padding: .15em;
}

h3, p.time, p.mission_title {
    padding: .3em;
}

footer, th, td {
    padding: .4em;
}

div.role p, div.gray {
    padding: .5em;
}

div.member, div.leftbox, div.logostics {
    padding: .75em;
}

p.mission{
    padding: .8em;
}

div.gray {
    padding-top: 1px;
    padding-bottom: 1px;
}

div.outreachtext p {
    padding-left: 2.5em;
    padding-right: 2.5em;
    padding-bottom: 1.5em;
}

div.meeting {
    padding: 1em;
    padding-top: .001em;
}

h2, img.outreach, img.group {
    padding: .7em;
}

h2 {
    padding-top: 0em;
    padding-bottom: 0em;
}

div#pad {
    padding-bottom: .6em;
}

div.leftbox, div.logostics, img.outreach, img.group {
    border: dotted 2px rgb(68, 68, 68);
}

th, td {
    border: 2px solid rgb(3, 19, 160);
}

img.candle, span.blue  {
    float: left;
}

span.center, div.center, div.center2, footer, div.groups, header, div.nav3, div.nav4, div.member, div#pictext, div#CurrentMembers, div.logostics, div.big3 {
    display: flex;
}

div.center2, footer, div.member, div.logostics {
    flex-direction: column;
}

div#CurrentMembers {
    flex-direction: row;
    flex-wrap: wrap;
}

span.center, div.center, div.center2, footer, p.quote, p.mission, p.mission_title, div.member, div.logostics {
    text-align: center;
}

h2 {
    text-align: left;
}

h2#right, h2#right2 {
    text-align: right;
}

span.center, div.center, div.center2, div.nav3, div.nav4, div#CurrentMembers, div.big3 {
    justify-content: center;
}

li.noShow {
    list-style-type: none;
}

div#Sep4, div#Sep9, div#Oct2, div#Nov6, div#Jan21 {
    display: none;
}

@media screen and (orientation: portrait) {
    img.candle {
        width: 13em;
        height: 13em;
    }
}

@media (min-width: 1150px) {
    div.small2 {
        display: none;
    }
}

@media (max-width: 1149px) {
    div.big2 {
        display: none;
    }
}

@media (min-width: 1000px) {
    p.assignment {
        width: fit-content;
    }
    img.outreach {
        float: right;
        margin-left: 1.5em;
    }
} 

@media (max-width: 1000px) {
    img.outreach {
        width: 95%;
    }
    img.group {
        width: 90%;
        margin-right: 0em;
    }
    div#pictext {
        flex-direction: column;
    }
}

@media (min-width: 900px) {
    div.groups2 {
        display: flex;
    }
    div.sample {
        width: 50%;
    }
    div#left {
        margin-right: 5%;
    }
    div#right2 {
        margin-left: 5%;
    }
} 

@media (max-width: 875px) {
    iframe {
        width: 80vw;
    }
}

@media (max-width: 750px) {
    body {
        margin-left: 5%;
        margin-right: 5%;
        font-size: 1em;
    }
    iframe {
        width: 90vw;
    }
}

@media (min-width: 700px) {
    div.small {
        display: none;
    }
}

@media (max-width: 699px) {
    div.big {
        display: none;
    }
    img.Can, img.Talk {
        margin-right: 1em;
    }
    img.Books, img.CV {
        margin-left: 1em;
    }
}

@media (max-width: 575px) {
    div.nav, div.nav2, div.nav3 {
        font-size: .85em;
    }
    h2 {
        font-size: .9em;
    }
}

@media (max-width: 400px) {
    div.nav, div.nav2, div.nav3 {
        font-size: .65em;
    }
}