body{
  background-color:#8EA9F7;

    font-family: arial,helvetica,sans-serif;
    color:black;
}

a {
text-decoration:none;
font-weight:bold;
}


table.skinny td {
    width: 70px;
font-size:10px;
}

h1 {
  font-size: 52px;
}
h2 {
 font-size: 20px;
}

.background {
    width: 100%; 
    position: absolute; 
    left: 0px; 
    top: 0px; 
    z-index: -1;
}
@media screen and (max-width: 650px) {
    body {
        margin:0px;   
    }
    .background {
        position:relative;   
    }
    .content {
        margin: auto;   
    }
}



    .content {
        width:320px
    }
    a {
        color:black;
    }
    .projectblock a{
        display: inline-block;
        text-align: center;
        padding-bottom:8px;
        vertical-align:top;
    }
    .projectblock a img{
        display: block;
        margin: auto;
        border: 0px;
    }
    .projectblock.small a{
        width:75px;
        font-size:10px;
    }
    .projectblock.large a{
        width:103px;
                   
    }
    .projectblock.small img{
        width:50px;
        height:50px;        
    }
    .projectblock.large img{
        width:100px;
        height:120px;
    }