

span.islas
{
	display: block;
}
.field-item > .row {
  background: url('../img/static-plans/bg-1-top.jpg') no-repeat left bottom; 
  background-size: auto 275px;
  padding-bottom: 275px !important;
}
.bg-medio 
{ 
	background-image: url('../img/static-plans/bg-2-m.jpg'); 
	background-repeat: no-repeat; 
	background-position: center bottom;
	background-color: #cbcbcb;
	padding-bottom: 750px;
}

h1.alojarse {
 	color: #fff; /* text color */
 	font-family: 'Roboto', sans-serif;
 	font-size: 49px;
 	padding: 0 15px;
  margin: 54px 0 20px;
}

.rectangulo {
	max-width: 900px;
	background-color: #FFF;
	padding: 10px 35px;

}
.rectangulo p 
{
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	font-weight: 300;
	color: #393939;
	line-height: 1.42857;
}
.rectangulo h2 
{
	font-family: 'Roboto', sans-serif;
	font-size: 26px;
	font-weight: bold;
	color: #393939;
}

/* ##################################################
   ################  MAYOR A 768px ################## */

@media only screen and (min-width: 767px) {

	.node-type-static-inspires .main-container { position: relative; top: -77px; }
	.node-type-static-plans div.row:nth-child(2) { height: 328px; }

	.bg-top {
		background-image: url('../img/static-plans/bg-1-top.jpg'); 
		background-repeat: no-repeat; 
		background-position: center top; 
	 }	
	
	 .field-item > .row {
			background: none;
			padding-bottom: 0 !important;;
	 }
	 .bg-medio 
	 {
	 		background-image: url('../img/static-plans/bg-2.jpg'); 
			background-repeat: no-repeat; 
			background-position: center bottom; 
	 		min-height: 1290px;

	 }
	 .rectangulo
	 {
	 	background-color: rgba(255,255,255,.8);
	 }
	 h1.alojarse
	 {
	 	padding-top: 100px;
	 	text-shadow: 3px 3px 3px #22201b; 
	 	max-width: 800px;
	 } 
	 h1.alojarse span {
	 	display: block;
	 }
	span.islas
	{
		display: inline;
	}
	.rectangulo{margin-top: 70px}
	.rectangulo p{font-size: 14px}
}
    h1.alojarse span {
        font-size: 69px;
    }


/* ##################################################
   ################  MAYOR A 940px ################## */

@media only screen and (min-width: 991px) {
	
	.node-type-static-inspires .main-container { position: relative; top: -94px; }
	
	
}


/* ##################################################
   ################  MAYOR A 1400px ################## */

@media only screen and (min-width: 1400px) {
	
	.bg-medio {
		background-size: 100% auto;
	} 
}