
header{
position: fixed;

}
#slider{
	position: relative;
	overflow: hidden;
	width: 100%;
	margin: auto;
	border-bottom: green 5px solid;
	box-shadow: 0px 5px 10px rgba(0,0,0,0.5);
}
	
section:first-child{
	width: 100%;
	padding: 100px 0px 100px;
	background: url(/img/index/section-1/bg.jpg);
	background-size: 100% 100%;
	background-position: center center;
	background-attachment: fixed;

}
	section:first-child article{
		width: 1000px;
		margin: auto;
		padding: 20px;
		background: rgba(255,255,255,0.7);
		color: #232121;
	}
	section:first-child article h3{
		font-size: 1.6em;
		border-bottom: 2px solid green;
		margin-bottom: 10px;
		padding-bottom: 10px;
		color: #232121;
	}
		section:first-child article div{
			display: flex;
		}
			section:first-child article div p{
				margin: auto;
				font-size: 1.3em;
			}
			section:first-child article div img{
				margin: auto;
			}

section:nth-child(2){
	width: 100%;
	padding: 100px 0px 100px;
	background: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),url(/img/index/section-1/bg.jpg);
	background-size: 100% 100%;
	background-position: center center;
	background-attachment: fixed;

}
	section:nth-child(2) article{
		width: 1000px;
		margin: auto;
		display: flex;
	}
	section:nth-child(2) article>div{
		width: 30%;
		margin:auto;
		height: 200px;
		position: relative;
	}
		section:nth-child(2) article>div>div{
			width: 100%;
			height: 200px;
			border: 5px solid white;
		}
			section:nth-child(2) article>div>div.carrusel>div{
				width: 100%;
				height: 200px;
				background-attachment: scroll!important;
				background-size: cover!important;
			}
	section:nth-child(2) article>div:first-child{
		background-size:auto 100% ;
		background-position: center center;
	}
	section:nth-child(2) article>div:nth-child(2){
		background: url(/img/index/section-2/cruzeros.jpg);
		background-size: auto 100%;
		background-position: center center;
	}
	section:nth-child(2) article >div:nth-child(3){
		background: url(/img/index/section-2/excursiones.jpg);
		background-size: auto 100%;
		background-position: center center;
	}
		section:nth-child(2) article>div h3{
			width: 100%;
			height: 200px;
			position: absolute;
			left: 0px;
			top: 0px;
			z-index: 10;
			display: flex;
		}
		section:nth-child(2) article>div h3 span{
			margin: auto;
			width: 100%;
			text-align: center;
			transition:0.5s ease all;
			padding: 10px;
			background: rgba(255,255,255,0.3);
			text-shadow: 1px 1px 1px rgba(0,0,0,0.6);
			box-shadow: 0px 0px 4px rgba(0,0,0,0.4);
			color: white;
			letter-spacing: 1px;
		}
			section:nth-child(2) article div:hover h3 span{
				background: rgba(255,255,255,0.1);
			}
section:nth-child(3){
	width: 100%;
	padding: 200px 0px 200px;
	background: linear-gradient(rgba(0,0,0,0.4),rgba(0,0,0,0.4)),url(/img/index/section-3/bg.jpg);
	background-size: 100% 100%;
	background-position: center center;
	background-attachment: fixed;
	text-align: center;
}
	section:nth-child(3) h3{
		width: 1000px;
		margin: auto;
		font-size: 3em;
		color: white;
		font-weight: normal;
		text-shadow: 1px 1px 1px black;
	}
		section:nth-child(3) h3 b{
			font-size: 1.5em;
		}
@media(max-width: 1000px){
	section:first-child article{
		width: 90%;
	}
	section:first-child article h3{
		font-size: 1.4em;
	}
	section:first-child article div p{
		font-size: 1em;
	}

	section:nth-child(2) article{
		width: 100%;
	}
	section:nth-child(3) h3{
		width: 100%;
	}

}
@media(max-width: 800px){
	section:nth-child(3){
		padding: 100px 0px 100px;
	}
	section:nth-child(3) h3{
		font-size: 1.4em;
	}
}
@media(max-width: 500px){
	section:first-child article div{
		display: inline-block;
		text-align: center;
	}
	section:nth-child(2) article{
		display: inline-block;
	}
		section:nth-child(2) article div{
			width: 80%;
			margin-bottom: 10px;
		}
}