html,
 body {
     position: relative;
     height: 100%;
 }

 body {
     background: #FFF;
     margin: 0;
     padding: 0;
 }



 .swiper-container {
     width: 100%;

     background-color: #EEE;

 }

 .swiper-button-next {
     top: 300px !important;
     color: #C50F3C !important;
     content: url(../images/arrow_right.png);
 }

 .swiper-button-prev {
     top: 300px !important;
     color: #C50F3C !important;
     content: url(../images/arrow_left.png);
 }


 .swiper-slide {
     text-align: center;
     background: #eee;
     margin-top: 20px;
     margin-bottom: 20px;
 }

 .swiper-slide-active .description {
     display: block !important;
 }

 .swiper-slide-prev {
     -webkit-filter: grayscale(100%);
     /* Safari 6.0 - 9.0 */
     filter: grayscale(100%);
 }

 .swiper-slide-next {
     -webkit-filter: grayscale(100%);
     /* Safari 6.0 - 9.0 */
     filter: grayscale(100%);
 }

 /*
 .swiper-slide:nth-child(1n) {
     width: 482px;
 }

 .swiper-slide:nth-child(2n) {
     width: 482px;
 }

 .swiper-slide:nth-child(3n) {
     width: 482px;
 }

 .swiper-slide:nth-child(4n) {
     width: 482px;
 }

 .swiper-slide:nth-child(5n) {
     max-width: 482px;
 }
*/
 .lineup {
     border-top: 2px solid red;
     border-right: 2px solid red;
     border-left: 2px solid red;
     height: 30px;
     border-color: #C50F3C;
 }

 .linedown {
     border-bottom: 2px solid red;
     border-right: 2px solid red;
     border-left: 2px solid red;
     height: 30px;
     border-color: #C50F3C;
 }



 @media (min-width: 576px) {

     .swiper-button-next,
     .swiper-button-prev {
         top: 377px !important;
     }

     biblioTitle {
         font-size: 2em;
     }

     .images {
         height: auto !important;
     }
 }

 .images {
     height: 247px;
 }