@media screen and (max-width: 1350px) {
  body{font-size:16px;}
  #topBar {padding:0 3vw;}
  .homeScreenText .itemText h1 {font-size:2em;}
  .homeScreenText .itemText h2 {font-size:1.5em;}
  .bleuBG::after{display:none;}
  .contentWrap {margin-top:10%;}
}

.fbLink svg {fill: #35807c;}

@media screen and (min-width: 950px) {
  #menuBtn {display:none;}

  #topBar {height:100px;justify-content: space-between;margin:0 auto;max-width:1600px;}
  	#topBar > * {z-index:2;}
  	#topBar, #topBar .menu{display:flex;align-items:flex-end;}
  	#menuTop {margin-bottom:0.91em;}

  	.topBarLeft{width:30%;max-width:400px;justify-content: space-between;}
  		.topBarLeft .lang-block li {font-size:.8em;}
    #menuTop {width:65%; max-width:750px;display:flex;justify-content:flex-end;align-items:flex-end;}
      #menuTop .fbLink {margin-left:2em;}
      #menuTop .menu {width:100%;justify-content: space-between;}

  			#menuTop .menu > li {position:relative;}
  				#menuTop .menu > li > ul {position:absolute;top:100%; padding:20px 0;opacity:0;pointer-events:none;
  					transform:translate3d(0,-10px,0); transition: transform .3s ease-out, opacity .3s ease-out;}
  				#menuTop .menu li.parent::before {content:'';display:inline-block;margin-right:.8em;transition:transform .2s ease-out;
  					border-left  :.45em solid #35807c;
  					border-top   :.35em solid transparent;
  					border-bottom:.35em solid transparent;}
  				#menuTop .menu li.parent:hover::before {transform:rotate(90deg);}
  				#menuTop .menu > li:hover > ul {opacity:1;pointer-events: all;transform:translate3d(0,0,0);}
  					#menuTop .menu > li > ul > li {line-height:1.2em;padding:.5em 20px;white-space: nowrap;background:#e7f0ef;}
}

@media screen and (max-width: 949px) {
  #topBar {padding:10px 3vw;}
  .topBarLeft .lang-block {margin-left:5%;}

  #menuTop {position:absolute;right:0;top:0;background:#e7f0ef;padding:80px 5% 2%;
transform:translate3d(100%,0,0);transition:transform .35s ease-out;}
  /** MENU SLIDE IN ANIMATION **/
#menuTop.open {transform:translate3d(0,0,0);}

#menuTop li a {display:block;font-size:1.2em;margin:.5em auto;padding:.2em;}
  #menuTop li ul a {padding-left:1em;font-size:1em;}

  #menuBtn{position:absolute;right:3vw;top:22px;text-transform:uppercase;font-size:12px;cursor:pointer;z-index:5;}
		.burger{position:relative;width:30px;margin:0 auto 11px;border-bottom:1px solid;}
			.burger::before, .burger::after{content:'';display:block;border-bottom:1px solid;margin-bottom:7px;}
  /*** MENU BTN ANIMATION ***/
  #menuBtn{ transition:color .7s;}
  .burger{ transition:border-bottom-color .2s;}
  .cross .burger{border-bottom-color:transparent;}
  .burger::before{ transform-origin:0 100%;}
  .burger::before, .burger::after{ transform: rotate3d(0,0,1,0); transition: transform .7s;}
.cross .burger::before{ transform: rotate3d(0,0,1,30deg);}
.cross .burger::after { transform: rotate3d(0,0,1,-30deg);}

  .itemText p, .itemText ul, .blogItemInfo p, .introText {text-align:left;}
}


@media screen and (max-width: 800px) {
  .homeScreen{width:100%;}
  .homeScreenText {background:rgba(255,255,255,.7);}
  .eftItem .blogItemImage {width:200px;}

  .itemText {width:65%;padding-right:20px;}

  .catEFT {margin:100px auto;}

  #footer{margin-top:150px;}

}
@media screen and (max-height: 790px) {
  .homeScreen {height:650px}
}


@media screen and (max-width: 600px) {
  .homeScreenText {width:100%;left:0;top:5%;bottom:auto;right:auto;}
.catchPhrase1{font-size:2em;width:auto;height: auto;}

  .blogItem{align-items: flex-start;margin:50px auto;}
.eftItem .blogItemImage {width:120px;}

  .blogItemImage {width:150px;}

  h1 {font-size:3em;}
  h2 {font-size:2.5em;}
  h3 {font-size:1.8em;}
  h4 {font-size:1.2em;}
  .maxWidth {padding-left:10px;padding-right:10px;}

  .control-group {display:block;}
  .contactData {display:none;}
}
@media screen and (max-width: 550px) {
  .blogItem {display:block;}
.blogItemImage {display:block;margin:10px auto;}
  .eftItem {display:flex;}

  .itemContent {display:block;}
.itemText {width:auto;padding:0;}
.itemImages {flex-direction: row;flex-wrap: wrap;justify-content:space-between;width:auto;margin:50px auto;}
  .itemImages figure {width:48%;}
}
@media screen and (max-width: 480px) {
  .footerInfo {display:block;}
.footerInfoRight{margin-top:50px;}
.footerInfo .lang-block {justify-content: flex-start;margin:30px 0;}
}
@media screen and (max-width: 450px) {
  .eftItem {display:block;}
.eftItem .blogItemImage {float:left;width:80px;margin-bottom:1em;}
}
@media screen and (max-width: 350px) {
  .topBarLeft .logo {max-width:135px;}
.logo .logoTxt {margin-left:5px;}

  .itemImages figure {width:100%;}
}