body {
	text-align:center;
	background: #111 url("/images/user/cartographer.png");
}

/* inverse buttons */
.btn-inverse {
  background-color: #404040;
  border-color: #404040;
	color:#fff;
}
.btn-inverse:hover,
.btn-inverse:focus,
.btn-inverse:active,
.btn-inverse.active {
  background-color: #393939;
  border-color: #404040;
	color:#fff;
}
.btn-inverse.disabled:hover,
.btn-inverse.disabled:focus,
.btn-inverse.disabled:active,
.btn-inverse.disabled.active,
.btn-inverse[disabled]:hover,
.btn-inverse[disabled]:focus,
.btn-inverse[disabled]:active,
.btn-inverse[disabled].active,
fieldset[disabled] .btn-inverse:hover,
fieldset[disabled] .btn-inverse:focus,
fieldset[disabled] .btn-inverse:active,
fieldset[disabled] .btn-inverse.active {
  background-color: #393939;
  border-color: #404040;
}
.btn-inverse[disabled] { color:#777; }

.btn-inverse .caret {
	border-top-color:#fff;
	border-bottom-color:#fff;
}

/** Top Nav **/
/***********************************************************/

.navbar {
	padding-left:10px;
	padding-right:10px;
}
.navbar-inverse .navbar-nav>li>a {
	color:#e5e5e5;
}
.navbar-inverse .navbar-nav>.dropdown>a .caret {
	border-top-color:#e5e5e5;
	border-bottom-color:#e5e5e5;
}
.dropdown-menu { margin-top:0; }
.dropdown-menu > li > a:hover { background: #f46e43; }
.navbar-lg .dropdown-toggle { width:220px; }

/* navbar-lg */
.navbar-lg .navbar-right {
	padding-top:12px;
	padding-bottom:12px;
	padding-right:5px;
}
.navbar-lg .logo img {
	height:36px;
	width:auto;
}
.navbar-nav>li.navbar-logo>a {
	padding-top: 15px;
	padding-bottom: 15px;
}
.dropdown-menu { font-size: 18px; }

/* navbar-sm */
.navbar-sm { margin-bottom:0; border-radius:0; }

/* shared */
#mockup-iframe-wrapper {
	overflow: hidden;
	padding:0;
}
#mockup-iframe {
	margin: 0;
	padding: 0;
	border: none;
	overflow: auto !important;
}

/* phone + tablet */
.phone #mockup-iframe-wrapper,
.tablet #mockup-iframe-wrapper {
	background-color:#111;
	padding: 98px 18px;
	margin: 100px auto 0 auto;
	-webkit-border-radius: 30px;
	border-radius: 30px;
	box-shadow: 0 2px 4px rgba(0,0,0,0.3);
}

/* phone */
.phone #mockup-iframe-wrapper {
	width: 356px;
	height: 764px;
}
	.phone #mockup-iframe {
		width:320px;
		height:568px;
	}

/* tablet */
.tablet #mockup-iframe-wrapper {
	width:830px;
	height:1220px;
	margin-bottom:50px;
}
	.tablet #mockup-iframe {
		width:795px;
		height:1024px;
	}

/* full */
.full #mockup-iframe-wrapper {
	width:100%;
	-webkit-border-radius: 0px;
	border-radius:0;
}
	.full #mockup-iframe {
		width:100%;
		height: 5000px;
	}

/* Extra small devices */
@media (max-width: 767px) {
}

/* Small devices */
@media (min-width: 768px) and (max-width: 991px) {
}

/* Medium devices */
@media (min-width: 992px) and (max-width: 1199px) {
}

/* Large devices */
@media (min-width: 1200px) {
}