html
{
   height: 100%;
}
body {
/*  padding-bottom: 40px;*/
  color: #5a5a5a;
position: relative;
  margin: 0;
  padding-bottom: 6rem;
  margin: none;
  padding: 0;
 min-height: 100%;
  bottom: 0;
  overflow:none;
}
a{
  color:#5a5a5a;
   text-decoration: none;
}
a:hover
{
 text-decoration: none;
 color: #5a5a5a;
}
/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */
.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
 /* transition: opacity 0.5s;*/
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 2;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-indicators{
  margin-left: 40%;
  width: 10%;
  height: auto;
}
#logo{
  margin-left: 38%; 
  margin-top: -5%;
  position:absolute;
  width: 25%;
  height: auto;
  z-index: 2;
}
.pic
{
  width: 100%;
}

/* CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.content .col-sm-4 {
  margin-bottom: 20px;
  text-align: center;
  margin-top: 12%;
}
.content h2 {
  font-weight: light;
}
.content .col-sm-4 p {
  margin-right: 10px;
  margin-left: 10px;
}
/*.content .col-lg-12  {
  position:fixed;
  bottom: 0; 

}*/

.col-sm-12
{
  position: absolute;
  display: inline-block;
  right: 0;
  bottom: 0;
  left: 0;
}
/*Catalog*/
#buttonback{
margin-top: 2%;
margin-left: 8%;
font-size: 15pt;
}

#buttonback a:hover
{
  text-decoration: none;
  margin-top: 
  color:#5a5a5a;
}
@-moz-document url-prefix() {
   #buttonback{
margin-top: 2%;

}
}



/* RESPONSIVE CSS
-------------------------------------------------- */

/*@media (min-width: 768px) {} */

  
/*@media (min-width: 992px) {
  
}*/
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}
@media (max-width: 300px) {
 .item .active {
    background-color: #333333;
    background-image: url("http://placekitten.com/g/200/300");
  } 
  /*chrome*/
  .first-slide{
    content:url("images/Grivas-universal2.jpg");
  }
  .second-slide{
    content:url("images/Grivas-Superior2.jpg");
  }
  /*mozilla*/
  .first-slide:after{
    content:url("images/0-300/Grivas-universalM.jpg");
  }
  .second-slide:after{
    content:url("images/0-300/Grivas-SuperiorM.jpg");
  }
}
@media (min-width: 301px) and (max-width: 600px) {
  .item .active  {
    background-color: #666666;
    background-image: url("http://placekitten.com/g/400/600");
  }
  .first-slide{
    content:url("images/Grivas-universal2.jpg");
  }
  .second-slide{
    content:url("images/Grivas-Superior2.jpg");
  }
  /*mozilla*/
  .first-slide:after{
    content:url("images/301-600/Grivas-universalM.jpg");
  }
  .second-slide:after{
    content:url("images/301-600/Grivas-SuperiorM.jpg");
  }
  
}
@media (min-width: 601px) and (max-width: 768px) {
   .item .active  {
    background-color: #999999;
    background-image: image-url("http://placekitten.com/g/500/768");
  }
  .first-slide{
    content:url("images/Grivas-universal2.jpg");
  }
  .second-slide{
    content:url("images/Grivas-Superior2.jpg");
  }
   /*mozilla*/
  .first-slide:after{
    content:url("images/601-768/Grivas-universalM.jpg");
    position: relative;
    
  }
  .second-slide:after{
    content:url("images/601-768/Grivas-SuperiorM.jpg");
    position: relative;
  }
}
@media (min-width:769px) and (max-width: 1099px){
 .item .active  {
    background-color: #cccccc;
    background-image: url("http://placekitten.com/g/800/1048");
  }
  /*chrome*/
  .first-slide{
    content:url("images/Grivas-universal.jpg");
  }
  .second-slide{
    content:url("images/Grivas-Superior.jpg");
  }
  /*mozilla*/
  .first-slide:after{
    content:url("images/769-1100/Grivas-universalM.jpg");
    position: relative;
    
  }
  .second-slide:after{
    content:url("images/769-1100/Grivas-SuperiorM.jpg");
    position: relative;
  }
  }
@media (min-width:1100px) and (max-width: 1520px){
.item .active  {
    background-color: #cccccc;
    background-image: url("http://placekitten.com/g/800/1048");
  }
  /*chrome*/
  .first-slide{
    content:url("images/Grivas-universal.jpg");
  }
  .second-slide{
    content:url("images/Grivas-Superior.jpg");
  }
  /*mozilla*/
  .first-slide:after{
    content:url("images/1100-1520/Grivas-universalM.jpg");
    position: relative;
    
  }
  .second-slide:after{
    content:url("images/1100-1520/Grivas-SuperiorM.jpg");
    position: relative;
  }
}
@media (min-width: 1521px) {
  .item .active  {
    background-color: #cccccc;
    background-image: url("http://placekitten.com/g/800/1048");
  }
  /*chrome*/
  .first-slide{
    content:url("images/Grivas-universal.jpg");
  }
  .second-slide{
    content:url("images/Grivas-Superior.jpg");
  }
  /*mozilla*/
  .first-slide:after{
    content:url("images/1100-1520/Grivas-universalM.jpg");
    position: relative;
    
  }
  .second-slide:after{
    content:url("images/1100-1520/Grivas-SuperiorM.jpg");
    position: relative;
  }
}