@font-face {
  font-family: 'Archivo Black';
  font-style: normal;
  font-weight: 700;
  src: url('ArchivoBlack.woff') format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('RobotoRegular.woff') format('woff');
}

body {
    margin: 0;
    padding: 20px;
    background: url("bg.png");
    box-sizing: border-box;
    font-family: Roboto,sans-serif;
    max-width: 1100px;
    margin: 0 auto 0 auto;
}

h1 {
    width: 50%;
    margin: 10px 0 0 0;
    float: left;
    font-size: 50px;
    font-family: 'Archivo Black',sans-serif;
    color: #ff0080;
}
h1 img {
    width: 100%;
    display: block;
    margin: 0 auto;
}

.sections {
    padding-top: 5px;
    margin-top: 10px;
}

div.section {
    background: white;
    margin: 20px 10px 20px 40%;
    padding-bottom: 1px;
}

div.section h2 {
    font-family: 'Archivo Black', sans-serif;
    font-size: 30px;
    margin: 5px 0;
}
div.section h2 > a, div.section h2 > span {
    display: block;
}
div.section h2 > a {
    text-decoration: none;
    display: block;
    line-height: 25px;
    padding-top: 10px;
    padding-bottom:10px;
    padding-right:20px;
    background-color: #0080ff;
    background-image: linear-gradient(45deg, skyblue, #0080ff, skyblue);
    color: white;
    box-sizing: border-box;
}
div.section h2 > a:hover {
    background-color: #ff8000;
    background-image: linear-gradient(45deg, orange, #ff8000, orange);
}

div.section > p {
    margin: 5px 10px;
    box-sizing: border-box;
}

div.section h2 > span, div.section h2 > a, div.section > p {
    padding-left: 22%;
}

@media (max-width:690px) {
    .sections {
        padding-top: 21px;
        margin-top: 0px;
    }
    h1 {
        float: none;
        height: auto;
        width: 100%;
        max-width: 100%;
        margin-top: 10px;
    }
    h1 img {
        width: 400px;
        max-width: 100%;
    }
    div.section h2 > a, div.section h2 > span, div.section > p {
        padding-left: 10px;
    }
    div.section {
        max-width: 500px;
        margin: 20px auto 0 auto;
    }
}