html {
  -webkit-font-smoothing: background;
}

body {
  background: white;
  -webkit-text-size-adjust: 100%;
}

.home {
  overflow: hidden;
}

/* TOP MENU */
#header {
  position: fixed;
  background: white;
  height: 100px;
  width: 100%;
  z-index: 100;
}

#header .headerPositioner {
  background: white;
  position: relative;
}

#topLogo {
  position: absolute;
  right: 0;
  margin-top: 33px;
  width: 34px;
  height: 34px;
  background: url(../images/headerLogo.png) no-repeat center center;
  background-size: 100%;
  visibility: visible;
  opacity: 1;
  transition: all 700ms cubic-bezier(0.735, -0.27, 0.23, 1.295);
  -moz-transition: all 700ms cubic-bezier(0.735, -0.27, 0.23, 1.295);
  -webkit-transition: all 700ms cubic-bezier(0.735, -0.27, 0.23, 1.295);
  -ms-transition: all 700ms cubic-bezier(0.735, -0.27, 0.23, 1.295);
}

body.home #topLogo {
  opacity: 0;
  visibility: hidden;
}

#topLogo:hover {
  opacity: 0.8;
  transition: all 200ms cubic-bezier(0.735, -0.27, 0.23, 1.295);
  -moz-transition: all 200ms cubic-bezier(0.735, -0.27, 0.23, 1.295);
  -webkit-transition: all 200ms cubic-bezier(0.735, -0.27, 0.23, 1.295);
  -ms-transition: all 200ms cubic-bezier(0.735, -0.27, 0.23, 1.295);
}

#langLink {
  position: absolute;
  right: 0;
  text-align: right;
  display: block;
  margin: 0 !important;
  top: 50%;
  margin-top: -10px !important;
  visibility: hidden;
  opacity: 0;
  transition: all 700ms cubic-bezier(0.735, -0.27, 0.23, 1.295);
  -moz-transition: all 700ms cubic-bezier(0.735, -0.27, 0.23, 1.295);
  -webkit-transition: all 700ms cubic-bezier(0.735, -0.27, 0.23, 1.295);
  -ms-transition: all 700ms cubic-bezier(0.735, -0.27, 0.23, 1.295);
}

body.home #langLink {
  opacity: 1;
  visibility: visible;
}

#menuIcon {
  display: block;
  background: transparent !important;
  width: 38px;
  height: 38px;
  position: absolute;
  left: 0;
  top: 0;
}

#headerMenu {
  cursor: pointer;
  position: absolute;
  top: 50%;
  margin-top: -13px;
  height: 30px;
}

#menuIconContainer {
  height: 26px;
  width: 32px;
  position: absolute;
}

#headerMenu .menuRectangle {
  position: absolute;
  width: 32px;
  height: 4px;
  background: black;
  transition: all 300ms cubic-bezier(0.36, 0, 0.015, 1);
  backface-visibility: hidden;
}

#menuRectangle1 {
  top: 0px;
  right: 0px;
}

#menuRectangle2 {
  top: 50%;
  margin-top: -2px;
}

#menuRectangle3 {
  bottom: 0px;
  right: 0px;
}

#menuItems {
  margin-left: 0px;
  margin-top: 3px;
  width: 700px;
  opacity: 0;
  visibility: hidden;
  transition: all 1000ms;
  background: white;
  z-index: 999;
}

#menuItems a,
#langLink {
  text-transform: uppercase;
  margin-right: 25px;
  font-size: 20px;
}

#currentScreenName {
  position: absolute;
  top: 0;
  margin-left: 72px;
  margin-top: 3px;
  opacity: 1;
  visibility: visible;
  transition: all 300ms cubic-bezier(0.36, 0, 0.015, 1);
  text-transform: uppercase;
  font-size: 20px;
}

/* LANDING PAGE */
.logoPlaceholder {
  margin-top: 100px;
  background: url(../images/landingLogo.png) no-repeat center center;
  background-size: 230px;
  position: relative;
}

.landingTexts {
  width: 100%;
  text-align: center;
  position: absolute;
  bottom: 0;
}

/* COVER */
.cover {
  width: 100%;
  background: white no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  margin-top: 100px;
  position: relative;
  overflow: hidden;
}

.coverBg {
  background: no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: collapse;
  transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -webkit-transition: all 500ms ease-in-out;
  -ms-transition: all 500ms ease-in-out;
}

