#header {background-image: url(../../../../../images/header-companie.jpg);}
.social-icons {margin-top: 0.5em;}
.social-icons img{height: 30px; width: 30px; margin-right: 0.7em;}
.social-icons a:last-of-type img {margin-right: 0;}

.jumbotron.parallax {display: flex; display: -ms-flex; display: -moz-flex; display: -webkit-flex; align-items: center; -ms-align-items: center; -moz-align-items: center; -webkit-align-items: center;}
.jumbotron.parallax .container {display: block; height: auto; position: relative; background: rgba(0,0,0,0.7);}

#math {height: 200px;}
#math div {align-items: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; height: 100%; justify-content: center; -ms-justify-content: center; -moz-justify-content: center; -webkit-justify-content: center;}

#map-box {height: 400px; overflow: hidden; border: 2px solid #e7e8e9;}
#map-box iframe {position: relative; top: -65px; width: 110%; left: -17px;}
#map-box ~ .col-lg-5 {padding-left: 3em;}

.container .icon {width: 50%; margin: 0 auto; margin-bottom: 1em;}
.dialog-box {width: 60%;}
.dialog-box img {width: 50%; margin-bottom: 1em;}
.dialog-box h3 {margin-top: 0;}

.wistia_playlist {width: 100%;}

#carousel-4 {margin-top: 3em;}

.list-accordion li:first-child ul {
	display: block;
}

@media only screen and (max-width: 1500px) {
	.dialog-box {width: 90%;}
}

@media only screen and (max-width: 1200px) {
	.dialog-box {width: 95%;}
	.list-accordion li:first-child ul {display: none;}
}

@media only screen and (max-width: 991px) {
	.dark-gray .col-sm-6 {margin-bottom: 1em; margin-top: 1em;}
	.dialog-box {width: 60%;}
	.dialog-box img {width: 100%; margin-bottom: 2em;; float: none; display: block;}
	#map-box {margin-bottom: 2em; }
	#map-box ~ .col-lg-5 {padding-left: 0;}
	
	.jumbotron.parallax {height: auto; background-image: unset !important; background-color: #242424;}
	.jumbotron.parallax .container {background: unset;}
	
	#what-makes-us-big-ass .flex {display: block;}
	#what-makes-us-big-ass .flex .icon-container {width: 32.5%; display: inline-block;}
	#what-makes-us-big-ass .flex .icon-container:nth-child(5), #what-makes-us-big-ass .flex .icon-container:nth-child(6) {width: 49%;}
	.container .icon {width: 100px;}
}

@media only screen and (max-width: 767px) {
	.dialog-box {width: 90%;}
	.dialog-box img {border: 0; margin-bottom: 1em;}
	
	#math {height: auto; margin-top: 2em;}
	
	#map-box iframe {width: 112%;}
	
	.jumbotron.parallax .container {padding-left: 15px; padding-right: 15px;}
	
	#what-makes-us-big-ass .flex .icon-container {width: 49%; margin-top: 1em; margin-bottom: 1em;}
	#what-makes-us-big-ass .flex .icon-container:last-of-type {margin: 0 auto; display: block;}
}