/**********************************
GENERAL & HOME PAGE 
***********************************/

@media (min-width: 2280px) {
	.coverImage_border {
	    margin: -160px auto 0;
	}
}

@media (min-width: 1400px) {
	.coverImage {
		background-position: center;
	}
}


@media (max-width: 1400px) {
	.panel {
		margin: 80px 1%;
		width: 30%;
	}
}

@media (max-width: 1350px) {
	.footer_quickLinks {
    	width: 85%;
    }

    .footer_col1, .footer_col2, .footer_col3, .footer_col4, .footer_col5 {
    	width: 200px;
   	}
}	

@media (max-width: 1350px) {
	.panel.german { 
        min-height: 640px;
    }

	.panel_text.german p {
	    min-height: 425px;
	    padding: 20px 25px 0;
	}

	.panel_text.german h3 {
		padding: 30px 25px 0;
	}
}	

@media (max-width: 1190px) {

	h1 {
		font-size: 3.4em;
	}

	.coverImage, .aboutCoverImage {
	    height: 650px;
	}

	.coverText.german {
		padding-top: 100px;
		max-width: 700px;
	}

	.coverText {
		padding-top: 160px;
		max-width: 550px;
	}

	.aboutCoverText {
		padding-top: 120px;
	}

	.panel.german {
		width: 500px;
		min-height: 380px;
		margin: 30px auto;
	}

	.panel_text.german p {
	    min-height: 250px;
	}

	.panelContainer.german {
		margin: 40px auto;
		max-width: 520px;
	}

	.panel {
		min-height: 550px;
	}

	.panel_text p {
		min-height: 350px;
	}

	.panel.french {
		min-height: 650px;
	}

	.panel_text.french p {
		min-height: 400px;
	}

	.whatMakesUsGreat_panel, .whatMakesUsGreat_panel.french, .whatMakesUsGreat_panel.german {
		margin: 60px 2% 10px 2%; 
	}

	#introButtonCM, #introButtonIC, #introButtonLD {
		margin: 20px 30px 35px;
	}
}

@media (max-width: 1090px) {

	.whatMakesUsGreat_panel, .whatMakesUsGreat_panel.french, .whatMakesUsGreat_panel.german {
		width: 45%;
		min-height: 550px;
    }

    .whatMakesUsGreat_panel.french, .whatMakesUsGreat_panel.german {
    	min-height: 620px;
    }

    .footer_col1, .footer_col4, .footer_col5 {
    	width: 140px;
    }

    .footer_col3 {
    	width: 175px;
    }

    .footer_col1 h3, .footer_col2 h3, .footer_col3 h3, .footer_col4 h3, .footer_col5 h3 {
	    padding-bottom: 35px;
	    line-height: 20px;
	}
}


@media (max-width: 1050px) {	
	.panel, .panel.french { 
		width: 500px;
		min-height: 460px;
		margin: 30px auto;
	}

	.panel_text p, .panel_text.french p {
		min-height: 250px;
	}

	.panelContainer {
		margin: 40px auto;
		max-width: 520px;
	}

	.home_bkg_ipad {
		display: none;
	}

	.home_bkg_notePad {
		display: none;
	}
}

@media (max-width: 935px) {
	.footer_quickLinks {
		width: 100%;
		margin-bottom: 50px;
	}

	.footer_col1, .footer_col2, .footer_col3, .footer_col4, .footer_col5 {
		max-width: 300px;
		float: none;
		margin: 0 auto;
		text-align: center;
		border-left: none;
		padding-left: 0px;
	}

	.footer_col1 h3, .footer_col2 h3, .footer_col3 h3, .footer_col5 h3 {
		padding-bottom: 10px;
	}

	.footer_col5 {
		width: 110px;
	}

	.footer_col5 li {
	    float: left;
	    margin-right: 8px;
	}

	.fa-pinterest {
	    margin-right: 0;
	}

	.footer_container {
		padding-left: 0;
		padding-top: 50px;
	}

	.footer_contact {
		width: 200px;
		float: none;
		margin: 0 auto 50px;
		text-align: center;
	}

	.footer_bottom {
		text-align: center;
		padding-left: 5px;
	}
}

