/*===== STYLOWANIE SLIDER1-MARKUP =====*/
body{
	background-image: url('../img/fondo.png');
    background-repeat:no-repeat;
}

.tooltip-inner {
    background-color: #F3F3F3;
    color: #307143;
}

.tooltip.top .tooltip-arrow {
    border-top-color: #F3F3F3;
}

.tooltip.right .tooltip-arrow {
    border-right-color: #F3F3F3;
}

.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #F3F3F3;
}

.tooltip.left .tooltip-arrow {
    border-left-color: #F3F3F3;
}




#slider-1 {
  position: relative;
  left: 50%;
  margin-left: -250px;
  width: 500px;
  min-height: 500px;
  margin-top:10%
}
#slider-1 .icon {
  position: absolute;

  width: 70px;
  height: 70px;
  border-radius: 50%;
}
#slider-1 #icon-0 {
  z-index: 2;
  width: 400px;
  height: 400px;


}

.logoskg{

top: 90%;
left: 45%;
position: absolute;
}

.logomskg{
    height: 100px;
    width: 100px;	
top: 5%;
left: 5%;
position: absolute;
}

.logobskg{
    height: 100px;
    width: 100px;
top: 5%;
left: 90%;
position: absolute;
}



@media only screen and (max-width: 400px) {
    body {
        background-image: url('../img/fondo.png');
		background-repeat:no-repeat;
    }
	

#slider-1 {
  position: relative;
  left: 50%;
  margin-left: -250px;
  width: 500px;
  min-height: 500px;
  margin-top:35%
}
}

@media only screen and (max-width: 300px) and (max-height: 800px){
    body {
        background-image: url('../img/fondo.png');
		background-repeat:no-repeat;
    }
	

#slider-1 {
  position: relative;
  left: 50%;
  margin-left: -250px;
  width: 500px;
  min-height: 500px;
  margin-top:45%
}
}

@media only screen  and (max-height: 800px){

.logoskg{
 top: 90%;
 left: 5%;
 position: absolute;
}


}