/* CSS Manso de Velasco - Miguel torres

*/

body {
	margin: 0px;
}

.manso {
	cursor: pointer;
}

/* Custom, iPhone Retina */ 

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

	body {
		background-image: url(../images/bg-manso-min.jpg);
		background-position: top left;
		background-size: cover;
		background-repeat: no-repeat;
		background-attachment: fixed;
		overflow: hidden;
	}

	img.caption {
		max-width: 90%;
		position: relative;
    	margin: 24% auto 10% 10%;
		display: block;

	}

}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {

	body {
		overflow: scroll;
	}

	img.caption {
		max-width: 50%;
		margin:20px auto;
	}

}

/* Small Devices, Tablets */
 @media only screen and (min-width : 768px) {

	body.manso {
		background-position: top left;
		background-size: cover;
		background-repeat: no-repeat;
		overflow: scroll;
		margin:0px;
	}

	img.caption {
		max-width: 100%;
		position: absolute;
		top: 20px;
		right: 0px;
		margin:0px;
	}

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {}