/* CSS Document ---------------------------------------------------

Created by:			.eyecatcher ag - Lydie Chambrier
For:				eyevip UI
Date of creation:	12-12-2014
Last update:		12-12-2014 (lcr)

------------------------------------------------------------------*/

@media all and (min-width: 1350px) {

/* DASHBOARD
----------------------------------------------------------------- */

.dashboard span.big {display: block; font-size: 3.125em; font-weight: 700; line-height: 1em;}
.dashboard.col4 {width: 25%;}
	
}


@media all and (max-width: 1350px) {

/* BASICS
----------------------------------------------------------------- */


}

@media all and (max-width: 1024px) {
	
/* BASICS
----------------------------------------------------------------- */	
	
nav#main-nav .content, body > header .content, .content {width: auto; margin: 0 1em; width:900px;}

nav a {padding: 0.8em 20px;}

nav#main-nav {display: block; font-size: 1em; position: relative;}
nav#main-nav .active {background-image: none;}
nav#main-nav ul {display: none; position: absolute; margin:0 !important; top:2.7em; left:0; width: 100%; z-index:200; background-color: #333333;}
nav#main-nav ul li {float: none; border-bottom: 1px solid #666;}
nav#main-nav ul li a {padding-left: 30px; padding-right: 30px;}
nav#main-nav ul li .fa-angle-down {display: none;}

nav#main-nav .fa-navicon {display:block;}


/* DASHBOARD
----------------------------------------------------------------- */
.dashboard small {display: none;}

/*404*/
.bg-black .content {width: auto; margin:0;}
.page-404 {width: auto; margin: 0 0.8em;}
.page-404 img {max-width: 350px;}	


}

@media all and (max-height: 1080px) {
	
/* MODAL WINDOW
----------------------------------------------------------------- */	

.window {max-height: 90% !important;}	

}