@media screen and (max-width: 960px){
.wrapper {
width:95%;
}
}

@media screen and (max-width: 640px) {
.wrapper {
width: 95%;
}
h1, h2, h3, h4, p {
word-wrap: break-word;
}
}

@media screen and (max-width: 640px) {
  body { font-size: 115%; }
    h1 { font-size: 115%; }
     h2 { font-size: 115%; }
    p { font-size: 115%; }
    li { font-size:115%; }
     a { font-size: 22px; }
}


.box {
float: left;
margin: 6px; 
padding: 10px;
width: 285px;
height: 480px;
border: 1px solid black;
background-color: white; 
}