p{font-family:"Science Gothic", sans-serif;font-family: fantasy}
main{width: 80%;max-width: 1200px;margin: 16px auto 16px auto}
p{font-size: 1.1em;}
.flex-container{display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-around;}
section{flex: 30%; max-width: 30%; text-align: center;}
@media screen and (max-width:400px) {section {flex: 100%; text-align: center;}}
li{display: inline; padding: 30px;}