* { box-sizing: border-box; }

body { margin: 0; padding: 0; }

h1 { font-size: 44px; margin-bottom: 15px; color: #000; }
h2 { font-size: 36px; margin-bottom: 15px; color: #000; }
h3 { font-size: 28px; margin: 0 0 30px; color: #000; }
p { line-height: 1.5rem; }

#debugger { width: 100%; }

.container-fluid { overflow: hidden; position: relative; }

header > .row { border-top: 10px solid #ccc; box-shadow: 0 5px 10px rgba(0,0,0,0.8); position: relative; z-index: 10; }
footer p { font-size: 12px; color: #ddd; text-align: center; margin: 0; }

.settings-panel { width: 300px; height: 240px; position: absolute; z-index: 999; top: 250px; right: -300px; background-color: #ccc; border-top-left-radius: 10px; border-bottom-left-radius: 10px; box-shadow: -5px 5px 10px rgba(0,0,0,0.5); transition: all 0.5s ease; box-sizing: border-box; }
.settings-panel * { box-sizing: border-box; font-family: 'Roboto', sans-serif; font-size: 14px; color: #000; }
.settings-panel.show { right: 0; }
.settings-panel label { font-size: 14px; font-weight: bold; display: block; margin-bottom: 5px; }
.settings-panel label small { font-size: 12px; font-weight: normal; }
.settings-panel select, input { width: 100%; display: block; border: 1px solid #aaa; background-color: #fff; font-size: 12px; padding: 5px; border-radius: 5px; box-shadow: inset 0 0 5px rgba(0,0,0,0.3); }
.settings-panel input[type=number] { width: 60px; display: inline-block; margin: 0 5px; }
.settings-panel .btn-open-panel { width: 40px; height: 50px; position: absolute; top: 15px; left: -40px; border-top-left-radius: 10px; border-bottom-left-radius: 10px; box-shadow: -5px 5px 10px rgba(0,0,0,0.5); background: url(assets/images/25442.png) no-repeat center center #eee; background-size: 60%; }
.settings-panel .panel-form { width: 100%; padding: 20px; }
.settings-panel .panel-row { width: 100%; margin-bottom: 15px; }
.settings-panel .panel-row span { font-size: 13px; }

.row.border-top { border-top: 50px solid #eee !important; }
.claim { padding: 50px 10%; }
pre { white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; -moz-tab-size: 4; tab-size: 4; }
pre code { color: #d1dd27; font-size: 14px; }
pre code b { color: #ffff00; }

.jumbotron{ margin-bottom: 0; border-radius: 0; }

.img-performance { height: 400px; background: url(assets/images/performance.jpg) no-repeat center center; background-size: contain; }
.img-code { min-height: 250px; background: url(assets/images/code.jpg) no-repeat center center; background-size: cover; }
.img-full { background-image: url(assets/images/full.jpg); background-attachment: fixed; background-size: cover; background-position: 50% 50%; }
.img-full h2 { font-size: 70px; line-height: 66px; color: #d2dd27; text-transform: uppercase; margin: 0 0 40px; text-shadow: 0 2px 7px rgba(0,0,0,0.7); }
.img-full h3 { font-size: 36px; color: #fff; margin: 40px 0 0; }
.img-backgrounds { min-height: 450px; background: url(assets/images/backgrounds.jpg) no-repeat center center; background-size: cover; }
.bg-black { background-color: #000; }

#threeDSliderDiv { width: 100%; height: 600px; }
#threeDSliderDiv .threedslider-slide-title { font-family: 'Anton'; font-size: 60px; color: #d1dd27; text-align: right; }
#threeDSliderDiv .threedslider-slide-subtitle { font-family: 'Archivo Narrow'; font-size: 40px; color: #fff; text-align: right; }

#threeDSliderDiv2 { width: 100%; height: 100%; }
#threeDSliderDiv2 .threedslider-slide-title { font-family: 'Anton'; font-size: 70px; color: #000; text-align: right; }
#threeDSliderDiv2 .threedslider-slide-subtitle { font-family: 'Mansalva'; font-size: 60px; color: #000; text-align: right; }

#threeDSliderDiv3 { width: 100%; height: 400px; }

@media screen and (max-width: 768px) {
	.img-performance { height: 250px; }
	.settings-panel { top: 115px; }
	.img-full h2 { font-size: 56px; line-height: 52px; margin-bottom: 0; }
	.img-full h3 { font-size: 30px; margin-top: 0; margin-bottom: 20px; }
	.p-5 { padding-left: 1.5rem !important; padding-right: 1.5rem !important; }
	#threeDSliderDiv { height: 300px; }
	#threeDSliderDiv .threedslider-slide-title { font-size: 80px; }
	#threeDSliderDiv .threedslider-slide-subtitle { font-size: 60px; }
	.info-text h2,
	.info-text h3,
	.info-text p,
	.info-text .text-right,
	.info-text .text-left { text-align: center !important; }*/
}