/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 15/11/2016, 13:00:15
    Author     : Jorge
*/

body, html {
	margin: 0px;
	height: 100%;
	width: 100%;
	background-color: black;

}
#main {
	margin: 0px;
	height: auto;
	width: 100%;
	overflow: hidden;
	position: relative;
	float: left;
}

@media only screen and (max-width: 768px) {
	#main img {
		position: relative;
		width: 100%;
		height: auto;
		margin: 0;
	}
	#main img.desktop-view {
		display: none;
	}
	#main img.mobile-view {
		display: block;
	}
}
@media only screen and (min-width: 769px) {
	#main img {
		position: relative;
		top: 0;
		margin: 0 auto;
	}
	#main img.desktop-view {
		display: block;
	}
	#main img.mobile-view {
		display: none;
	}
}