html, body {
  background-image: url("../img/photo_small_01.jpg");
}
img.logo {
  max-width: 80px;
}
div.logo_text {
  font-size: 18px;
  text-align: right;
  width: 92%;
  line-height: 120%;
}
@media all and (max-width: 400px) {
  span.college_name {
    display: block;
    font-size: 16px;
  }
  span.college_sep {
    display: none;
  }
  span.college_location{
    display: block;
    font-size: 16px;
  }
}
/********************************************************************************/
div.content {
  display: block;
  margin-top: 60px;
}

div.communication {
  padding: 0px;
  margin: -1px;
  margin-left: 0px;
  margin-bottom: 4px;
}
div.communication_container {
  padding: 10px;
}

div.article {
  display: block;
  width: calc(100% - 20px);
}
div.art_title , div.art_text {
  display: block;
  max-width: calc(100% - 20px);
}
div.aside {
  display: block;
  padding-left: 10px;
}

/********************************************************************************/
div.trailer_navigation {
}

div.trailer_cafeteria , div.trailer_swiss_olympique, div.trailer_address   {
  display: block;
  width: 92%;
}

/********************************************************************************/

div.home_navigation_container , div.home_navigation_option {
  display: block;
  text-align: center;
}
div.home_navigation_container {
  border-spacing: 0px;
  text-align: center;
}

a.home_navigation_option {
  display: inline-block;
  margin-bottom: 2px;
  padding: 10px 12px 10px 12px;
  font-size: 18px;
  color: red;
  width: 95%;
}
@media all and (max-width: 400px) {
  a.home_navigation_option {
    width: 92%;
  }
}

/********************************************************************************/
div.address {
  margin-left: 1%;
}

/********************************************************************************/
td.school_calendar_month {
  display: block;
}

/********************************************************************************/
div.laureats_block {
  display: block;
  width: auto;
}
div.laureats_year {
  font-size: 24px;
}
/********************************************************************************/
table.awards th {
  display: none;
}
table.awards td {
  background-color: #fff;
}
td.awards_discipline {
  vertical-align: top;
  font-weight: bolder;
  width: 50%;
  border-bottom: 1px solid #eee;
  padding-top: 8px;
}

td.awards_fperf , td.awards_name , td.awards_date {
  display: block;
  text-align: right;
  line-height: 130%;
}
td.awards_fperf {
  color: #900;
  padding-top: 8px;
}
td.awards_date{
  padding-bottom: 8px;
  color: #06c;
  border-bottom: 1px solid #eee;
}

/********************************************************************************/
@media all and (max-width: 400px) {
  div.art_title {
    font-size: 18px;
  }
}

/********************************************************************************/
@media all and (max-width: 375px) {

  div.timetable_thumb_container, 
  div.timetable_thumb_line ,
  div.timetable_thumb {
    display: block;
  }

  div.timetable_thumb_container {
    border-collapse: collapse;
    border-spacing: none;
    width: 100%;
    text-align: center;
  }
  div.timetable_thumb_line {
    margin: auto;
  }

  div.timetable_thumb {
    text-align: center;
    margin-bottom: 10px;
  }
  div.timetable_thumb_cell img {
    margin-auto;
    max-width: none;
  }
}

/********************************************************************************/
div.art_text img {
  max-width: calc(100% - 5px);
}

/* EOF */