/* Menu Styles */

#menu{display:-webkit-flex;display:flex;-webkit-justify-content:space-around; justify-content: space-around:none; }
#menu a:link{width:100%; padding:10px; background:#ddebec;}
#menu a:hover, #menu a:focus{opacity:0.7}
input[name="nmenu"], 
input[name="nmenu"] + label {display: none;}

input[name="nmenu"]:checked + label + #menu,
input[name="nmenu"]:not(:checked) + label + #menu {display: -webkit-flex; display: flex;}

#header{text-align: center; font-family:fantasy; font-size: 100px}
#pagename{border-style: solid; border-color: #dce22f;border-width:5px; text-align: center; font-size: 75px}
#pagesubname{border-style: solid; border-color: #f18d8d;border-width:5px; text-align: center; font-size: 75px; margin-left: 150px; margin-right:150px}
body{background-color: #ddebec; margin-right: 125px; margin-left:125px}
#artdesc{font-size: 22px; font-family: sans-serif; line-height: 50px}
#homewrap{font-size: 22px; font-family: sans-serif; line-height: 50px}
#studentscorner{font-size: 22px; font-family: sans-serif; line-height: 50px}
#coihome1{float:right}
#coihome2{float:right}
footer{text-align: center;}

section{-webkit-flex-wrap;flex-wrap:}

#list {text-align: center; :}
#year {text-align: left;}

#aboutimg{float:left;margin: 30px}
#aboutp{font-size: 18px; font-family: sans-serif; line-height: 50px}
#h3about{font-size: 40px; font-family: sans-serif;}
#biop{font-size: 18px; font-family: sans-serif; line-height: 50px}
#folkart{float:right;}
#artabout{font-size: 22px; font-family: sans-serif; line-height: 50px}
#contact{text-align: left;}
#addinfo{text-align: right;}


@media (max-width:700px) {
    #menu {
        -webkit-flex-flow:column;
        flex-flow:column;
    }
    input[name="nmenu"] + label {display: block; position: absolute; right: 0; top:0;}
    input[name="nmenu"]:not(:checked) + label + #menu {display: none;}
}