@font-face {
	font-family: 'Camingo';
	src: url('../files/fonts/CamingoCode-Regular.eot'); /* IE9 Compat Modes */
	src: url('../files/fonts/CamingoCode-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('../files/fonts/CamingoCode-Regular.woff') format('woff'), /* Modern Browsers */
	url('../files/fonts/CamingoCode-Regular.ttf') format('truetype'), /* Safari, Android, iOS */
	url('../files/fonts/CamingoCode-Regular.svg#CamingoCode-Regular') format('svg'); /* Legacy iOS */
	font-style: normal;
	font-weight: normal;
	text-rendering: optimizeLegibility;
}

body { font-family: 'Camingo'; color: #666; background-color: #ddd; line-height: 1.25 }
#page-wrapper { margin: 30px 20px }

/* Navbar */
.bg-light { background-color: transparent !important }
.brand { margin: 0; /*background-color: #565656;*/ font-size: 0.8em; text-align: center; background-color: #333; color: transparent; text-shadow: 0px 2px 3px rgba(255,255,255,0.5); -webkit-background-clip: text; -moz-background-clip: text; background-clip: text }
.brand.innostation-brand { font-size: 1.7em; font-weight: 600 }
.navbar { position: fixed; left: 0; top: 0; right: 0; padding: 15px 20px; background-color: #ddd !important; z-index: 1000 }
.nav-item.active>a { font-weight: 600 }
.nav-item-separator { display: none }

/* Content */
#content-wrapper { padding-top: 100px; padding-bottom: 50px }

/* Consultation */
.row div { max-width: 100% }
.row img { max-width: 100%; margin: auto }
.bullet-number { width: 1.25em; height: 1.25em; display: inline-block; border-radius: 0.625em; vertical-align: top; text-align: center; color: white; background-color: #339933 }
.bullet-p { padding-left: 1em; padding-bottom: 0.5em; width: 93%; display: inline-block }

/* Portfolio */
.portfolio-description .logo { padding: 0 }

/* Contact */
.contact-container p { font-weight: 800 }
.contact-container span { color: red }
.contact-container label { margin: 10px 0 0 }
.contact-container input { display: block }
.contact-container label, .contact-container input, .contact-container textarea { width: 100%; display: block }
.contact-container textarea { height: 200px }
.contact-container button { margin-top: 15px; float: right }

.footer { position: fixed; left: 0; bottom: 0; right: 0; padding: 1em; color: #999; background-color: #ddd; text-align: center; z-index: 1000 }

@media (min-width: 768px) { 
	#page-wrapper { margin: 30px 100px }
	.navbar { padding: 15px 100px }
	.nav-item-separator { display: list-item }
}

@media (max-width: 992px) {
	.consulation-description { margin-top: 30px; max-width: 570px }
}