*{margin:0;padding:0;box-sizing:border-box;color:#333}.flex{display:flex}h1,h2,h3,p{color:#333}a{color:#00AEEF}header#what{background:url(../a/img/grad-north.png),linear-gradient(to right, #00AEEF 0%, #e89a9e 100%);background-size:100% 100%;background-repeat:repeat-x}main#about nav{max-width:980px;margin:0 auto}main#about nav ul{display:flex;list-style-type:none;flex-wrap:wrap;justify-content:space-between}@media (max-width: 765px){main#about nav ul{display:block;margin-bottom:100px}}main#about nav ul li{flex-basis:23%;display:flex;justify-content:center;text-align:center;align-items:center;margin-bottom:20px;background:#fff;box-shadow:0 5px 30px rgba(0,0,0,0.1);transition:all .25s}@media (max-width: 765px){main#about nav ul li{margin-bottom:10px}}main#about nav ul li:hover{box-shadow:none}main#about nav ul li:hover a{color:#fff}main#about nav ul li:hover:nth-of-type(7n+1){background:#D13239}main#about nav ul li:hover:nth-of-type(5n+2){background:#F2E88F}main#about nav ul li:hover:nth-of-type(5n+2) a{color:#333}main#about nav ul li:hover:nth-of-type(-3n+6){background:#00953A}main#about nav ul li:hover:nth-of-type(n+4):nth-of-type(-n+5){background:#00AEEF}main#about nav ul li a{display:flex;align-items:center;justify-content:center;height:100%;padding:20px 40px;text-decoration:none;color:#333}main#about div{display:flex;flex-wrap:wrap;justify-content:space-between;max-width:980px;margin:0 auto}@media (max-width: 765px){main#about div{display:block}}main#about div h3{flex-basis:30%;max-width:30%;padding-right:10px;padding-left:70px}@media (max-width: 890px){main#about div h3{max-width:100%;padding-left:0;padding-right:40px}}main#about div .answer{flex-basis:70%;max-width:70%;padding:0 70px}@media (max-width: 895px){main#about div .answer{max-width:100%;padding:0}}main#about div .answer img{width:100%}main#about div .answer p{margin-bottom:20px}main#about div .answer ul{margin-left:25px}main#about div .answer ul li{margin:10px 0}main#about div h3,main#about div .answer{margin-top:50px;padding-top:40px;padding-bottom:20px;border-top:1px solid #ddd}@media (max-width: 765px){main#about div .answer{border:none;padding-top:0;margin-top:10px}main#about div h3{margin-top:20px}}main#about h4{margin-top:25px}main#about p{line-height:1.5}