html {
    padding: 0 1% 0;
}

body {
    position:relative;
    background: linear-gradient(90deg, rgba(28,28,28,1) 0%, rgba(61,61,61,1) 100%);
    font-family: Verdana, Arial, sans-serif;
    color: #cbcbcb;
    width: 800px;
    margin:0 auto;
    font-size: 0.82em;
}

* {
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}

a {
    font-family: Verdana, Arial;
    text-decoration: none;
}

header {
    width: 105%;
    height: 100px;
    color: white;
}

header h1 a{
    display:block;
    color: #cbcbcb;
}

.ribbon{
        position: fixed;
        background: #1c1c1c;
        opacity: .7;
        clear: both;
        text-align: left;
        padding: 10px 0 15px 505px;
        width: 1000%;
        margin-left: -500px;
}

/** CONTENT **/
main {
        float:left;
        width: 100%;
        margin: 0 0 10px 0;
}

article{
        width: 70%;
        float:right;
}

h1 {
        font-family: Verdana, Arial;
        font-size: 2.10em;
        font-weight: bold;
        font-style: italic;
        color: #4e68ad;
        border-left:5px solid #4e68ad;
}

p {
        text-align: left;
        line-height: 1.50em;
        padding: 20px 0
}

a {
        color: #4e68ad;
        padding: 5px 15px;
        outline: none;
        text-decoration: none;
}
a:hover {
        color: #fff;
        text-decoration: none;
}

section p img {
        float: left;
        margin:0 10px 10px 0;
}
footer {
        color: #706deb;
        text-align: left;
        padding-left: 230px;
        font-family: Verdana, Arial;
        font-weight: bold;
        font-size: 0.85em;
}

@media only screen and (max-width: 900px) {
body{width:100%}
header h1.ribbon {
         width:97%;
         margin-left: 0;
         text-align: left;
         padding: 15px 0 15px 20px;
}
article {width:100%}
}

@media only screen and (max-width: 600px) {

header h1.ribbon {
         width:97%;
         margin-left: 0;
         text-align: left;
         padding: 15px 0 15px 10px;
}

}