.home-bg{
    margin-top: 0px;
    width:50%;
    height: auto;
    margin-bottom: -10px;
}

.top-spacer{
    height: 70px;
}

.main-body {
background-image: url("/images/top/concerthall.jpg");
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
background-position: 50% 0%;
min-height: 1500px;
}

.container{
   
    width: 75%;
    margin: auto;
    margin-top: 60px;
    max-width: 1000px;
    min-width: 500px;
    /*min-height: 1000px;*/
    background-color: rgba(255,255,255,0.8);
}

.content{
    padding: 30px;
}
.med-image{
    /* margin:30px;*/
    margin-right: 30px;
    float: left;
}


.cc { 
  /* position: absolute;*/ 
   top: 75px; 
   left: 0; 
   width: 100%; 
   display:block;
   padding-bottom: 50px;
}
.cc .pagination{
    text-decoration: none;
    text-align: center;
}
.cc .pagination a{
    margin: 20px;

}
#concerts-container{
    width: 700px;
    margin: 0 auto;
   padding-top:60px;
    text-align: center;
}
#concerts-container > h2{
    font-size: 26px !important;
    letter-spacing: 6px;
    font-weight: normal;
    color:black;
    /*padding-top:60px;*/
}
.cc-flex{
    font-family: 'raleway';
  font-size: 26px !important;
  font-weight: 300;
    display:flex;
    justify-content: space-between;
 
}
.concert{
    width: 100%;
    margin: 50px auto;
    text-align: center;
    color: black;
    font-size: 22px;
    font-weight: 350;
}
.concert > h2{
   font-size: 26px !important;
    letter-spacing: 3px;
    font-weight: normal;
    color:black;
    margin-bottom:30px;
}

.left{
    color: black;
}

.med{
    color: black;

}

.right{
    width: 150px;
}
.right a{
    color: black;
    text-decoration: none;
}
.right a:hover{
    color: red;
    text-decoration: none;
}
@media screen and (max-width:800px){
.cc-flex{
   
    display:block;
 
}
.right{
    width: auto;
}
}