body,html{width:100%;height:100%;margin:0 auto;padding:0}body{background:#7a9a95}nav{background-color:#FA8B60;padding:15px;text-transform:lowercase;border-bottom:1px solid #ddd}nav a{width:75px;height:50px;color:#fff;font-family:'segoe ui light';text-decoration:none;text-align:center;font-size:20px;border:2px solid #fff;margin-left:5px;display:inline-block}#container{width:60%;margin:0 auto}nav li{display:inline-block}nav ul{margin:0 auto;list-style:none;line-height:50px}nav a:nth-child(1){margin-left:0}.col{margin-top:20px;margin-bottom:20px;padding:0;border:2px solid #ddd;width:32%;height:300px;display:inline-block;font-family:"open sans",Helvetica,Arial,sans-serif;font-size:14em;text-align:center}footer{border-top:1px solid #ddd;background-color:#EFA9B0;position:relative;height:8em;bottom:0;width:100%}.footer-text,footer a,footer p{padding-top:3em;font-family:"open sans",Helvetica,Arial,sans-serif;font-size:.85em;text-align:center;color:#333;text-decoration:none;margin:0}footer a{color:#09342B;text-decoration:underline;font-size:1em;margin-bottom:10px;margin-top:0;font-family:"open sans",Helvetica,Arial,sans-serif}@media (max-width:1250px){.col{border:1px solid #000;width:49%}#container{width:95%}nav a{width:175px}}@media (max-width:1000px){.col{border:1px solid #000;width:100%}nav a{width:175px}#container{width:95%}}@media (max-width:400px){.col{border:1px solid #000;width:100%}nav,nav a,nav li,nav ul{width:100%}#container{width:95%}nav,ul{padding:0;margin:0}}