.designCover {
  background-image: url("../images/coverDesign.jpg");
}
.devCover {
  background-image: url("../images/coverDevelopment.jpg");
}
.perfectionCover {
  background-image: url("../images/coverPerfection.jpg");
}
.mobileCover {
  background-image: url("../images/coverMobile.jpg");
}
.servicesCover {
  background-image: url("../images/coverServices.jpg");
}
.hardwareCover {
  background-image: url("../images/coverHardware.jpg");
}

.coverTextPositioner {
  position: absolute;
  top: 50%;
  left: 0px;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

/* 	APPROACH
	SKILLS
*/
.c1 .designCover,
.c2 .devCover,
.c3 .perfectionCover,
.c1 .mobileCover,
.c2 .servicesCover,
.c3 .hardwareCover {
  opacity: 1;
  visibility: visible;

  transform: translateX(0px);
  -webkit-transform: translateX(0px);
  -moz-transform: translateX(0px);
  -ms-transform: translateX(0px);
}

/* DOTS */
.dots {
  position: absolute;
  top: 50%;
  left: 0;
  padding-top: 15px;
  padding-left: 72px;
}

.dots .dot {
  width: 15px;
  height: 15px;
  margin-bottom: 15px;
  cursor: pointer;
  border: 3px solid white;
  transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -webkit-transition: all 500ms ease-in-out;
}

/* Active */
.c1 .dots .dot1,
.c2 .dots .dot2,
.c3 .dots .dot3 {
  background: white;
}

/* dark dots */
#approach .c3 .dots .dot1,
#approach .c3 .dots .dot2,
#approach .c3 .dots .dot3,
#skills .c1 .dots .dot1,
#skills .c1 .dots .dot2,
#skills .c1 .dots .dot3,
#skills .c3 .dots .dot1,
#skills .c3 .dots .dot2,
#skills .c3 .dots .dot3 {
  border-color: #231f20;
}

#approach .c3 .dots .dot3,
#skills .c1 .dots .dot1,
#skills .c3 .dots .dot3 {
  background: #231f20;
}

/* * */

.nextArrow {
  width: 100%;
  height: 120px;
  text-align: center;
}

.nextArrow.last {
  height: 220px;
  padding-top: 10px;
}

.arrowBtn {
  display: inline-block;
  cursor: pointer;
  background: url(../images/scrollDown.png) center center no-repeat;
  width: 80px;
  height: 80px;
  margin: 20px auto auto;
  opacity: 1;
  transition: opacity 0.25s ease-in-out;
  -moz-transition: opacity 0.25s ease-in-out;
  -webkit-transition: opacity 0.25s ease-in-out;
}

.arrowBtn.toTop {
  transform: rotate(180deg);
  -ms-transform: rotate(180deg); /* IE 9 */
  -webkit-transform: rotate(180deg); /* Opera, Chrome, and Safari */
}

.arrowBtn:hover {
  opacity: 0.8;
}

.logosPositioner {
  margin: 0px auto;
}

.logosPositioner a {
  margin: 20px 40px 0;
  display: inline-block;
}

.logosPositioner a img {
  height: 40px;
}

/* PEOPLE */

#people {
  padding-top: 100px;
}

.peopleImg {
  height: 60%;
  position: relative;
}

.peopleImg .pBg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.people1 {
  background-image: url(../images/people1.jpg) !important;
}
.people2 {
  background-image: url(../images/people2.jpg) !important;
}
.people3 {
  background-image: url(../images/people3.jpg) !important;
}
.people4 {
  background-image: url(../images/people4.jpg) !important;
}
.people5 {
  background-image: url(../images/people5.jpg) !important;
}
.people6 {
  background-image: url(../images/people6.jpg) !important;
}
.people7 {
  background-image: url(../images/people7.jpg) !important;
}
.people8 {
  background-image: url(../images/people8.jpg) !important;
}
.people9 {
  background-image: url(../images/people9.jpg) !important;
}
.people10 {
  background-image: url(../images/people10.jpg) !important;
}
.people11 {
  background-image: url(../images/people11.jpg) !important;
}

.peopleDesc {
  padding-top: 30px;
  padding-bottom: 20px;
  line-height: 1.2em;
}

