/* MEDIA QUERIES */

/* Responsify Defaults */

@media screen and (max-width: 991px){
  .inner {  width: 90%; margin: 0 5%; padding: 0;}
  header { position: relative; background: #FFF;}
  .col-sm-12, .col-xs-12 { margin-bottom: 20px;}
  .col-sm-12:last-child, .col-xs-12:last-child { margin-bottom: 0px;}
  #slider { height: auto; margin-top: 0;}
}

@media screen and (max-width: 768px){
  header .logo { height: 60px; width: 185px; margin-bottom: 10px; margin-left: 0;}
  header > div { overflow: hidden; height: auto!important;}
  iframe { height: 250px;}
  .container { padding-right: 30px; padding-left: 30px;}
  h1, h2 { width: 100%;}
  footer p { text-align: center;}
  footer div > * { width: 100%; float: left;}
  footer iframe { position: relative!important; width: 98px; height: 68px; float: none; margin-left: 50%; left: -44px;}
  a.art { float: none; margin: auto; margin-top: 20px;}
  .info h2 { position: absolute; top: 0; left: 0; z-index: 10;}
  .info > article > div { position: static;}
  .info article { padding-top: 50px; position: relative;}
  .info > article:last-child { position: relative; padding-bottom: 100px;}
  .btBack { top: 98%; right: 5%; width: 90%; text-align: center;}
  .subCat article:last-child { margin-bottom: 60px;}

}