body {
    background-color: #81B71A;
    padding: 20px;
}
* {
    box-sizing: border-box;
}

[class*="col-"] {
    float: left;
    padding: 15px;
}

h1{
    text-align: center;
}

.row{
    padding-left: 570px;
    padding-bottom: 10px;
}

.after {
    content: "";
    clear: both;
    display: block;
}

.next{
    clear: both;
    display: block;
    padding-left: 550px;
    padding-bottom: 20px;
    padding-top: 5px;
}

.col-1 {width: 12.5%;}
.col-2 {width: 15%;}
.col-3 {width: 15%;}
.col-4 {width: 15%;}
.col-5 {width: 15%;}
.col-6 {width: 15%;}
.col-7 {width: 12.5%;}

.col-11 {width: 12.5%;}
.col-12 {width: 15%;}
.col-13 {width: 15%;}
.col-14 {width: 15%;}
.col-15 {width: 15%;}
.col-16 {width: 15%;}
.col-17 {width: 12.5%;}

img:hover {
    border: 2px solid #0000ff;
   }

p{
   
    font-size: 20px;
}
#next10, #prev10{
    width: 100px;
}