@media (max-width: 925px) {
	.whatMakesUsGreat_panels4 {
		max-width: 450px;
	}

	.whatMakesUsGreat_panel, .whatMakesUsGreat_panel.french, .whatMakesUsGreat_panel.german {
		width: 450px;
    }

    h2 {
		font-size: 2.2em;
		line-height: 30px;
	}
}

@media (max-width: 780px) {
	.mainContainer {
		padding-left: 30px;
	}

	.introText {
		margin-left: 30px; 
		margin-right: 30px;
	}

    .introText h2 {
    	margin-top: 30px;
    }

}

@media (max-width: 700px) {

	.solutionsContainer {
		width: 100%;
		margin: 0 auto;
		text-align: center;
	}

	.solutionsLeft img, .solutionsRight img {
		display: none;
	}

	.solutionsRight, .solutionsLeft {
		margin: 0 auto;
		float: none;
	}

	.solutionL, .solutionR {
		width: 210px;
		margin: 0 auto;
	}

	.solutionL p, .solutionR p {
		float: none;
		text-align: center;
		padding: 0 0;
		margin: 0 auto;
	}

}

@media (max-width: 599px) {
	.languageSelectionMenu {
   		margin-top: 0px;
	}
}


@media (max-width: 500px) {

	.whatMakesUsGreat_panels4 {
		width: 91%;
		margin: 0 auto;
	}

	.whatMakesUsGreat_panel, .whatMakesUsGreat_panel.french, .whatMakesUsGreat_panel.german {
		width: 100%;
	}

	h1 {
		font-size: 2.5em;
	}

	h2 {
		font-size: 1.8em;
	}

	h3 {
		font-size: 1.6em;
	}

	.coverImage, .aboutCoverImage {
	    height: 500px;
	}

	.coverText, .coverText.german, .aboutCoverText {
		padding-top: 50px;
		max-width: 550px;
	}

	.panel, .panel.german, .panel.french { 
		width: 95%;
		margin: 18px 0 10px -5px;
	}

	.contactUsSection {
		padding-top: 30px;
		min-height: 360px;
	}

}

@media (max-width: 375px) {

	.menuSelection ul {
		margin-top: 110px;
   		margin-right: 20px;
	}

	.menuSelection li {
		font-size: 1.2em;
		margin: 10px 0px 0 20px;
	}

	.popMenuDemo {
	    margin-top: 40px;
	}

	.section_coverText.french h1, .section_coverText.german h1 {
		font-size: 1.9em;
	} 

	.menuSelection {
		width: 100%;
	}

	.coverImage, .aboutCoverImage { 
		background-position: center;
	}

	.languageSelection {
		margin-right: 0px;
	}

	.languageSelection p {
		font-size: 1em;
	}
}




/**********************************
SECTION PAGE
***********************************/

@media (min-width: 1740px) {
	.sectionCircleContainers {
		width: 1700px;
		overflow: hidden;
		padding-right: 600px;
	}

	.sectionCircleText {
		background-size: 90%;
    	background-position: 0px 0px;
    	margin-left: 40px;
    	padding-left: 400px;	
	}

	.circleImageRight {
		margin-right: -300px;
	}

	.whiteBorder_invertCurve {
	    margin-bottom: -100px;
	}
}

@media (min-width: 1920px) {

	.sectionCircleText {
		margin-left: 100px;
    	padding-left: 400px;
    }

    .blueBorder_curve {
	    margin-top: -150px;
	}

	.section_secondaryContentContainer {
	    margin-top: -150px;
	}

	.blueGreyBorder_Curve {
	    margin-top: -110px;
	}

	.whiteBorder_invertCurve {
	    margin-bottom: -110px;
	}
}

@media (min-width: 2000px) {
	.whiteBorder_invertCurve {
	    margin-bottom: -120px;
	}
}

@media (min-width: 2180px) {
	.circleImageRight {
		margin-right: -600px;
	}
}

