
body{

     padding: 30px;

}


.bodyimg {
   position: relative;
}
.bodyimg:after {
    content : "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background-image: url("http://2.bp.blogspot.com/-OpyoTQWVGok/TpYE74wDCbI/AAAAAAAAAMQ/zTDIQFraVVw/s640/a+love+supreme.jpg"); 
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    opacity : 0.05;
    z-index: -1;

}
.bgimg {
   position: relative;
}
.bgimg:after {
    content : "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background-image: url("http://iv1.lisimg.com/image/2776852/600full-john-coltrane.jpg"); 
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    opacity : 0.4;
    z-index: -1;

}
.navbar{
    opacity: .7;
    color: black;
}
.jumbotron{
    /*padding: 100px;*/
    /*padding-bottom: 100px;*/
    background-color: rgba(20,0,15,.5);
    /*background-color: black;*/
    text-align:  center;
    color: white;
    opacity: .7;
}
.jumbotron img{
    float: left;
    width: 220px;
    height: 280px;
    padding-bottom: 70px;
    padding-left: 10px;
}
#stjohn{
    float: right;
    padding-right: 10px;

}



.navy img{
    /*background-image: url("https://upload.wikimedia.org/wikipedia/commons/b/b4/U.S._Naval_Reserve_portrait_of_Johnny_Coltrane_edit.jpg");*/
    float: left;
    width: 140px;
    height: 150px;
}
.milecol img{
    float: right;
    width: 150px;
    height: 200px;
    opacity: .8;
}
.monkcoltrane img{
    float: right;
    width: 150px;
    height: 150px;
}

.column1{
    padding-left: 20px;
    /*margin: 10px;*/
}
.column2{
    padding-right: 20px;
    /*margin: 10px;*/
}
.intro{
    padding: 20px;
}

.supreme img{
    float: right;
    width: 150px;
    height: 150px;
    opacity: .7;
}    
    
