body {
    padding: 40px;
    background-image: url("../images/bkg.png");
    background-repeat: repeat-x;
}
.content-body {
    padding: 40px;
}

.center {
    display: block; 
    margin-left: auto; 
    margin-right: auto; 
    width: 80%;
}

.img-max-left {
    width: 90%;
}
.img-max-right {
    width: 100%;
}
.img-max-center {
    width: 50%;
    display: block;
    margin: 0 auto;
}

/*boostrap*/
.jumbotron {
    background-color: transparent;
    padding-top: 0px;
    padding-bottom: 0px;
}
.linksbox {
    display: block; 
    margin: 0 auto; 
    margin-left: 35%; 
    margin-right: 35%; 
    margin-top: 15px; 
    padding-left: 5%;
}

#linksbox {
    font-family: 'Lato', sans-serif;
    color: black; 
}

#linksbox a {
    color: black; 
}


@media only screen and (max-width: 500px)
{
    .img-max-center {
        width: 80%;
    }
}
@media only screen and (max-width: 350px)
{
    .img-max-center {
        width: 95%;
    }
}