@import url(https://fonts.googleapis.com/css?family=Raleway);
html {height: 100%;}
body {height: 100%;background-color: #ffffff; font-family: Raleway}
#lus {position: relative; height: 100%;}

#main {    position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);}
.shadow img {position: absolute;     margin-top: -12px;}

#slideshow {padding-right: 15px;     padding-left: 40px;}
#informatie {
    padding-left: 40px;
    height: 366px;
}
#informatie p {    margin-top: 30px;}
i {padding-left: 62px; color: #484141;}
#informatie img {
    position: absolute;
    top: -2px;
}
#informatie ul {
    margin: 0px;
    padding: 0px;
    position: absolute;
    bottom: 30px;
}
#informatie li {
	list-style: none;
	color: #676767;
	line-height: 21px;
}
#informatie li span {
	color: black; 
}
button {
    background-color: #fff;
    border: 1px solid #3B5998;
    padding: 7px 20px;
    background-position: right center;
    border-radius: 4px;
    opacity: 0.6;
    transition: all 0.4s ease;
    position: absolute;
    bottom: 30px;
    right: 0px;
    text-decoration: none;
}
button:hover {opacity: 1;transition: all 0.4s ease;    background: url(img/facebook.png) no-repeat right 15px center; padding-right: 30px;}
button a {color: #3B5998; font-size: 11px;}
button a:hover {text-decoration: none;}
/*! http://responsiveslides.com v1.54 by @viljamis */

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
}

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }
.rslides_tabs li {
    list-style: none;
    display: inline;
 padding: 5px;
}
.rslides_tabs li a {    width: 15px;
    height: 15px; text-indent: -9999px; display: inline-block; background: url(img/pag-2.png) no-repeat;transition: all ease 0.4s;}

.rslides_here a {transition: all ease 0.4s;background: url(img/pag-1.png) no-repeat !important;}
ul.rslides_tabs {
    padding: 0px;
    text-align: center;
}

.next { display: none; }
a.prev {
    transition: all ease 0.4s;
    text-indent: -9999px;
    display: block;
    width: 27px;
    height: 27px;
    background: url(img/prev.png);
    opacity: 0.5;
    position: absolute;
    top: 117px;
    left: 0px;
}
a.prev:hover {opacity: 1;transition: all ease 0.4s;}


 /* Large Devices, Wide Screens */
    @media  (max-width : 1200px) {
    	#informatie {height: 366px;}

    }

    /* Medium Devices, Desktops */
    @media (max-width : 992px) {

    }

    /* Small Devices, Tablets */
    @media  (max-width : 768px) {

    }

    /* Extra Small Devices, Phones */ 
    @media  (min-width : 480px) {
    	
    }
    @media  (max-width : 991px) {
	#informatie {height: auto;
    margin-top: 20px; padding-left: 20px;     padding-right: 20px;}
    #slideshow {    padding-left: 20px;}
    a.prev {display: none;}
    i {padding-left: 50px;}
	#informatie ul {position: relative; bottom: 0px; margin-top: 10px; margin-bottom: 40px;}
	#informatie img { top: 18px; }
	#main {position: relative;top:20px;left: 0; transform: none;}
	.shadow  {display: none;} 
	button {bottom: 40px; right: 40px;}

	
}
@media  (min-width : 442px) {
	button.small-page {display: none;}
}


    /* Custom, iPhone Retina */ 
    @media  (max-width : 441px) {
        button {position: relative;right: 0px;top: 0px;margin-bottom: 40px;}
        #informatie ul {margin-bottom: 20px;    margin-top: 25px;}
        .small-page {display: relative !important;}
        .big-page {display: none;}
    }

    /* Small devices (tablets, 768px and up) */
@media (min-width: @screen-sm-min) { ... }

/* Medium devices (desktops, 992px and up) */
@media (min-width: @screen-md-min) { ... }

/* Large devices (large desktops, 1200px and up) */
@media (min-width: @screen-lg-min) { ... }