/*large monitors*/
@media screen and (max-width: 1800px) {

}

/*laptops and desktop*/
@media screen and (max-width: 1200px) {

	.cd-hero .cd-hero__content p {
		text-shadow: 0 3px 5px rgba(0,0,0,.5);
	}

	.cd-hero ul.cd-hero__slider li.cd-hero__slide .cd-hero__content h2 {
		text-shadow: 0 3px 5px rgba(0,0,0,.5);
	}

	#hero {
		height: 65vh;
	}

	#hero .spacer {
		height: 50px;
	}

	section {
		padding: 6rem 0;
	}

	#services {
		padding-top: 0;
	}

	#services p.sumText {
		text-align: center;
		font-size: 1.1rem;
	}

	#services p.bottomLineText {
		color: #235283;
		font-size: 1.1rem;
		text-align: center;
		font-weight: 700;
		margin-top: 1rem;
	}

	#careers .cards {
		padding: 1rem 0 0 0;
	}
}

@media screen and (max-width: 1800px) 
and (orientation: landscape) {

	.hero-owl-carousel .hero-item {
		text-align: left;
		height: 80vh;
	}

	.hero-owl-carousel .hero-item .container {
		-webkit-box-align: start;
		    -ms-flex-align: start;
		        align-items: flex-start;
	}

	.hero-owl-carousel .hero-item .container .row {
		margin-bottom: 7rem;
	}

	.hero-owl-carousel h1 {
		font-size: 3rem;
	}

	.hero-owl-carousel h3 {
		font-size: 2rem;
	}

	.careersItem {
		max-width: 80%;
		margin: 0 auto;
	}
}

/*tablets*/
@media screen and (max-width: 900px) {
	
	#topBar {
		height: 100px;
		font-size: .8rem;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-direction: row;
		        flex-direction: row;
		display: none;
	}

	#topBar .container-fluid .container {
		padding: 0;
		max-height: 70px;
		width: 100%;
	}

	#topBar .topBarItem {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		text-align: center;
	}

	#nav {
		height: 40px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-direction: row;
		        flex-direction: row;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
	}

	#nav ul li {
		padding: 0 1rem 0 0;
	}

	#nav ul li a {
		font-size: .8rem;
	}

	.topBarItem p:nth-of-type(1) {
		margin: 0 0 .5rem 0;
	}

	.hero-owl-carousel .hero-item {
		text-align: left;
		height: 35vh;
	}

	.hero-owl-carousel .hero-item .container {
		-webkit-box-align: start;
		    -ms-flex-align: start;
		        align-items: flex-start;
	}

	.hero-owl-carousel .hero-item .container .row {
		margin-bottom: 2rem;
	}

	.hero-owl-carousel h1 {
		font-size: 1.8rem;
	}

	.hero-owl-carousel h3 {
		font-size: 1.3rem;
	}

	#hero {
		height: 25vh;
	}

	#hero h1 {
		font-size: 1.5rem;
	}

	#hero h3 {
		font-size: 1.2rem;
	}

	h2.sectionHeader {
		font-size: 1.5rem;
	}

	div.text p {
		font-size: .8rem;
	}

	section {
		padding: 4rem 0;
	}

	#team .bottomPic {
		margin-top: 1rem;
		height: 300px;
	}

	#services {
		margin-bottom: 2rem;
		padding-top: 0;
	}

	#team .profiles {
		padding: 3rem 0 .5rem 0;
	}

	#team .teamItem p {
		font-size: .8rem;
	}

	#team .teamItem .teamItem-body {
		padding: .5rem 0 .5rem 2rem;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-pack: start;
		    -ms-flex-pack: start;
		        justify-content: flex-start;
	}

	#services ul {
		padding-left: 0;
	}

	#careers {
		padding: 4rem 0 0 0;
	}

	#careers .careersFormBar {
		margin-top: 5rem;
	}

	#careers .careersItem {
		padding-right: .2rem;
		padding-left: .2rem;
	}

	#careers .cards .card-body h5 {
		font-size: 1.2rem;
	}

	#careers .cards .card-body p {
		font-size: .8rem;
	}

	#careers .formDiv {
		padding-left: 0;
	}

	#careers .formDiv h5 {
		text-align: center;
		font-size: 1.1rem;
	}

	#careers .careersFormBar .formBarImage {
		background-position: top center;
	}

	#careers form {
		width: 90%;
		/*font-size: .8rem;*/
	}

	#careers form button {
		width: 40%;
		font-size: .9rem;
	}

	#map {
		height: 250px;
	}

	#contact {
		height: 800px;
	}

	#copyrights {
		padding: .3rem .8rem;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
	}

	#copyrights p {
		font-size: .7rem;
		text-align: center;
	}

	#copyrights p.niv {
		margin-right: 1rem;
	}

	#copyrights p.main {
		font-size: .7rem;
	}
	
}

@media screen and (orientation: landscape) and (max-width: 900px) {

	.container {
		max-width: 680px;
	}

	#topBar .container-fluid .container {
		max-height: 100px;
		max-width: 100%;
	}

	.topBarItem, #topBar img {
		-ms-flex-preferred-size: 25%;
		    flex-basis: 25%;
	}

	#topBar .col-sm-12 {
		max-width: 25%;
	}

	.hero-owl-carousel .hero-item {
		text-align: left;
		height: 70vh;
	}

	.hero-owl-carousel .hero-item .container {
		-webkit-box-align: start;
		    -ms-flex-align: start;
		        align-items: flex-start;
	}

	.hero-owl-carousel .hero-item .container .row {
		margin-bottom: 3rem;
	}

	.hero-owl-carousel h1 {
		font-size: 1.8rem;
	}

	.hero-owl-carousel h3 {
		font-size: 1.3rem;
	}

	#hero {
		height: 70vh;
	}

	.careersItem {
		max-width: 100%;
		margin: 0 auto;
	}

	#careers .formBarImage {
		display: none;
	} 

	#careers .careersFormBar {
		margin-top: 2rem;
		height: 700px;
	}

	#careers .formDiv {
		padding: 2.5rem 0;
		max-width: 100%;
		-ms-flex-preferred-size: 100%;
		    flex-basis: 100%;
	}

	#contact .contactDetails {
		display: none;
	}

	body {
		background-color: white;
	}

}