/*
	.people1 	{ background-image: url(../images/480/people1.jpg) !important; }
	.people2 	{ background-image: url(../images/480/people2.jpg) !important; }
	.people3 	{ background-image: url(../images/480/people3.jpg) !important; }
	.people4 	{ background-image: url(../images/480/people4.jpg) !important; }
	.people5 	{ background-image: url(../images/480/people5.jpg) !important; }
	.people6 	{ background-image: url(../images/480/people6.jpg) !important; }
	.people7 	{ background-image: url(../images/480/people7.jpg) !important; }
	.people8 	{ background-image: url(../images/480/people8.jpg) !important; }
	.people9 	{ background-image: url(../images/480/people9.jpg) !important; }
	.people10 	{ background-image: url(../images/480/people10.jpg) !important; }
*/

/* CONNECT */
#mapPlaceholder {
  position: relative;
}

#map {
  width: 100%;
  height: 300px;
  margin-top: 100px;
  background: url(../images/mapBg.png) no-repeat center center;
}

#mapPlaceholder .mapOverlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

a.addressLink {
  color: #aaa;
}

a.addressLink:hover {
  color: #bbb;
}

/* ANIMATING TEXTS */
h1 {
  font-weight: 700;
  opacity: 0;
  transform: translateY(150px);
  -webkit-transform: translateY(150px);
  -moz-transform: translateY(150px);
  -ms-transform: translateY(150px);
}

body.backAnimation h1 {
  transform: translateY(-150px);
  -webkit-transform: translateY(-150px);
  -moz-transform: translateY(-150px);
  -ms-transform: translateY(-150px);
}

h1.come-in {
  opacity: 1;
  transition: all 500ms;

  transform: translateY(0px) !important;
  -webkit-transform: translateY(0px) !important;
  -moz-transform: translateY(0px) !important;
  -ms-transform: translateY(0px) !important;
}

h2 {
  opacity: 0;
  transform: translateY(100px);
  -webkit-transform: translateY(100px);
  -moz-transform: translateY(100px);
  -ms-transform: translateY(100px);
}

body.backAnimation h2 {
  transform: translateY(-100px);
  -webkit-transform: translateY(-100px);
  -moz-transform: translateY(-100px);
  -ms-transform: translateY(-100px);
}

h2.come-in {
  margin-top: 0px;
  opacity: 1;
  transition: all 500ms;

  transform: translateY(0px) !important;
  -webkit-transform: translateY(0px) !important;
  -moz-transform: translateY(0px) !important;
  -ms-transform: translateY(0px) !important;
}
body.backAnimation h2.come-in {
  transition-delay: 150ms !important;
  -webkit-transition-delay: 150ms !important;
  -moz-transition-delay: 150ms !important;
  -ms-transition-delay: 150ms !important;
}

.section {
  height: 100%;
}

#landscape {
  display: none;
  background: red;
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  transition: all 700ms cubic-bezier(0.735, -0.27, 0.23, 1.295);
  -moz-transition: all 700ms cubic-bezier(0.735, -0.27, 0.23, 1.295);
}

/* MENU - 1280+ */
@media only screen and (min-width: 1200px) {
  #headerMenu:hover #menuRectangle1 {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 16px;
    right: 18px;
    top: 6px;
  }

  #headerMenu:hover #menuRectangle3 {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 16px;
    right: 18px;
    bottom: 6px;
  }

  #headerMenu:hover #menuItems {
    margin-left: 72px;
    opacity: 1;
    visibility: visible;
  }

  #headerMenu:hover #currentScreenName {
    opacity: 0;
    visibility: hidden;
  }
}

/* MENU - lover res */
@media only screen and (max-width: 1199px) {
  #menuItems {
    margin-left: 0px;
    visibility: hidden;
    width: 100%;
  }

  #headerMenu.activated #menuItems {
    opacity: 1;
    margin-left: 60px;
    visibility: visible;
  }

  #currentScreenName {
    margin-left: 60px;
  }

  #headerMenu.activated #currentScreenName {
    opacity: 0;
    visibility: hidden;
  }

  #headerMenu.activated #menuRectangle1 {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 16px;
    right: 18px;
    top: 6px;
  }

  #headerMenu.activated #menuRectangle3 {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 16px;
    right: 18px;
    bottom: 6px;
  }
}

