html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after{content:none}q:before,q:after{content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:700}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}li{list-style-type:none}ul,li{margin:0;padding:0}header{padding:6rem 0;box-sizing:border-box}header h1{text-align:center}header h1 img{width:500px}#container{background:#f8f8f8;min-height:1000px;padding-top:7vw}#container ul{width:80%;min-width:860px;max-width:1080px;margin:0 auto;padding-bottom:100px;display:flex;flex-wrap:wrap}#container ul li{text-align:center;font-size:.8rem;font-family:Roboto,sans-serif;font-weight:100;line-height:1.8;letter-spacing:1px;width:30%;max-height:320px;min-height:270px;margin:0 5% 5% 0;vertical-align:top;box-sizing:border-box}#container ul li a{color:#222;text-decoration:none;display:block}#container ul li a img{width:100%;border-radius:5px;transition:opacity .2s,filter .4s;transition:box-shadow .2s;box-shadow:0 0 30px #ddd}#container ul li a p{color:#555;margin-top:1rem;padding-bottom:.2rem;display:inline-block;border-bottom:1px solid #f3f3f3;transition:border-color .5s}#container ul li a:hover img{box-shadow:0 0 0 #eee}#container ul li a:hover p{border-color:#333}@media screen and (min-width:640px){#container ul li:nth-child(3n){margin-right:0}}@media screen and (max-width:640px){header{padding:3rem 0}header h1{text-align:center}header h1 img{width:75%}#container{min-height:0}#container ul{width:89%;min-width:0;padding-bottom:50px;display:flex;flex-wrap:wrap}#container ul li{line-height:1.4;width:47%;height:auto;min-height:200px;margin-right:6%;padding-bottom:1rem;box-sizing:border-box}#container ul li:nth-child(2n){margin-right:0}footer #copyrights{font-size:8px}}