@media all and (min-width:950px) {
#col_compositions, #col_compositions_ind_1 {
  float: left;
  margin-left: 48px;
}

#col_compositions_ind_2, #col_compositions_ind_3, #copyright_bottom {
    display: none;
}

.col_comp_ind_title_1 {
  margin-top: 12px;
  margin-bottom: 0px
}

.col_comp_ind_title_2_3, .categ_title_2_3 {
    display: none;
}

.categ_title_1 {
    line-height: 1.5;
    margin-top: 0;
    margin-bottom: 0;
}
}

@media all and (max-width:950px) {
#col_categs, #col_compositions_ind_1, #col_comp_ind_1, .col_comp_ind_title_1, .categ_title_1 {
    display: none;
}

#col_compositions {
  clear: both;
  margin: 0 auto;
}

.categ_title_2_3 {
    line-height: 2;
}
}

@media all and (min-width: 680px) {
#col_compositions, #col_compositions_ind_1, #col_comp_ind_1 {
  width: 627px;
}

#col_compositions_ind_2 {
  width: 680px;
}

#col_compositions_ind_3 {
  display: none;
}
}

@media all and (max-width:680px) {
#col_compositions_ind_2 {
  display: none;
}

#col_comp_ind_3 {
  margin: 0 auto;
}

}

@media all and (max-width:950px) and (min-width: 480px) {
#col_categs_ind  {
  display: none;
}
}

@media all and (min-width: 480px) {
#col_compositions_ind_3 {
  width: 465px
}

#col_compositions_ind_4  {
  display: none;
}
}

@media all and (max-width: 480px) {
#col_compositions_ind_2, #col_compositions_ind_3, #copyright_bottom  {
  display: none;
}
}

#categs {
  margin-bottom: 36px;
  font-weight: bold
}

div.categs {
  line-height: 2;
  font-size: 11pt;
  margin-bottom: 24px
}

div.list {
  padding-left: 36px;
  padding-right: 36px;
  text-align: left;
}

div.list {
  border-bottom: 3px solid #663300;
  padding-bottom: 12px;   
}

div.list_title {
  clear: both;
  font-size: 12pt;
  font-weight: bold;
  text-align: center;
  color: #2E0900;
  background-color: #FFFFCC;
  box-shadow: 0 0 24px #A29871;
  border-radius: 18px;
  padding-top: 6px;
  padding-bottom: 6px;
  text-transform: uppercase;
}

#col_categs, #col_categs_ind {
  clear: both;
  width: 275px;
  float: left;
  margin-top: 48px;
  text-align: left;
}

#col_compositions, #col_compositions_ind_1, #col_compositions_ind_4 {
  margin-top: 48px;
}

#col_compositions_ind_2, #col_compositions_ind_3 {
  clear: both;
  margin: 0 auto;
  margin-top: 48px;
}

.composition_title {
  font-size: 12pt;
  font-weight: bold;
  letter-spacing: 3px;
  margin-bottom: 0;
  margin-top: 24px;
  text-transform: uppercase;
}

#col_comp_ind_1, #col_comp_ind_2, #col_comp_ind_3 {
  float: left;
  text-align: left;
  padding-left: 12px;
  padding-right: 12px;
  margin-bottom: 24px
}

#col_comp_ind_2, #col_comp_ind_3 {
  width: 202px;
}

.col_comp_ind_title_1, .col_comp_ind_title_2_3 {
  font-size: 12pt;
  font-weight: bold
}

.col_comp_ind_title_1 {
  text-align: left;
}

.col_comp_ind_title_2_3 {
  text-align: center;
  font-weight: bold;
  border: 3px solid #663300;
  border-radius: 12px;
  margin-top: 36px;
  margin-bottom: 12px;
  padding: 3px
}

.categ_title_1, .categ_title_2_3 {
  font-size: 11pt;
}

.categ_title_2_3 {
  padding-left: 3px;
}

.undertitle {
  margin-bottom: 12px;
  margin-top: 6px;
}

.movement {
  margin-left: 12px;
  text-align: left;
}

.composition_date {
  font-size: 11pt;
  margin-bottom: 6px;
  margin-top: 12px;
}

.trans, .trans_0 {
  font-style: italic
}

.trans {
  margin-bottom: 6px;
}

#copyright_bottom {
  clear: both;
  padding-top: 48px;
  padding-bottom: 24px;
}