body,li,p,ul,img #wrapper {
margin:0;
padding:0;
position:relative;
display:block;
}
body {
width:80%;
padding:0% 10%;
background-color:rgba(220,220,220,0.4);
}
.clear {
width:100%;
display:block;
clear:both;
position:relative;
}
#wrapper > div {
    width:45%;
    margin:1% 1%;
    padding:1% 1%;
    min-height:150px;
    float:left;
}
#wrapper > div:nth-child(1) {
    background-color:#FFEEAD;
}
#wrapper > div:nth-child(2) {
    background-color:#FF6F69;
}
#wrapper > div:nth-child(3) {
    background-color:#FFCC5C;
}
#wrapper > div:nth-child(4) {
    background-color:#AAD8B0;
}

img {
height:130px;
width:auto;
}

#wrapper p, #wrapper img, #wrapper ul {
z-index:10;
}
#wrapper li {
z-index:20;
}

#info > div {
    width:45%;
    margin:1% 1%;
    padding:1% 1%;
    float:left;
}

.prettyprint {
display:block;
position:relative;
width:100%;
border:none !important;
}


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

body {
width:95%;
padding:0% 2.5%;
background-color:rgba(220,220,220,0.4);
max-width:800px;
overflow-x:hidden;
}

#wrapper > div {
    width:90%;
    margin:2% 3%;
    padding:1% 2%;
    min-height:150px;
    display:block;
}

#info > div {
    width:90%;
    margin:2% 3%;
    padding:1% 2%;
    display:block;
}


}