@media (max-width: 1400px) {

	.sectionCircleText {
		background-size: 1300px;
	}

	.circleImageRight {
		margin-top: 100px;
	}

}

@media (max-width: 1300px) {
	.fullScreenImage, .introImage {
		height: 500px;
	}

	.whiteBorder_invertCurve {
    	margin-bottom: -60px;
	}

}


@media (max-width: 1230px) {
	.section_introHighlights {
	    max-width: 900px;
	    margin: 0 auto;
	}

	.sectionNavigationContainer {
    	max-width: 900px;
   	}

	.sectionNavigationButton {
		width: 180px;
		margin: 10px 20px;
	}

	.sectionNavigationButton h3 {
		font-size: 1.5em;
	}

	#DigitalNav, #Face2faceNav, #BlendedNav,#LearningStrategyNav {
	    padding: 80px 0; 
	}

	#DigitalNavGerman, #Face2faceNavGerman, #BlendedNavGerman,#LearningStrategyNavGerman {
	    padding: 70px 0; 
	}

	.blueGreyBorder_Curve {
	    margin-top: -50px;
	}

	.subNavigationContainer li {
		font-size: 1.02em;
		padding: 15px 1%;
	}

	.sectionCircleText {
		height: 600px;
	}

	.section_introHighlight_object {
		width: 220px;
		padding: 0 2px;
	}

	.section_introHighlight_object p {
		font-size: 1.2em;
		line-height: 25px;
	}
}


@media (max-width: 1000px) {

	.circleImageRight {
		margin-right: -180px;
    	width: 600px;
	}

	#sectionCircleText_digital {
		padding-top: 70px;
	}

	.whiteBorder_invertCurve {
    	margin-bottom: -50px;
	}

}

@media (max-width: 975px) {

	.subNavigation {
			display: none;
		}
		
}

@media (max-width: 918px) {
	.subNavigationContainer li {
		font-size: 1em;
	}

	.section_introHighlights {
	    max-width: 400px;
	    margin: 0 auto 50px;
	}

	.section_introHighlight_object {
	    width: 400px;
	    text-align: center;
	    float: left;
	    margin: 40px 0 20px;
	    padding: 0 0px;
	}

}


@media (max-width: 918px) {

	.section_introHighlight_object_CM {
    	width: 70%;
    	margin: 0px auto 70px;
    	float: none;
    }
}


@media (max-width: 890px) {
	.circleImageRight {
		display: none;
	}

	.sectionCircleText {
		padding-left: 20%;
	}

	.sectionCircleText ul {
		width: 400px;
	}

	.sectionNavigationContainer {
		max-width: 450px;
		margin: 40px auto;
	}

	.whiteBorder_invertCurve {
    	margin-bottom: -30px;
	}

	.section_panel, .section_panel.french, .section_panel.german {
		float: none;
		margin: 80px auto;
		height: auto;
		padding-bottom: 40px;
	}

	.section_panel p, .section_panel.french p, .section_panel.german p {
		height: auto;
	}

	.greyBorder_Curve {
	    margin-top: -900px;
	}

	.greyArea {
		height: 900px;
	}
}

@media (max-width: 840px) {

	.blueGreyBorder_Curve {
	    width: 1000px;
	    margin-left: -150px;
	    overflow: hidden;
	}

	.purpleBorder_Curve {
    	margin-top: -300px;
   	}

   	.ld_ipad_showcase  {
		width: 110%;
		margin-left: -40px;
	}

	.sectionCircleText {
		height: 580px;
	}
}

@media (max-width: 700px) {
	.purpleBorder_showcase, .magentaBorder_showcase {
		margin-top: -200px;
	}

	.diverseSubjectsLD {
    	padding-top: 150px;
	}
}

@media (max-width: 578px) {
	.sectionCircleText {
		padding-left: 10%;
		background-position: -400px 0px;
	}

	.section_coverImage {
	    height: 300px;
	}

	.section_coverText {
	    padding-top: 50px;
	}

}