/* 1280 ------------------------------- */
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  body {
    font-size: 18px;
  }
  .logoPlaceholder {
    background-size: 180px;
  }

  .headerPositioner {
    width: 1170px;
  }
  .coverTextPositioner {
    margin-left: 400px;
  }

  #map {
    background-image: url(../images/mapBg_1200.png);
  }
}

/* 768 ------------------------------ */
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  body {
    font-size: 15px;
  }
  .logoPlaceholder {
    background-size: 130px;
  }

  .headerPositioner {
    width: 738px;
  }
  .coverTextPositioner {
    margin-left: 256px;
  }
  .landscape .coverTextPositioner {
    margin-left: 126px;
    top: 30%;
  }

  .peopleImg .peopleTitle {
    font-size: 5em;
  }
  .peopleImg .peopleSubtitle {
    font-size: 2.7em;
  }

  .nextArrow {
    height: 100px;
  }
  .arrowBtn {
    height: 100px;
    margin: 0 auto;
  }

  .dots {
    padding-left: 50px;
  }
  .landscape .dots {
    top: 30%;
  }
  .dots .dot {
    width: 12px;
    height: 12px;
    margin-bottom: 8px;
    border-width: 1px;
  }

  h1 {
    font-size: 66px;
  }
  h2 {
    font-size: 15px;
  }
  .peopleDesc {
    font-size: 15px;
    padding-top: 20px;
    padding-bottom: 10px;
  }

  #map {
    background-image: url(../images/mapBg_480.png);
  }
}

/* 600 ------------------------------ */
@media only screen and (min-width: 600px) and (max-width: 767px) {
  body {
    font-size: 15px;
  }
  .logoPlaceholder {
    background-size: 120px;
  }

  .headerPositioner {
    width: 568px;
  }
  .coverTextPositioner {
    margin-left: 126px;
  }
  .landscape .coverTextPositioner {
    margin-left: 126px;
    top: 30%;
  }

  .peopleImg .peopleTitle {
    font-size: 4em;
  }
  .peopleImg .peopleSubtitle {
    font-size: 2em;
  }

  .nextArrow {
    height: 100px;
  }
  .arrowBtn {
    height: 100px;
    margin: 0 auto;
  }

  .dots {
    padding-left: 50px;
    padding-top: 10px;
  }
  .landscape .dots {
    top: 30%;
  }
  .dots .dot {
    width: 12px;
    height: 12px;
    margin-bottom: 6px;
    border-width: 1px;
  }

  h1 {
    font-size: 60px;
  }
  h2 {
    font-size: 15px;
  }
  .peopleDesc {
    font-size: 15px;
    padding-top: 20px;
    padding-bottom: 10px;
  }

  #map {
    background-image: url(../images/mapBg_480.png);
  }

  .logosPositioner a {
    margin: 20px 20px 0;
    display: inline-block;
  }

  .landscape #landscape {
    display: block;
    opacity: 1;
    visibility: visible;
    background: white url(../images/rotatedevice.png) no-repeat center center;
    background-size: 100px;
  }

  .landscape #landscape {
    visibility: visible;
    opacity: 1;
  }
}

