@import "https://fonts.googleapis.com/css?family=Roboto:400,300,300italic,400italic,500,700,500italic,700italic";

html,
body,
div,
h1,
h2,
p,
ul,
li,
section {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
article,
section { display: block }
body { line-height: 1 }
ul { list-style: none }
html {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
*,
*:before,
*:after {
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit;
}
::selection {
    color: white;
    background: #4ea9f2;
}
::-moz-selection {
    color: white;
    background: #4ea9f2;
}
body {
    color: #222;
    font-family: "Roboto","Helvetica Neue",sans-serif;
}
body a {
    -webkit-transition: 0.15s ease-out;
    -moz-transition: 0.15s ease-out;
    transition: 0.15s ease-out;
    font-weight: 300;
    color: #4ea9f2;
    text-decoration: none;
    position: relative;
    border-bottom: 1px dotted #4ea9f2;
}
body a:hover,
body a:active {
    color: #222;
    border-bottom: 1px dotted #222;
    top: -1px;
}
section {
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
}
section::after {
    clear: both;
    content: "";
    display: table;
}
section article {
    float: left;
    display: block;
    margin-right: 1.05263%;
    width: 49.47368%;
    margin-left: 25.26316%;
    margin-bottom: 80px;
    margin-top: 100px;
}
section article:last-child { margin-right: 0 }
@media screen and (max-width: 800px) { 
    section article {
        float: left;
        display: block;
        margin-right: 1.05263%;
        width: 66.31579%;
        margin-left: 16.84211%;
    }
    section article:last-child { margin-right: 0 }
}
@media screen and (max-width: 540px) { 
    section article {
        float: left;
        display: block;
        margin-right: 1.05263%;
        width: 83.15789%;
        margin-left: 8.42105%;
    }
    section article:last-child { margin-right: 0 }
}
section article h1 {
    font-size: 23.8px;
    line-height: 37.4px;
    font-weight: 300;
}
@media screen and (max-width: 540px) { 
    section article h1 {
        font-size: 25.2px;
        line-height: 39.6px;
    }
}
section article h2 {
    font-size: 21px;
    line-height: 33px;
    font-weight: 400;
    margin-top: 40px;
}
@media screen and (max-width: 540px) { 
    section article h2 {
        font-size: 22.4px;
        line-height: 35.2px;
    }
}
section article p {
    font-size: 21px;
    line-height: 33px;
}
@media screen and (max-width: 540px) { 
    section article p {
        font-size: 22.4px;
        line-height: 35.2px;
    }
}
section article ul {
    list-style: none;
    margin-top: 10px;
}
section article ul li {
    float: left;
    display: block;
    margin-right: 2.12766%;
    width: 23.40426%;
    margin-bottom: 10px;
}
section article ul li:last-child { margin-right: 0 }
section article ul li:nth-child(4n) { margin-right: 0 }
section article ul li:nth-child(4n+1) { clear: left }
@media screen and (max-width: 800px) { 
    section article ul li {
        float: left;
        display: block;
        margin-right: 1.5873%;
        width: 49.20635%;
    }
    section article ul li:last-child { margin-right: 0 }
    section article ul li:nth-child(2n) { margin-right: 0 }
    section article ul li:nth-child(2n+1) { clear: left }
}
@media screen and (max-width: 540px) { 
    section article ul li {
        float: left;
        display: block;
        margin-right: 1.26582%;
        width: 100%;
    }
    section article ul li:last-child { margin-right: 0 }
    section article ul li:nth-child(1n) { margin-right: 0 }
    section article ul li:nth-child(1n+1) { clear: left }
}

.link{
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

/*$glitch-bg-color: #4ea9f2;*/


/* unvisited link */

/*h1 {
  display: block;
  font-size: 3em;
  margin: 0.6em 0;
  font-weight: bold;
}*/