@media (max-width: 450px) {
	p, li {
		font-size: 1.1em;
		line-height: 28px;
	}

	.section_mainText {
	    padding: 0 20px;
	}

	.diverseSubjectsLD {
    	padding-top: 150px;
    	padding-bottom: 60px;
	}

	.diverseSubjects {
		padding-top: 30px;
		padding-bottom: 30px;
	}

	.sectionNavigationButton {
		width: 150px;
		margin: 10px 8px;
	}

	.sectionNavigationButton h3 {
		font-size: 1.2em;
	}

	#DigitalNav, #Face2faceNav, #BlendedNav,#LearningStrategyNav {
	    padding: 65px 0; 
	}

	#DigitalNavGerman, #Face2faceNavGerman, #BlendedNavGerman,#LearningStrategyNavGerman {
		padding: 60px 0;
	}

	.sectionNavigationContainer {
    	max-width: 340px;
   	}

   	.whiteBorder_invertCurve {
    	margin-bottom: -20px;
	}

	.sectionCircleText h3 {
		width: 90%;
	}

	.sectionCircleText ul {
		width: 90%;
	}

	#sectionCircleText_strategy {
		padding-top: 70px;
	}

	.sectionCircleText {
		padding-top: 70px;
	}

	#sectionCircleText_digital {
		background-size: 1500px;
		background-position: -600px 0px;
		padding-bottom: 100px;
	}

	.section_introHighlight_object {
	    width: 95%;
	    text-align: center;
	    float: left;
	    margin: 40px 0 20px;
	    padding: 0 5px;
	}

	.section_panel {
		width: 95%;
	}

	.greyArea {
		height: 
	}
	

	.ld_ipad_showcase  {
		width: 180%;
		margin-left: -120px;
	}

	.internalCommunicationsTitle h1 {
		font-size: 2.2em;
		margin-top: 0px;
	}

}

@media (max-width: 350px) {

	.sectionNavigationButton {
		width: 142px;
		margin: 10px 8px;
	}

	.section_coverImage {
	    height: 220px;
	}

	.section_coverText {
		padding-top: 40px;
	}

	.sectionCircleText {
		height: 660px;
		background-size: 1400px;
	}
}



/**********************************
ABOUT PAGE
***********************************/

@media (max-width: 800px) {
	.aboutImagesContainer {
		display: none;
	}

	.aboutPurpleBorder {
		margin-top: 80px;
	}

	.about_ourValues {
	    width: 95%;
	}
}

@media (max-width: 660px) {
	.about_ourValues {
	    display: none;
	}
	
	.about_ourValues_mobile {
		display: block;
		margin: 0 auto;
		padding: 50px 0;
	}
}

@media (max-width: 500px) {
	.aboutCoverText img {
		width: 30px;
	}

	.clientLogos_mobile {
		display: block;
	}

	.clientLogos {
		display: none;
	}
}



/**********************************
Careers
***********************************/

@media (max-width: 975px) {
	.careers_bkg_notePad {
		top: 500px;
	}

	.careers_header_container {
		padding-top: 80px;
	}

	.careers_container {
		margin: 100px auto 70px;
	}
}

@media (max-width: 800px) {
	.careers_bkg_ipad {
		width: 0;
		height: 0;
	}

	.careers_bkg_notePad {
		width: 0;
		height: 0;
	}
}



/**********************************
Contact
***********************************/

@media (max-width: 900px) {
	.contactForm_container, .contact_form_wrap_left, .contact_form_wrap_right, .contact_form_wrap_message {
		float: none;
		width: 400px;
		padding: 20px 15px;
	}

	.contact_textArea, .contact_input {
		width: 340px;
	}
}


/**********************************
T&C
***********************************/

@media (max-width: 1200px) {
	.termsConditionsContainer {
	    margin: 130px auto 100px;
	}
}

@media (max-width: 1000px) {
	.tc_header_container {
	    padding: 100px 15px 25px;
	}
}

@media (max-width: 800px) {
	.termsConditionsContainer {
	    margin: 80px auto 100px;
	}
}

@media (max-width: 400px) {
	.tc_header_container {
	    padding: 90px 15px 25px;
	}
}