/* 480 ------------------------------- */
@media only screen and (max-width: 599px) {
  body {
    font-size: 10px;
  }
  .logoPlaceholder {
    background-size: 70px;
    margin-top: 60px;
    background-image: url(../images/480/landingLogo.png);
  }

  .headerPositioner {
    width: 95%;
  }
  .coverTextPositioner {
    margin-left: 50px;
    margin-right: 1em;
    top: 35%;
  }

  .dots {
    padding-top: 8px;
    padding-left: 20px;
    top: 35%;
  }

  .landscape .dots {
    top: 20%;
  }
  .landscape .coverTextPositioner {
    top: 20%;
  }

  .dots .dot {
    width: 6px;
    height: 6px;
    margin-bottom: 6px;
    border-width: 1px;
  }

  h1 {
    font-size: 3.5em;
  }
  h2 {
    font-size: 1.6em;
    line-height: 1em;
    padding-top: 0.4em;
  }
  .peopleDesc {
    font-size: 1.6em;
    line-height: 1.2em;
  }
  .mainTitle {
    font-size: 3.5em;
  }
  .subTitle {
    font-size: 1.6em;
  }

  #header {
    height: 40px;
  }
  .headerPositioner {
    height: 40px;
  }
  .cover {
    margin-top: 40px;
    min-height: 100px;
  }
  #people {
    padding-top: 40px;
  }
  #map {
    margin-top: 40px;
    background-image: url(../images/mapBg_480.png);
  }
  .peopleImg {
    height: 20%;
  }
  .peopleDesc {
    padding: 0px;
  }
  .peopleImg {
    margin-bottom: 10px;
  }

  .nextArrow {
    height: 20px;
  }
  .nextArrow.last {
    height: 90px;
    padding: 0;
  }
  .arrowBtn {
    display: none;
  }

  #topLogo {
    margin-top: 10px;
    width: 20px;
    height: 20px;
  }

  #headerMenu .menuRectangle {
    width: 20px;
    height: 2px;
  }

  #menuIconContainer {
    height: 16px;
    width: 20px;
    position: absolute;
  }

  #menuRectangle1 {
    top: 0px;
    right: 0px;
  }
  #menuRectangle2 {
    top: 50%;
    margin-top: -1px;
  }
  #menuRectangle3 {
    bottom: 0px;
    right: 0px;
  }

  #headerMenu.activated #menuRectangle1 {
    width: 10px;
    right: 12px;
    top: 4px;
  }
  #headerMenu.activated #menuRectangle3 {
    width: 10px;
    right: 12px;
    bottom: 4px;
  }

  #menuItems a {
    display: block;
    font-size: 1.7em;
    padding-top: 0.3em;
    padding-bottom: 0.2em;
    width: 100%;
    background: white;
  }

  #currentScreenName {
    font-size: 1.7em;
    margin-left: 40px;
    margin-top: 0;
  }

  #langLink {
    font-size: 1.7em;
    padding-top: 0.3em;
    padding-bottom: 0.2em;
  }

  #headerMenu {
    width: 100%;
    height: 16px;
    margin-top: -8px;
  }

  #menuItems {
    width: 100%;
    margin-left: 0px;
    margin-top: 0px;
    transition: all 1000ms cubic-bezier(0.36, 0, 0.015, 1);
    visibility: hidden;
  }

  #headerMenu.activated #menuItems {
    opacity: 1;
    visibility: visible;
    margin-left: 0px;
    margin-top: 28px;
  }

  .peopleImg .peopleTitle {
    font-size: 3.5em;
  }

  .peopleImg .peopleSubtitle {
    font-size: 1.3em;
  }

  .logosPositioner a {
    margin: 10px;
  }
  .logosPositioner a img {
    height: 20px;
  }

  .designCover {
    background-image: url("../images/480/coverDesign.jpg");
  }
  .devCover {
    background-image: url("../images/480/coverDevelopment.jpg");
  }
  .perfectionCover {
    background-image: url("../images/480/coverPerfection.jpg");
  }
  .mobileCover {
    background-image: url("../images/480/coverMobile.jpg");
  }
  .servicesCover {
    background-image: url("../images/480/coverServices.jpg");
  }
  .hardwareCover {
    background-image: url("../images/480/coverHardware.jpg");
  }

  .landscape #landscape {
    visibility: visible;
    opacity: 1;
  }
}
/* end 480 */

/*
* {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
*/

#tmp {
  position: fixed;
  top: 0;
  left: 0;
  color: white;
  z-index: 1000;
}

#mainContainer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 10;
}

#mainItems {
  position: absolute;
  top: 0;
  z-index: 10;
  width: 100%;
}

html,
body {
  -ms-overflow-style: none !important;
  -ms-touch-action: none;
  -ms-user-select: none;
  height: 100%;
}

#careersContainer {
  width: auto;
  text-align: center;
  margin: 185px 320px 50px 320px;
}

#jobContainer {
  margin: 150px 320px 50px 320px;
  width: auto;
  font-family: adobe-caslon-pro, serif;
}

.careersTitle {
  font-size: 4em;
  margin-bottom: 40px;
  text-align: center;
}

.jobPositionTitle {
  font-weight: bold;
  font-family: "futura-pt", sans-serif;
  margin: 70px 0 20px 0;
  font-size: 1.25em;
}

.description {
  line-height: 1.25em;
}

.listItem {
  margin-bottom: 5px;
  list-style-type: disc;
  margin-left: 20px;
}

#jobDetailsTitle {
  text-align: center;
  font-family: "futura-pt", sans-serif;
  margin-bottom: 15px;
}

#jobHeading {
  text-align: center;
  margin-bottom: 15px;
}

