@charset "utf-8";
/* CSS Document */

@media only screen and (max-width: 1195px)  {
.navbar .nav > li > a 	{ padding: 10px 15%!important;}
.navbar-fixed-top, 
.navbar-fixed-bottom 	{  position: fixed!important;}
.model 					{ top: 50%;}
.subtitle 				{ top: 50%;}
#sequence 				{ height: 350px;}
.menu-spacer			{ width:230px!important; padding:0!important;}

}

@media only screen and (max-width: 982px)  {
.navbar .nav > li 		{ float: left; margin: 3px 0 5px !important; width:100%;}
.navbar .nav > li > a 	{ padding: 10px 0 10px 6%!important; width:94%; text-align:left}
.nav-collapse, 
.nav-collapse.collapse 	{ background:rgba(0,0,0,.8); margin-top:50px!important;}
.navbar .brand		 	{ z-index:1}
.navbar .nav > li:first-child { margin-left:0!important;}
.controls {	bottom: 0px;}
}

@media only screen and (max-width: 780px)  {
.logo-row 				{ margin-top: 0 !important;}
.nav-row 				{ margin-top:0;}
.navbar .brand img	 	{ max-width:100px; }
#sequence 				{ height: 250px;}
#home					{ padding-top: 120px;}
#about, #menu, #feedback, 
#gallery , #contact 	{ padding:30px 0; padding-top: 120px; min-height:500px;}

.ib-container article 	{ height: 200px; width: 200px; z-index: 1;}
.navbar .btn, 
.navbar .btn-group 		{ margin-top: -0px!important; margin-right:30px!important;}
.menu-box				{ border-right:none; width:100%;}
}

@media only screen and (max-width: 400px)  {
.navbar .brand img	 	{ max-width:100px;  }
#sequence 				{ height: 150px;}

}