*{box-sizing:border-box;outline:none}html,body,#wrap{position:relative;padding:0;margin:0;height:100%;width:100%}html,body{font-family:Roboto, sans-serif;font-size:16px}body{background-image:url("../img/bg01.jpg");background-color:#055c57;background-attachment:fixed;background-position:bottom;background-repeat:no-repeat;background-size:cover}a{color:steelblue;text-decoration:none}a:hover{color:orangered;text-decoration:underline}input,button,textarea{font-size:inherit;font-family:inherit;padding:0.25rem 0.5rem;border:none;border-radius:0.35rem}button{background-color:#ddd;cursor:pointer}button:hover{background-color:#d0d0d0}pre,code{font-family:Consolas, monospace;font-size:95%}.wrap,#wrap>header>div,#wrap>nav div,#wrap>footer>div:nth-child(1),#wrap>footer>div:nth-child(3),#wrap>main{max-width:1080px;margin:auto;width:100%}#wrap{display:flex;flex-direction:column;min-width:300px}#wrap>header{background-color:gainsboro;position:fixed;z-index:1000;top:0;width:100%}#wrap>header>div{display:flex;flex-wrap:wrap;flex-direction:column}#wrap>header>div>div{cursor:pointer;display:flex;align-items:center;padding:0.25rem 0.5rem;flex-grow:1}#wrap>header>div>div a:first-child{font-size:2rem;color:#888;padding-right:1rem}#wrap>header>div>div img{display:block;width:4rem;height:auto;margin-right:0.5rem}#wrap>header>div>div h1{font-family:Comfortaa, sans-serif;font-size:2rem;text-align:center;margin:0;color:#000;font-weight:bold}#wrap>header>div>div small{display:block;text-align:center;font-size:0.8rem}#wrap>header>div form{display:flex;align-items:center;padding:1rem;background-color:#aaa}#wrap>header>div form input,#wrap>header>div form button{padding:0.35rem;background-color:#fff}#wrap>header>div form input{flex-grow:1;padding:0.35rem 0.5rem;border-radius:0.35rem 0 0 0.35rem}#wrap>header>div form button{border-radius:0 0.35rem 0.35rem 0;color:#888}#wrap>nav{display:none;background-color:rgba(0, 0, 0, 0.5);position:fixed;top:4.5rem;left:0;width:100%;height:100%;font-family:Comfortaa, sans-serif;z-index:1000}#wrap>nav div{position:absolute;top:0;width:220px;display:flex;flex-direction:column;background-color:#000;border-bottom-right-radius:0.5rem}#wrap>nav div a{color:#fff;padding:1rem;border-bottom:1px dotted grey;text-decoration:none;display:flex;align-items:center;font-size:1.1rem}#wrap>nav div a i{font-size:1.25rem}#wrap>nav div a:hover{background-color:#333}#wrap>nav div a span{padding-left:0.5rem}#wrap>nav div a:last-child{margin-top:2px;border-top:1px dotted grey;border-bottom:none;border-bottom-right-radius:0.5rem}#wrap>nav div a:last-child img{display:block;width:1.25rem;height:1.25rem;border-radius:50%}#wrap>footer{background-color:#000;color:#fff}#wrap>footer>div:nth-child(1){display:flex;align-items:center;justify-content:space-between}#wrap>footer>div:nth-child(1)>a{font-size:1.5rem;padding:0.5rem;color:#fff}#wrap>footer>div:nth-child(1):hover{color:#ccc}#wrap>footer>div:nth-child(1) div{text-align:center;padding:0.5rem;line-height:1.3}#wrap>footer>div:nth-child(1) div span{display:block}#wrap>footer>hr{margin:0;border:none;border-top:5px dotted #333}#wrap>footer>div:nth-child(3){display:flex;justify-content:space-around;font-size:90%}#wrap>footer>div:nth-child(3) div{display:flex;flex-direction:column;line-height:2;margin:0.5rem}#wrap>footer>div:nth-child(3) div a{display:flex;align-items:center;color:#fff}#wrap>footer>div:nth-child(3) div a:hover{color:#bbb;text-decoration:none}#wrap>footer>div:nth-child(3) div a i{font-size:120%}#wrap>footer>div:nth-child(3) div a span{padding-left:0.5rem}#wrap>main{flex-grow:1;display:flex;flex-direction:column;background-color:rgba(255, 255, 255, 0.95);margin-top:8.25rem}#wrap>main article,#wrap>main aside{padding:0 1rem}#wrap>main article{flex-grow:1}#wrap>main aside{background-color:#ccc}aside .aboutmenu{background-color:#eee;border-radius:0.35rem;line-height:1.6;padding:1rem 0.5rem 1rem 2rem}aside .asidemenu{background-color:#eee;border-radius:0.35rem;margin-bottom:1rem}aside .asidemenu a{color:#444;display:flex;align-items:center;justify-content:space-between;padding:0.8rem 1rem;border-bottom:1px dotted #ccc}aside .asidemenu a:first-child{border-radius:0.35rem 0.35rem 0 0}aside .asidemenu a:last-child{border:none;border-radius:0 0 0.35rem 0.35rem}aside .asidemenu a sup{padding-left:0.25rem;font-size:70%}aside .asidemenu a:hover{background-color:#ddd;text-decoration:none}.pagination{display:table;margin:2rem auto;text-align:center}.pagination small{display:none}.pagination a,.pagination span{padding:0.5rem;margin:0 1px 0 1px}.pagination span{color:#888}.asideartlist{font-size:90%}.asideartlist .article{background-color:#eee;margin-bottom:1rem;border-radius:0.35rem;cursor:pointer}.asideartlist .article:hover{background-color:#ddd}.asideartlist .article h4{margin:0;padding:0.5rem 0.5rem 0 0.5rem}.asideartlist .article div{font-size:90%;padding:0.5rem 0.5rem 0.25rem 0.5rem}.asideartlist .article .footer{text-align:right;padding:0.25rem 0.5rem;border-top:1px dotted #ccc}.articlesrow .article,article>.article{background-color:#e0e0e0;border-radius:0.35rem;margin-bottom:1rem;cursor:pointer}.articlesrow .article:hover,article>.article:hover{background-color:#ccc}.articlesrow .article .image,article>.article .image{height:8rem}.articlesrow .article .image img,article>.article .image img{border-radius:0.35rem 0.35rem 0 0;display:block;height:100%;width:100%;object-fit:cover}.articlesrow .article .content,article>.article .content{padding:1rem}.articlesrow .article .content h4,article>.article .content h4{margin-top:0;margin-bottom:0.5rem;font-size:1.1rem}.articlesrow .article .content p,article>.article .content p{margin:0;font-size:90%}.social-side div{display:flex;align-items:center;justify-content:space-around;margin-bottom:1rem}.social-side a{display:block;font-size:3rem;padding:0.25rem}.social-side a:hover{background-color:#eee;border-radius:0.25rem}@media screen and (min-width:375px){#wrap>footer>div:nth-child(1) div span{display:inline}}@media screen and (min-width:575px){#wrap>header>div>div a:first-child{display:none}#wrap>header>div{flex-direction:row}#wrap>header>div form{max-width:300px;min-width:300px;padding:1rem 1.5rem}#wrap>nav{background-color:#000;position:fixed;height:auto}#wrap>nav div{position:static;display:flex;width:auto;flex-direction:row;border-radius:0}#wrap>nav div a{border:none}#wrap>nav div a:hover{background-color:#333}#wrap>nav div a span{padding-left:0.75rem}#wrap>nav div a:first-child{margin-right:auto}#wrap>nav div a:last-child{border:none}#wrap>main{margin-top:7.9rem}#wrap>main>article>.articlesrow{display:flex}#wrap>main>article>.articlesrow .article{width:33%;margin:0.5rem}#wrap>main>article>.article{display:flex;height:auto;align-items:center;justify-content:center}#wrap>main>article>.article .image{width:6rem;height:auto;align-self:stretch}#wrap>main>article>.article .image img{border-radius:0.35rem 0 0 0.35rem}#wrap>main>article>.article .content{flex:1;padding:1rem;min-height:6rem}}@media screen and (min-width:768px){#wrap>main{flex-direction:row}#wrap>main article{flex-grow:1}#wrap>main aside{display:block;border:none;min-width:220px;max-width:220px}#wrap>main aside .social-side div{flex-wrap:wrap}}