/* 2056 */
@media only screen and (width: 2056px) {
	#inicio-header{
		background: url(../_img/header.jpg) no-repeat center top;
		background-size: 2056px;
	}
	#collage{
		background: #312a23 url(../_img/collage.jpg) no-repeat 50% 0;
		background-size: 2056px;
	}
}

/* 1366 */
@media only screen and (max-width : 1366px) {
	
	li.nav-item{
		margin: 0 30px 0 0;
		padding: 0;
	}
	a.navbar-brand-mobile{
		display: none;
	}
	#inicio-header header hgroup{
		padding: 30px 300px 0 300px;
	}
	a#collage-galeria span{
		top: 280px;
	}
	#footer nav a{
		margin: 0 40px 0 0;
	}
	
}

/* 1280 */
@media only screen and (max-width : 1280px)	{
	
	a.navbar-brand-mobile{
		display: none;
	}
	#oblea div{
		min-height: 360px;
	}
	#footer nav a{
		margin: 0 30px 0 0;
	}
	
}

/* lg */
@media only screen and (max-width : 1199px)	{
	
	li.nav-item{
		margin: 0 0px 0 0;
		padding: 0;
	}
	a.navbar-brand-mobile{
		display: none;
	}
	#inicio-header header hgroup{
		padding: 30px 200px 0 200px;
	}
	#oblea div{
		min-height: 400px;
	}
	a#collage-galeria span{
		top: 230px;
	}
	#footer nav a{
		float: left;
		margin: 0;
		padding: 10px 0;
		width: 25%;
	}
	#footer .text-end{
		margin-top: 45px;
		text-align: center !important;
	}
	
}

/* md */
@media only screen and (max-width : 991px) 	{
	
	nav.navbar{
		height: auto;
		min-height: 97px;
	}
	nav.navbar .container{
		position: relative;
	}
	a.navbar-brand{
		position: static;
	}
	a.navbar-brand-mobile{
		position: absolute;
		top: 0;
		left: 0;
		display: block;
	}
	div.collapse.navbar-collapse{
		padding: 60px 0 30px 0;
	}
	li.nav-item{
		border-bottom: solid 1px #595f5c;
	}
	a.nav-link{
		height: 85px;
		line-height: 85px;
	}
	
	.fixed-top{
		position: static;
	}
	.fixed-top-margin{
		margin-top: 0;
	}
	
	#inicio-header header hgroup{
		padding: 30px 100px 0 100px;
	}
	#oblea div{
		width: 100%;
		min-height: auto;
		padding: 0 45px 75px 45px;
	}
	#oblea div:last-child{
		padding: 0 45px 45px 45px;
	}
	a#collage-galeria span{
		top: 260px;
	}
	#footer nav a{
		width: 50%;
	}
	
}

/* sm */ 
@media only screen and (max-width : 767px) 	{
	
	h1.titulo-cabana span{
		display: block;
	}
	h1.titulo-cabana strong{
		display: none;
	}
	h6.volanta-cabana{
		font-size: 20px;
	}
	
	#inicio-header header hgroup{
		padding: 30px 0px 0 0px;
	}
	
	#nuestras-cabanas h2{
		font-size: 40px;
	}
	
	a#collage-galeria span{
		top: 180px;
	}
	#footer nav{
		float: left;
	}
	#footer nav a{
		margin: 0;
		padding: 25px 0;
		
		display: inline-block;
		width: 100%;
		
		border-bottom: solid 1px #281f16;
		
		text-align: center;
	}
	
}

/* xs */ 
@media only screen and (max-width : 575px) 	{
	
	#inicio-header{
		height: 594px;
		background: url(../_img/header.jpg) no-repeat center top;
		background-size: 960px;
	}
	#inicio-header header{
		margin-top: 300px;
	}
	#inicio-header h1{
		font-size: 30px;
	}
	#inicio-header header hgroup{
		margin: 15px 0 0 0;
		padding: 0 0 0 0;
	}
	#inicio-header h2{
		margin-top: 0px;
		font-size: 21px;
	}
	#inicio-header h3{
		margin-top: 15px;
		font-size: 21px;
	}
	
	#inicio-oblea #oblea{
		margin-top: 100px;
	}
	
}