body{
	height: 100vh;
	left:0;
	right:0;
	top:0;
	bottom:0;
	z-index: -1;
	background: url('../img/vacation.jpg');
	background-size: cover;
	background-position: top center !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed;	
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

.main-row{
	height: 100%;
	width: 100%;
}

.main{
	height: 27em;
	padding: 0;
}

.main-bg-image{
	height: 100%;
	background: url('../img/sea.jpg');
	background-size: cover;
	background-position: top center !important;
    background-repeat: no-repeat !important;
    border-radius: 10px 0 0 10px;
}

.main-form{
	height: 100%;
	border-radius: 0 10px 10px 0;
	background-color: rgba(0,0,0, 0.3);
}

.menu{
	background: #09347A;
	border: none;
}

.roboto{
	font-family: 'Roboto Condensed', sans-serif;
}

.blue-text{
	color: #09347A;
}

#ingresar, #ingresar-checkIn{
	display: none;
}

.btn-blue{
	background-color: #09347A;
	border: none;
	border-radius: 5px;
	font-size: 1.2em;
}

.btn-send{
	background-color: #09347A;
	border: none;
	border-radius: 5px;
	font-size: 1.2em;
}

.txt{
	font-size: 1.2em;
}

.info-advice{
	cursor: pointer;
}

.doble i{
	color: #09347A;
	font-size: 2em;
}

.modal .blue-text{
	color: #09347A;
}

.btn-ingresar{
	background-color: #09347A;
	border: none;
	border-radius: 5px;
}

@media screen and (max-width: 560px){
	.main{
		display: flex;
		flex-direction: column;	

	}

	.main-form{
		margin-bottom: 10em;
	}

	body{
		height: auto;
		padding-bottom: 2em;
	}

	body::before{
   	 	-webkit-filter: blur(5px);
		-moz-filter: blur(5px);
		-o-filter: blur(5px);
		-ms-filter: blur(5px);
		filter: blur(5px);
	}

	.main-row{
		height: auto;
		width: 100%;
	}

	.main{
		height: auto;
		padding: 0;
	}

	.main-bg-image{
		margin-top: 3em;
		height: 20em;
		padding: 0;
		border-radius: 10px 10px 0 0;
	}

	.main-form{
		height: 25em;
		padding-bottom: 3em;
		border-radius: 0 0 10px 10px;
	}

}