body {
    font-family: Arial, sans-serif;
    padding: 0;
    margin: 0;
}

a:link {
    color: #01aeff;
    text-decoration: none;
}

a:visited {
    color: darkmagenta; /*#016da0 */
    text-decoration: none;
}

a:hover {
    color: deeppink;
    text-decoration: underline;
}

footer {
    clear: both;
    background-color: black;
    color: white;
    border-top: 3px dashed cyan;
    padding: 3px 50px;
}

h1 {
    font-size: 3.5rem;
    margin: 0;
}

h2 {
    margin-top: 0;
    padding-left: 75px;
}

h3 {
    margin: 0 0;
}

header {
    background: black url("../images/abstract-bg.jpg") center;
    background-size: cover;
    font-family: "Bungee Inline", cursive;
    text-shadow:
            2px 2px 0 deeppink;
    color: rgba(255, 255, 255, 0.87);

    border-bottom: 3px dashed cyan;
    padding: 5px 50px;
}

li {
    padding: 3px 0;
}

.fullscreen {
    height: 15px;
    background-color: #555555;
    border-top: 3px solid #333333;
    border-bottom: 2px solid #999999;
    clear: both;
}

.gbu {
    width: 85%;
    margin: auto;
    padding-bottom: 100px;
    background-color: white;
}

.gbu h1 {
    font-family: 'Bungee Shade', cursive;
    color: deeppink;
}

.gbu img {
    float: left;
    margin-right: 50px;
    margin-bottom: 20px;
    border: 1px solid black;
    width: 100%;
    max-width: 550px;
    height: auto;
}

@media only screen and (max-width: 780px) {
    h1 {
        font-size: 2rem;
        }
    h2 {
        font-size: 1.25rem;
        padding-left: 45px;
        }
    header {
        padding: 5px 25px;
        }
    .gbu {
        padding-bottom: 40px;
        text-align: center;
        }
    .gbu h1, ul {
        text-align: left;
        padding: 20px 0;
    }
    .gbu p {
        text-align: center;
    }
}

@media only screen and (max-width: 1024px) {
    .gbu img {
        float: none;
        margin-bottom: 20px;
        margin-right: 0;
    }
}