@media screen and (orientation: landscape) and (min-width: 800px) and (max-width: 900px) {
	#hero {
		height: 70vh;
	}

	#careers .formDiv {
		height: 550px;
	}
}

/*mobile devices*/
@media screen and (max-width: 650px) {

	#about img.logo {
		display: none;
	}

	.cd-hero {
		margin-top: 70px;
	}

	.cd-hero .cd-hero__content p {
		text-shadow: 0 3px 5px rgba(0,0,0,.5);
	}

	.cd-hero .cd-hero__content h2 {
		text-shadow: 0 3px 5px rgba(0,0,0,.5);
	}

	#topBar {
		height: 70px;
		width: 100%;
		z-index: 1500;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		position: fixed;
		top: 0;
	}

	#topBar .row {
		height: 70px;
	}

	#topBar .logo {
		max-height: 70px;
	}

	#topBar p.bars {
		display: inline-block;
		font-size: 1.5rem;
		padding: 0 .5rem;
		margin: 0;
		color: #254C84;
	}

	#topBar .col-sm-12 {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-direction: row;
		        flex-direction: row;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
	}

	#topBar .topBarItem {
		display: none;
	}

	#nav {
		display: none;
	}

	.hero-owl-carousel {
		margin-top: 70px;
	}

	.hero-owl-carousel .hero-item {
		text-align: center;
		height: 65vh;
	}

	.hero-owl-carousel .hero-item .container {
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
	}

	.hero-owl-carousel .hero-item .container .row {
		margin-bottom: 3rem;
	}

	.hero-owl-carousel h1 {
		font-size: 1.8rem;
	}

	.hero-owl-carousel h3 {
		font-size: 1.3rem;
	}

	#hero {
		margin-top: 70px;
		height: 65vh;
		background-position: top center;
		background-size: cover;
	}

	#hero h1 {
		font-size: 1.7rem;
	}

	#hero h3 {
		font-size: 1.3rem;
	}

	#mobileNav {
		-webkit-transform-origin: left;
		    -ms-transform-origin: left;
		        transform-origin: left;
		-webkit-transform: translateX(-300px);
		    -ms-transform: translateX(-300px);
		        transform: translateX(-300px);
		background: #255384;
		width: 40%;
		height: 100vh;
		position: fixed;
		left: 0;
		z-index: 1000;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-transition: -webkit-transform .2s 0s ease-out;
		transition: -webkit-transform .2s 0s ease-out;
		-o-transition: transform .2s 0s ease-out;
		transition: transform .2s 0s ease-out;
		transition: transform .2s 0s ease-out, -webkit-transform .2s 0s ease-out;
	}

	#mobileNav.showNav {
		-webkit-transform: translateX(0);
		    -ms-transform: translateX(0);
		        transform: translateX(0);
	}

	#mobileNav ul {
		margin-top: 10px;
		list-style: none;
		padding: .5rem 0 0 0;
	}

	#mobileNav ul li {
		padding: .2rem 0 .2rem 1.5rem;
	}

	#mobileNav ul li a {
		color: white;
		text-transform: uppercase;
		font-family: 'Lato', sans-serif;
		font-weight: 300;
		font-size: .9rem;
		text-decoration: none;
	}

	#mobileNav ul li:active {
		background-color: #1d436b;
	}

	#about .row .text:nth-of-type(2) {
		padding-top: 0;
	}

	#services .rightSide {
		padding-top: 0;
		max-width: 93%;
		margin: 0 auto;
	}

	#services ul li {
		border-left: none;
		border-left: .2rem solid #2980b9;
		margin: .2rem;
	}

	#team {
		margin-top: 3.5rem;
	}

	#team .profiles .item {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
	}

	#team .teamItem img {
		max-width: 40%;
	}

	.teamItem .title {
		text-align: center;
	}

	#team .teamItem p.name {
		font-size: 1.2rem;
	}

	#team .teamItem p.position {
		font-size: 1rem;
	}

	#team .teamItem .teamItem-body {
		padding: .5rem 1rem;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-pack: start;
		    -ms-flex-pack: start;
		        justify-content: flex-start;
	}

	#careers h2 {
		margin-bottom: 2rem;
	}

	#careers .careersItem {
		padding: .2rem;
	}

	#careers .careersItem ul {
		font-size: .8rem;
	}

	#careers .cards {
		padding: 0;
		margin: 0;
	}

	#careers .formBarImage {
		display: none;
	}

	#careers .careersFormBar {
		height: 685px;
	}

	#careers .formDiv h5 {
		padding-top: 2rem;
	}

	#contact div.contactDetails {
		display: none;
	}

	#contact .row.mobileContactInfo {
		padding-top: 1rem;
		display: block;
	}

	#contact .row.mobileContactInfo span {
		font-weight: bold;
	}

	#copyrights p {
		font-size: .5rem;
	}

	#copyrights p.main {
		font-size: .5rem;
	}

}