#note {
  font-weight: bold;
  margin-top: 25px;
}

.mailtoLink {
  text-decoration: underline;
  color: red;
}

.mailtoLink:hover {
  color: darkred;
}

.half {
  font-size: 1.25em;
  font-family: "futura-pt", sans-serif;
}

.half.jobPosition {
  font-weight: bold;
}

.row {
  width: 80%;
  margin: 50px auto 0 auto;
}
.row:after {
  content: " ";
  display: table;
  clear: both;
}

/* PROJECTS */

#projectContainer {
  margin: 150px 320px 50px 320px;
  width: auto;
  font-family: adobe-caslon-pro, serif;
}

#logosTop {
  text-align: center;
  margin-bottom: 80px;
}

#logosTop img {
  width: 100%;
}

.projectTitle {
  font-weight: bold;
  font-family: "futura-pt", sans-serif;
  margin: 50px 0 20px 0;
  font-size: 1.25em;
}

.projectsTitle {
  font-size: 3em;
  margin-bottom: 80px;
  text-align: center;
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  #jobContainer {
    margin: 150px 100px 50px 100px;
  }
  #careersContainer {
    margin: 185px 100px 50px 100px;
  }
  #projectContainer {
    margin: 150px 100px 50px 100px;
  }
}

/* 768 ------------------------------ */
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  #jobContainer {
    margin: 135px 50px 50px 50px;
  }
  #careersContainer {
    margin: 165px 50px 50px 50px;
  }
  .careersTitle {
    margin-bottom: 45px;
  }
  .description,
  #note {
    font-size: 1.15em;
  }
  #projectContainer {
    margin: 135px 50px 50px 50px;
  }
  .projectsTitle {
    margin-bottom: 45px;
  }
  #logosTop {
    margin-bottom: 40px;
  }
}

/* 600 ------------------------------ */
@media only screen and (min-width: 600px) and (max-width: 767px) {
  #jobContainer {
    margin: 125px 30px 50px 30px;
  }
  .careersTitle {
    font-size: 3em;
    margin-bottom: 40px;
  }

  #careersContainer {
    margin: 145px 40px 50px 40px;
  }
  .description,
  #note {
    font-size: 1em;
  }
  #menuItems a,
  #langLink {
    margin-right: 15px;
    font-size: 1em;
    font-weight: bold;
  }
  #headerMenu .menuRectangle {
    width: 25px;
    height: 3px;
  }

  #menuIconContainer {
    height: 20px;
    width: 25px;
    position: absolute;
  }
  #projectContainer {
    margin: 125px 30px 50px 30px;
  }
  .projectsTitle {
    margin-bottom: 40px;
  }
  #logosTop {
    margin-bottom: 40px;
  }

  #headerMenu.activated #menuRectangle1 {
    width: 11px;
    right: 16px;
    top: 5px;
  }
  #headerMenu.activated #menuRectangle3 {
    width: 11px;
    right: 16px;
    bottom: 5px;
  }
}

/* 480 ------------------------------- */
@media only screen and (max-width: 599px) {
  #jobContainer {
    margin: 100px 20px 50px 20px;
  }
  .careersTitle {
    font-size: 2.75em;
    margin-bottom: 35px;
  }
  #careersContainer {
    margin: 125px 20px 50px 20px;
  }
  .description,
  #note,
  #jobDetailsTitle {
    font-size: 1.4em;
  }
  .jobPositionTitle,
  .half.jobPosition {
    font-size: 1.7em;
  }
  #projectContainer {
    margin: 100px 20px 50px 20px;
  }
  .projectsTitle {
    font-size: 2.75em;
    margin-bottom: 35px;
  }
  #logosTop {
    margin-bottom: 40px;
  }
}

/* NEWS */

.newsContainer {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-bottom: 40px;
}

.newInnerContainer {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 70%;
}

.newsLogo {
  height: 60px;
}

@media only screen and (max-width: 768px) {
  .newsLogo {
    height: 40px;
  }
}

@media only screen and (max-width: 480px) {
  .newsLogo {
    height: 25px;
  }
}

.projectsImages {
  margin-bottom: 16px;
}

@media only screen and (max-width: 768px) {
  .projectsImages {
    height: 400px;
  }
}

@media only screen and (max-width: 480px) {
  .projectsImages {
    height: 250px;
  }
}