
/*****************************MEDIA QUERIES*****************************/
@media only screen and (max-width : 960px) {
	#wrapper{
		width: 100%;
	}

	.item{width: 50%}
	.dbls {
    width:100%
}

	#wrapper_vanessa{
	width:100%;
	}
	#wrapper_vanessa .item:first-child {
	margin-top: 45px;
	}
	#wrapper_vanessa .item{
	width:100%;
	margin-top: 15px;
	}


	#logo{
	position: fixed;


	top: 0px;

	left: 0;

	width: 35%;
	 -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
	}

	#vanessa #logo{
	text-align: left;
	background: #000;
	}

	#vanessa #logo a{color: #fff;}
	#vanessa #logo a:hover{color: #fff;
	background-color: #000;}
	header{
	width: 100%;
	height: 30px;
	position: fixed;
	background: #000;
	left: 0;
	top: 0;
	color: #fff;
	z-index: 999;}

	header h1{
	font-size: 18px;
	}

	header{
	/*position: absolute;*/
	background: #000;
	}

	header h1{
	font-size: 14px;
	text-align: left;
	}

	nav#menu{
	display: none;
	}
	nav#menu_mob{
	display: block;
	}
	nav#menu_mob{
	position: absolute;

	top: 11px;

	right: 17px;

	/* left: 53%; */

	font-size: 10px;
	color: #fff;

	/* width: 100%; */

	display: block;
	}

	nav#menu_mob a{
	margin-left: 27px;
	text-decoration: none;
	color: #fff;

	/* font-weight: 100; */
	text-transform: uppercase;
	display: inline;

	font-size: 10px;
	 font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
	}


}
@media only screen and (max-width : 1400px) and (min-width: 960px){
	/**VANESSA**/
	#wrapper_vanessa{
	width:960px;
	/*height: 1000px;*/
	overflow: auto;
	white-space: nowrap;
	margin: auto auto;
	}
	#wrapper_vanessa .item{
	width: 100%;
	margin: auto auto;
	display:inline-block;
	float: left;
	margin-top: 84px;
	}
	#wrapper_vanessa .item:first-child {
	margin-top: 84px;
	}
}
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
/* Styles */

		.video{
		display: none;
		} 

		.mobile{
		display: none;
		}

	.item {
	float:left;
	width: 100%;
	margin:0;
	margin-bottom:0px;
	padding:0;
	display:block;
	overflow:hidden;
	/*background: #000;*/
	}
	#logo{
	position: absolute;

	top: 0px;
	left: 4px;
	}
	header{
	width: 100%;
	height: 52px;
	position: fixed;
	background: #000;
	left: 0;
	top: 0;
	color: #fff;
	z-index: 999;
	}

	header h1{
	position: relative;
	font-size: 18px;
	}

	header{
	
	background: #000;
	}

	header h1{
	font-size: 14px;
	}

	nav#menu{
	display: none;
	}


	nav#menu_mob{
	position: absolute;
	top: 31px;
	right: 0px;
	/* left: 53%; */
	font-size: 10px;
	color: #fff;
	width: 100%;
	display: block;
	}

	nav#menu_mob a{
	margin-left: 12px;
	text-decoration: none;
	color: #fff;
	/* font-weight: 100; */
	text-transform: uppercase;
	display: inline;
	font-size: 10px;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	text-align: right;
	}
	#wrapper_vanessa{
	width:100%;
	}

}
/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
	.item {
	float:left;
	width: 33%;
	margin:0;
	margin-bottom: -3px;
	padding:0;
	display:block;
	overflow:hidden;
	background: #000;
	}
	/* Styles */
	#wrapper_vanessa{
	width:100%;
	}
}