body {box-sizing: border-box; margin: 0px}
.header {display: flex; padding: 10px 20px; margin-bottom: 30px; overflow: hidden; background-color: pink; position: fixed; width: 97%; top: 0;}
h1 {width: 100%; text-align: left; font-family: 'Lato', sans-serif; font-weight: 900; font-size: 30px; letter-spacing: .04em; margin-left: 10px; margin: auto; margin-top: 15px;}
li {list-style: none; display: inline-block; font-family: 'Lato', sans-serif; font-weight: 700; font-size: 20px; margin-right: 15px}
ul {text-align: right; padding: 0px; margin: auto; margin-top: 20px;}
a {color: black; text-decoration: none;}
a:hover {color: grey;}
.link a {display: block; position: relative; top: -85px; visibility: hidden;}
.content {padding-top: 5%; margin-right: 20px;}
h2 {margin-left: 15px; margin-bottom: 10px; font-family: 'Lato', sans-serif; font-weight: 700; font-size: 20px; letter-spacing: .01em}
p {width: 90%; margin: auto; font-family: 'Lato', sans-serif; font-weight: 300; font-size: 17px; line-height: 25.5px; letter-spacing: .02em; margin-top: 0px; margin-bottom: 30px;}
figcaption {width: 90%; margin: auto; text-align: center; font-family: 'Lato', sans-serif; font-weight: 700; font-size: 15px; line-height: 25.5px; letter-spacing: .02em; margin-top: 0px; margin-bottom: 30px;}
figure {width: 800px; margin: auto;}
img {width: 100%}
.examples {display: flex; flex-wrap: wrap; justify-content: space-between; width: 95%; margin: auto;}
.examples img {width: 80%; padding-left: 10%; margin: auto; margin-bottom: 20px}
.column {margin: 1px; margin-top: 10px; background: pink;}
.columnlabel {width: 90%; margin: auto; text-align: center; font-family: 'Lato', sans-serif; font-weight: 700; font-size: 15px; line-height: 25.5px; letter-spacing: .02em; margin-top: 0px; margin-bottom: 10px; color: white;}

@media all and (orientation: landscape) {
    .column {flex: 33%; min-width: 33%}
    h1 {flex: 50%; min-width: 50%}
    ul {flex: 50%; min-width: 50%}
    }
    
@media all and (max-width: 700px){
    .header {width: 94%}
    h1 {flex: 50%; min-width: 50%; font-size: 18px; margin-top: 6px;}
    ul {flex: 50%; min-width: 50%;}
    li {font-size: 15px; margin-right: 10px; margin-top: 10px}
    .content {padding-top: 15%}
    }