@media all and (min-width: 650px) {
#concerts {
  width: 650px;
}

#col_info, #col_info_first, #col_info_first_last, #col_info_last {
  width: 301px;
  text-align: right;
  padding-right: 24px;
  padding-bottom: 12px;
}

#col_composition, #col_composition_first, #col_composition_first_last, #col_composition_last {
  width: 301px;
  padding-top: 12px;
  padding-left: 24px;
}

.concert_date {
  margin-bottom: 12px;
  font-style: italic;
}

#col_composition, #col_composition_last {
  border-top: 3px solid #663300;
}

#col_info_last, #col_composition_last, #col_info_first_last, #col_composition_first_last {
  margin-bottom: 48px;
}
}

@media all and (max-width:650px) {
#col_info, #col_info_first, #col_info_first_last, #col_info_last {
  width: 50%;
  text-align: left;
  padding-right: 48px;
}

#col_composition, #col_composition_first, #col_composition_first_last, #col_composition_last {
  width: 50%;
  padding-left: 24px;
}

#col_info_first_last, #col_info_last, #col_composition_first_last, #col_composition_last {
  margin-bottom: 24px;
}
}

#concerts {
  clear: both;
  margin: 0 auto;
  margin-top: 48px;
}

.year {
  width: 100px;
  background-color: #FFFFCC;
  border-radius: 18px;
  box-shadow: 0 0 24px #A29871;
  clear: both;
  color: #2E0900;
  font-size: 12pt;
  font-weight: bold;
  margin: 48px auto 24px auto;
  padding-bottom: 6px;
  padding-top: 6px;

}

.archive {
  width: 100px;
  background-color: #521000;
  border-radius: 18px;
  box-shadow: 0 0 24px;
  clear: both;
  color: #2E0900;
  font-size: 12pt;
  font-weight: bold;
  margin: auto auto 48px auto;
  padding-bottom: 6px;
  padding-top: 6px;

}

#col_info, #col_info_first, #col_info_first_last, #col_info_last {
  clear: both;
  float: left;
  padding-top: 12px;
}

#col_info {
  border-top: 3px solid #663300;
}

#col_info_last {
  border-top: 3px solid #663300;
}

#col_composition, #col_composition_first, #col_composition_first_last, #col_composition_last {
  float: left;
  padding-bottom: 12px;
  text-align: left;
}

.concert_composition, .concert_composition_0, .concert_composition_cont {
  font-weight: bold;
  margin-bottom: 12px;
  text-transform: uppercase;
}

.concert_composition_0 {
  margin-bottom: 0px;
}

.concert_composition_cont {
  margin-top: 24px;
}

.concert_composition_normal {
  margin-left: 12px;
  margin-bottom: 12px;
  text-indent: -12px;
}
