*{
	box-sizing:border-box;
}
body
{
    
	display:flex;
	min-height: 100vh;
}

header{font-family:Forte;text-align:center; background-color:#FAA758;font-size:40px;}



.navbar {
  width: 100%;
  background-color: orange;
  overflow: auto;
}

.navbar a {
         /* cuatro links con el mismo tamaño */
  display:inline-block;
  position:relative;
}

       .navbar a:hover .img-top {
       display:inline;
     }
	 
        .navbar a .img-top{
			display:none;
			position:absolute;
			top:0;
			left:0;
			/*z-index:99;*/
		}
       

       @media screen and (max-width: 500px) {
       .navbar a {
       float: none;
      display: block;
      width: 100%;
      text-align: left;
     }
  }

.container-slider
{
		width:60%;
		height:auto;
		max-width:600px;
		margin:auto;
		overflow:hidden;
		position:relative;
		box-shadow: 0 0 0 10px #fff,
					0 15px 50px;
		margin-top:10%;
		
}
.slider
{
	display:flex;
	width:300%;
	height:auto;
	margin-left:-100%;
}
.slider__section
{
	width: 100%;
}
.slider_img
{
	display: block;
	object-fit: cover;
	width:100%;
	height:100%;
	
}


.slider_btn
{
	position:absolute;
	width:40px;
	height:40px;
	background-color: rgba (255,255,255, 0.7);
	top: 50%;
	transform: translateY(-50%);
	font-size: 30px;
	font-weight:bold;
	font-family:monospace;
	text-align:center;	
	border-radius:50%;
	cursor:pointer;
	
}

.slider_btn:hover
{
	background:#fff;
}
.slider_btn-left
{
	left:10px;
}

.slider_btn-right
{	
	right:-10px;
}