.cb-container  {
    background-color:#3498DB;
	  padding: 10px;
	  border-radius: 10px;
    justify-content: center;
    min-height: 300px;
}

.cb-item {
    position: relative;
    padding: 5px;
}


.cb-item img {
    max-width: 100%;
    max-height: 400px;
}

.cb-arts {
    
}

.cb-arts:after {
  content: "";
  display: table;
  clear: both;
}

.cb-arts img {
    max-width: 200px;
    max-height: 200px;
}

.cb-h {
     text-align: center;
}

.cb-c1 {
    float: left;
    max-width: 200px;
     padding: 0px 20px 20px 0px;
}

.cb-c2 {
    padding: 0px 20px 0px 20px;
}

.pos1 {
    text-align:left;
}

.pos2 {
    text-align:center;
}

.pos3 {
    text-align:right;
}

@media screen and (max-width : 760px){

    .cb-arts img {
        max-width: 100%;
        max-height: 300px;
    }
    
    .cb-c1 {
        float: none;
        max-width: 100%;
        text-align: center;
    }

}