/* Generated by Font Squirrel (https://www.fontsquirrel.com) on October 15, 2017 */
@font-face {
  font-family: 'work_light';
  src: url("../assets/fonts/worksans-light-webfont.woff2") format('woff2'), url("../assets/fonts/worksans-light-webfont.woff") format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'work_medium';
  src: url("../assets/fonts/worksans-medium-webfont.woff2") format('woff2'), url("../assets/fonts/worksans-medium-webfont.woff") format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'work_semi';
  src: url("../assets/fonts/worksans-semibold-webfont.woff2") format('woff2'), url("../assets/fonts/worksans-semibold-webfont.woff") format('woff');
  font-weight: normal;
  font-style: normal;
}
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
body {
  line-height: 1;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
nav ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}
del {
  text-decoration: line-through;
}
abbr[title],
dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}
input,
select {
  vertical-align: middle;
}
* {
  box-sizing: border-box;
}
a {
  text-decoration: none;
}
li {
  list-style: none;
}
#banner {
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
.hideAndShow,
#banner.hideAndShow {
  opacity: 1;
  transform: translate(0, 0);
  transition: all 0.3s ease-in-out;
}
.hideAndShow.moveFast,
#banner.hideAndShow.moveFast {
  transition-duration: 0.15s;
}
.hideAndShow.hideDown,
#banner.hideAndShow.hideDown {
  opacity: 0 !important;
  transform: translate(0, 50px);
}
.hideAndShow.hideUp,
#banner.hideAndShow.hideUp {
  opacity: 0 !important;
  transform: translate(0, -50px);
}
a {
  transition: color 0.3s ease-in-out;
}
#mobileMenu #openMenu {
  width: 40px;
  height: 40px;
  display: inline-block;
  position: relative;
  cursor: pointer;
}
#mobileMenu #openMenu span {
  display: block;
  position: absolute;
  height: 4px;
  width: 100%;
  background: #1a1a1a;
  border-radius: 5px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.25s ease-in-out;
}
#mobileMenu #openMenu span:nth-child(1) {
  top: 4px;
}
#mobileMenu #openMenu span:nth-child(2) {
  top: 17px;
}
#mobileMenu #openMenu span:nth-child(3) {
  top: 30px;
}
#mobileMenu #openMenu:hover span {
  background: #10aaff;
}
#mobileMenu.opened #openMenu span:nth-child(1) {
  top: 17px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
  background: #1a1a1a;
}
#mobileMenu.opened #openMenu span:nth-child(2) {
  opacity: 0;
  left: -30px;
  -webkit-transition: 0.16s ease-in-out;
  -moz-transition: 0.16s ease-in-out;
  -o-transition: 0.16s ease-in-out;
  transition: 0.16s ease-in-out;
  background: #1a1a1a;
}
#mobileMenu.opened #openMenu span:nth-child(3) {
  top: 17px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
  background: #1a1a1a;
}
#mobileMenu.opened #openMenu:hover span {
  background: #10aaff;
}
#mobileMenu #mobileMenuLayer {
  background-color: #aee1ed;
  position: absolute;
  top: 100px;
  left: 3%;
  width: 94%;
  max-height: 0;
  opacity: 0;
  z-index: 9;
  overflow: hidden;
  transition: max-height 0.3s ease-in-out, opacity 0.2s ease-in-out;
}
@media (max-width: 600px) {
  #mobileMenu #mobileMenuLayer {
    left: 5%;
    width: 90%;
  }
}
#mobileMenu #mobileMenuLayer ul {
  padding: 50px;
}
#mobileMenu #mobileMenuLayer ul li > a {
  display: inline-block;
  padding: 10px 0;
  font-size: 18px;
  font-family: "work_medium";
}
#mobileMenu.opened #mobileMenuLayer {
  max-height: 1000px;
  opacity: 1;
}
h1,
h2 {
  font-family: 'work_semi';
  font-weight: normal;
  color: #1a1a1a;
}
h3,
h4 {
  font-family: 'work_medium';
  font-weight: normal;
  color: #1a1a1a;
}
h5,
p,
li {
  font-family: 'work_light';
  font-weight: normal;
  color: #1a1a1a;
}
p {
  margin-bottom: 20px;
}
p:last-child {
  margin-bottom: 0px;
}
p strong {
  font-family: 'work_medium';
}
a {
  font: inherit;
  color: inherit;
}
p a,
li a {
  transition: opacity 0.3s ease-in-out;
}
p a:hover,
li a:hover {
  opacity: 0.3;
}
img {
  width: 100%;
}
#openMenu span {
  background-color: #000 !important;
}
#pageWrap {
  display: grid;
}
@media (min-width: 1201px) {
  #pageWrap {
    grid-auto-rows: minmax(100px, auto);
    grid-template-columns: 3% repeat(12, 1fr) 3%;
    grid-template-areas: ". . . . . . . . . . . . . ." "contentWrap contentWrap contentWrap contentWrap contentWrap contentWrap contentWrap contentWrap contentWrap contentWrap contentWrap contentWrap contentWrap contentWrap" "footer footer footer footer footer footer footer footer footer footer footer footer footer footer";
  }
}
@media (max-width: 1200px) and (min-width: 961px) {
  #pageWrap {
    grid-auto-rows: minmax(100px, auto);
    grid-template-columns: 3% repeat(10, 1fr) 3%;
    grid-template-areas: ". . . . . . . . . . . ." "contentWrap contentWrap contentWrap contentWrap contentWrap contentWrap contentWrap contentWrap contentWrap contentWrap contentWrap contentWrap" "footer footer footer footer footer footer footer footer footer footer footer footer";
  }
}
@media (max-width: 960px) and (min-width: 601px) {
  #pageWrap {
    grid-auto-rows: minmax(100px, auto);
    grid-template-columns: 3% repeat(8, 1fr) 3%;
    grid-template-areas: ". . . . . . . . . ." "contentWrap contentWrap contentWrap contentWrap contentWrap contentWrap contentWrap contentWrap contentWrap contentWrap" "footer footer footer footer footer footer footer footer footer footer";
  }
}
@media (max-width: 600px) {
  #pageWrap {
    grid-auto-rows: minmax(100px, auto);
    grid-template-columns: 5% repeat(6, 1fr) 5%;
    grid-template-areas: ". . . . . . . ." "contentWrap contentWrap contentWrap contentWrap contentWrap contentWrap contentWrap contentWrap" "footer footer footer footer footer footer footer footer";
  }
}
#pageWrap header {
  position: fixed;
  z-index: 9;
  top: 0;
  left: 0;
  display: grid;
  width: 100%;
  background-color: #fff;
}
@media (min-width: 1201px) {
  #pageWrap header {
    grid-auto-rows: minmax(100px, auto);
    grid-template-columns: 3% repeat(12, 1fr) 3%;
    grid-template-areas: ". logo logo logo logo . nav nav nav nav nav nav nav .";
  }
}
@media (max-width: 1200px) and (min-width: 961px) {
  #pageWrap header {
    grid-auto-rows: minmax(100px, auto);
    grid-template-columns: 3% repeat(10, 1fr) 3%;
    grid-template-areas: ". logo logo logo . nav nav nav nav nav nav .";
  }
}
@media (max-width: 960px) and (min-width: 601px) {
  #pageWrap header {
    grid-auto-rows: minmax(100px, auto);
    grid-template-columns: 3% repeat(8, 1fr) 3%;
    grid-template-areas: ". logo logo logo logo . . . nav .";
  }
}
@media (max-width: 600px) {
  #pageWrap header {
    grid-auto-rows: minmax(100px, auto);
    grid-template-columns: 5% repeat(6, 1fr) 5%;
    grid-template-areas: ". logo logo logo logo logo nav .";
  }
}
#pageWrap header #logoWrap {
  grid-area: logo;
  align-self: center;
}
#pageWrap header #logoWrap #searchWrap {
  display: inline-block;
  vertical-align: middle;
  width: 50px;
}
#pageWrap header #logoWrap #searchWrap img {
  width: 25px;
  cursor: pointer;
}
#pageWrap header #logoWrap #searchWrap div {
  padding-top: 35px;
  display: none;
  position: absolute;
  width: 350px;
  height: 100px;
  z-index: 3;
}
#pageWrap header #logoWrap #searchWrap div form {
  background-color: #fff;
  padding: 30px 0;
  width: 380px;
}
#pageWrap header #logoWrap #searchWrap div form input[type="text"] {
  font-size: 20px;
  padding: 4px 0;
  width: 300px;
  display: inline-block;
  border: none;
  border-bottom: 1px solid #e6e6e6;
  color: #777779;
  outline: none;
}
#pageWrap header #logoWrap #searchWrap div form input[type="submit"] {
  cursor: pointer;
  width: 40px;
  height: 40px;
  margin-left: 10px;
  display: inline-block;
  background-color: transparent;
  border: none;
  background-image: url("../assets/img/searcharrow.png");
  background-size: 100%;
}
#pageWrap header #logoWrap #searchWrap:hover div {
  display: block;
}
#pageWrap header #logoWrap a {
  display: inline-block;
  vertical-align: middle;
  width: calc(90% - 50px);
  max-width: 240px;
  margin-left: 10%;
}
@media (max-width: 600px) {
  #pageWrap header #logoWrap a {
    margin-left: 0;
  }
}
#pageWrap header #logoWrap a img {
  width: 100%;
}
@media (min-width: 961px) {
  #pageWrap header nav {
    grid-area: nav;
    align-self: center;
  }
}
@media (max-width: 960px) {
  #pageWrap header nav {
    display: none;
  }
}
#pageWrap header nav ul {
  text-align: right;
}
#pageWrap header nav ul li {
  display: inline-block;
  margin-left: 2%;
  color: #1a1a1a;
  font-size: 14px;
}
#pageWrap header nav ul li.active,
#pageWrap header nav ul li:hover {
  color: #10aaff;
}
#pageWrap header #mobileMenu {
  text-align: right;
}
@media (min-width: 961px) {
  #pageWrap header #mobileMenu {
    display: none;
  }
}
@media (max-width: 960px) {
  #pageWrap header #mobileMenu {
    grid-area: nav;
    align-self: center;
  }
}
#pageWrap header #mobileMenu #openMenu {
  background-color: #fff;
}
#pageWrap #contentWrap {
  grid-area: contentWrap;
  display: grid;
}
@media (min-width: 1201px) {
  #pageWrap #contentWrap {
    grid-auto-rows: minmax(10vh, auto);
    grid-template-columns: 3% repeat(12, 1fr) 3%;
  }
}
@media (max-width: 1200px) and (min-width: 961px) {
  #pageWrap #contentWrap {
    grid-auto-rows: minmax(10vh, auto);
    grid-template-columns: 3% repeat(10, 1fr) 3%;
  }
}
@media (max-width: 960px) and (min-width: 601px) {
  #pageWrap #contentWrap {
    grid-auto-rows: minmax(75px, auto);
    grid-template-columns: 3% repeat(8, 1fr) 3%;
  }
}
@media (max-width: 600px) {
  #pageWrap #contentWrap {
    grid-auto-rows: minmax(50px, auto);
    grid-template-columns: 5% repeat(6, 1fr) 5%;
  }
}
#pageWrap #contentWrap div#banner {
  overflow: hidden;
}
#pageWrap #contentWrap div#banner h2 {
  position: absolute;
  left: 8%;
  top: 45%;
  width: 80%;
}
@media (min-width: 1201px) {
  #pageWrap #contentWrap div#banner h2 {
    font-size: 24px;
  }
}
@media (max-width: 1200px) and (min-width: 961px) {
  #pageWrap #contentWrap div#banner h2 {
    font-size: 20px;
  }
}
@media (max-width: 960px) and (min-width: 601px) {
  #pageWrap #contentWrap div#banner h2 {
    font-size: 16px;
  }
}
@media (max-width: 600px) {
  #pageWrap #contentWrap div#banner h2 {
    font-size: 14px;
  }
}
#pageWrap #contentWrap h1 {
  grid-area: pageTitle;
  color: #10aaff;
  margin-top: 20px;
  font-family: 'work_light';
  text-transform: uppercase;
}
#pageWrap footer {
  grid-area: footer;
  margin-top: 50px;
  padding: 50px 0 20px;
  background-color: #777779;
  transform: translate(0, 0) !important;
  display: grid;
  grid-template-columns: 3% repeat(3, 1fr) 3%;
  grid-template-areas: ". footerencontra footercontacta footersubscreve ." ". footerp footerh4 footerimg .";
  grid-row-gap: 55px;
}
@media (max-width: 600px) {
  #pageWrap footer {
    grid-auto-rows: minmax(20px, auto);
    grid-row-gap: 40px;
    grid-template-columns: 5% repeat(2, 1fr) 5%;
    grid-template-areas: ". footerencontra footerencontra ." ". footercontacta footercontacta ." ". footersubscreve footersubscreve ." ". footerp footerp ." ". footerh4 footerimg .";
  }
  #pageWrap footer h5 {
    margin-bottom: 10px !important;
  }
}
#pageWrap footer h5 {
  font-size: 18px;
  color: #fff;
  font-family: "work_medium";
  margin-bottom: 45px;
}
#pageWrap footer p {
  font-size: 14px;
  color: #fff;
  font-family: "work_light";
  line-height: 1.5;
}
#pageWrap footer h4 {
  font-size: 16px;
  color: #fff;
}
#pageWrap footer > .encontra {
  grid-area: footerencontra;
}
#pageWrap footer > .contacta {
  grid-area: footercontacta;
}
#pageWrap footer > .subscreve {
  grid-area: footersubscreve;
}
#pageWrap footer > p {
  grid-area: footerp;
  font-size: 12px;
}
#pageWrap footer form input[type="text"] {
  border: none;
  border-bottom: 1px solid #fff;
  padding: 2px 0 10px;
  background-color: transparent;
  width: calc(100% - 50px);
  font-size: 14px;
  color: #fff;
}
#pageWrap footer form input[type="text"].error {
  border-color: #f00;
}
#pageWrap footer form input[type="submit"] {
  cursor: pointer;
  width: 40px;
  height: 40px;
  margin-left: 10px;
  display: inline-block;
  background-color: transparent;
  border: none;
  background-image: url("../assets/img/searcharrow.png");
  background-size: 100%;
}
@media (min-width: 1201px) {
  #page_about #contentWrap {
    grid-template-areas: ". banner banner banner banner banner banner banner banner banner banner banner banner ." ". pageTitle pageTitle pageTitle pageTitle pageTitle pageTitle pageTitle pageTitle pageTitle pageTitle pageTitle pageTitle ." ". . . . . . mission mission mission mission mission mission mission ." ". . . . . . mission mission mission mission mission mission mission ." ". . . . . . mission mission mission mission mission mission mission ." ". . . . . . . . . . . . . ." ". . vision vision vision vision . . values values values values . ." ". . vision vision vision vision . . values values values values . ." ". . vision vision vision vision . . values values values values . ." ". . . . . . . . . . . . . ." ". . valuesIcons valuesIcons valuesIcons valuesIcons valuesIcons valuesIcons valuesIcons valuesIcons valuesIcons valuesIcons . ." ". . . . . . . . . . . . . ." ". ourTeam ourTeam ourTeam ourTeam ourTeam ourTeam ourTeam ourTeam . . . . ." ". . . . . . . . . . . . . .";
  }
}
@media (max-width: 1200px) and (min-width: 961px) {
  #page_about #contentWrap {
    grid-template-areas: ". banner banner banner banner banner banner banner banner banner banner ." ". pageTitle pageTitle pageTitle pageTitle pageTitle pageTitle pageTitle pageTitle pageTitle pageTitle ." ". . . . . mission mission mission mission mission mission ." ". . . . . mission mission mission mission mission mission ." ". . . . . mission mission mission mission mission mission ." ". . . . . . . . . . . ." ". vision vision vision vision . values values values values . ." ". vision vision vision vision . values values values values . ." ". vision vision vision vision . values values values values . ." ". . . . . . . . . . . ." ". valuesIcons valuesIcons valuesIcons valuesIcons valuesIcons valuesIcons valuesIcons valuesIcons valuesIcons valuesIcons ." ". . . . . . . . . . . ." ". ourTeam ourTeam ourTeam ourTeam ourTeam ourTeam ourTeam ourTeam . . ." ". . . . . . . . . . . .";
  }
}
@media (max-width: 960px) and (min-width: 601px) {
  #page_about #contentWrap {
    grid-template-areas: ". banner banner banner banner banner banner banner banner ." ". pageTitle pageTitle pageTitle pageTitle pageTitle pageTitle pageTitle pageTitle ." ". . . . mission mission mission mission mission ." ". . . . mission mission mission mission mission ." ". . . . mission mission mission mission mission ." ". . . . . . . . . ." ". vision vision vision . values values values values ." ". vision vision vision . values values values values ." ". vision vision vision . values values values values ." ". . . . . . . . . ." ". valuesIcons valuesIcons valuesIcons valuesIcons valuesIcons valuesIcons valuesIcons valuesIcons ." ". . . . . . . . . ." ". ourTeam ourTeam ourTeam ourTeam ourTeam ourTeam . . ." ". . . . . . . . . .";
  }
}
@media (max-width: 600px) {
  #page_about #contentWrap {
    grid-template-areas: ". banner banner banner banner banner banner ." ". pageTitle pageTitle pageTitle pageTitle pageTitle pageTitle ." ". . . . . . . ." ". . . mission mission mission mission ." ". . . . . . . ." ". . . . . . . ." ". vision vision vision vision vision vision ." ". . . . . . . ." ". values values values values values values ." ". . . . . . . ." ". valuesIcons valuesIcons valuesIcons valuesIcons valuesIcons valuesIcons ." ". . . . . . . ." ". . . . . . . ." ". ourTeam ourTeam ourTeam ourTeam ourTeam ourTeam ." ". . . . . . . .";
  }
}
#page_about #contentWrap h2 {
  font-size: 25px;
  font-family: "work_semi";
}
#page_about #contentWrap p {
  font-size: 16px;
  font-family: "work_light";
  line-height: 1.5;
}
#page_about #contentWrap div#banner {
  grid-area: banner;
}
#page_about #contentWrap #mission {
  grid-area: mission;
  z-index: 2;
  background-color: #edf8f9;
  padding: 50px 15%;
  align-self: start;
  max-width: 700px;
}
@media (max-width: 600px) {
  #page_about #contentWrap #mission {
    font-size: 20px;
    padding: 50px 10%;
  }
}
#page_about #contentWrap #mission h2 {
  font-size: 25px;
  font-family: "work_semi";
  line-height: 1.5;
  margin-bottom: 20px;
}
@media (max-width: 600px) {
  #page_about #contentWrap #mission h2 {
    font-size: 20px;
  }
}
#page_about #contentWrap #missionImg {
  padding-top: 50px;
}
@media (min-width: 1201px) {
  #page_about #contentWrap #missionImg {
    grid-column: 3/9;
    grid-row: 3/6;
  }
}
@media (max-width: 1200px) and (min-width: 961px) {
  #page_about #contentWrap #missionImg {
    grid-column: 2/7;
    grid-row: 3/6;
  }
}
@media (max-width: 960px) and (min-width: 601px) {
  #page_about #contentWrap #missionImg {
    grid-column: 2/6;
    grid-row: 3/6;
  }
}
@media (max-width: 600px) {
  #page_about #contentWrap #missionImg {
    grid-column: 2/8;
    grid-row: 4/6;
  }
}
#page_about #contentWrap #vision {
  grid-area: vision;
}
#page_about #contentWrap #vision h2 {
  margin-bottom: 25px;
  padding-bottom: 20px;
  border-bottom: 1px solid #10aaff;
}
#page_about #contentWrap #vision ul > li {
  line-height: 1.3;
  margin-bottom: 15px;
  margin-left: 20px;
}
#page_about #contentWrap #vision ul > li:before {
  content: '\2022';
  margin-right: 10px;
  color: #777779;
}
#page_about #contentWrap #values {
  grid-area: values;
  text-align: left;
}
@media (max-width: 600px) {
  #page_about #contentWrap #values {
    text-align: left;
  }
}
#page_about #contentWrap #values h2 {
  margin-bottom: 25px;
  padding-bottom: 20px;
  border-bottom: 1px solid #10aaff;
}
#page_about #contentWrap #values ul > li {
  line-height: 1.3;
  margin-bottom: 15px;
  margin-left: 20px;
}
#page_about #contentWrap #values ul > li:before {
  content: '\2022';
  margin-right: 10px;
  color: #777779;
}
#page_about #contentWrap #valuesIcons {
  grid-area: valuesIcons;
}
#page_about #contentWrap #valuesIcons ul {
  text-align: center;
  margin: 0;
}
#page_about #contentWrap #valuesIcons ul li {
  display: inline-block;
  vertical-align: top;
}
@media (min-width: 1201px) {
  #page_about #contentWrap #valuesIcons ul li {
    width: 12%;
    margin: 3% 5.2%;
  }
}
@media (max-width: 1200px) and (min-width: 961px) {
  #page_about #contentWrap #valuesIcons ul li {
    width: 12%;
    margin: 3% 5.2%;
  }
}
@media (max-width: 960px) and (min-width: 601px) {
  #page_about #contentWrap #valuesIcons ul li {
    width: 20%;
    margin: 5% 2.5%;
  }
}
@media (max-width: 600px) {
  #page_about #contentWrap #valuesIcons ul li {
    width: 45%;
    margin: 5% 2.5%;
  }
}
#page_about #contentWrap #valuesIcons ul li img {
  width: 80%;
  margin: 0 10%;
}
@media (max-width: 600px) {
  #page_about #contentWrap #valuesIcons ul li img {
    width: 40%;
  }
}
#page_about #contentWrap #valuesIcons ul li p {
  margin-top: 20px;
  font-family: "work_medium";
  color: #777779;
  line-height: 1.5;
}
@media (min-width: 1201px) {
  #page_about #contentWrap #valuesIcons ul li p {
    font-size: 13px;
  }
}
@media (max-width: 1200px) and (min-width: 961px) {
  #page_about #contentWrap #valuesIcons ul li p {
    font-size: 12px;
  }
}
@media (max-width: 960px) and (min-width: 601px) {
  #page_about #contentWrap #valuesIcons ul li p {
    font-size: 12px;
  }
}
@media (max-width: 600px) {
  #page_about #contentWrap #valuesIcons ul li p {
    font-size: 12px;
  }
}
#page_about #contentWrap #statement {
  grid-area: statement;
}
#page_about #contentWrap #statement p {
  font-size: 25px;
  font-family: "work_semi";
  line-height: 1.5;
}
@media (max-width: 600px) {
  #page_about #contentWrap #statement p {
    font-size: 20px;
    padding: 40px 0;
    text-align: center;
  }
}
#page_about #contentWrap #ourTeam {
  grid-area: ourTeam;
  background-color: #edf8f9;
  padding: 75px 20% 75px 10%;
  align-self: center;
}
@media (max-width: 600px) {
  #page_about #contentWrap #ourTeam {
    padding: 75px 10% 75px 10%;
  }
}
#page_about #contentWrap #ourTeam h2 {
  margin-bottom: 40px;
}
#page_about #contentWrap #ourTeamImg {
  align-self: center;
  z-index: 2;
}
@media (min-width: 1201px) {
  #page_about #contentWrap #ourTeamImg {
    grid-column: 9/14;
    grid-row: 13/14;
  }
}
@media (max-width: 1200px) and (min-width: 961px) {
  #page_about #contentWrap #ourTeamImg {
    grid-column: 9/12;
    grid-row: 13/14;
  }
}
@media (max-width: 960px) and (min-width: 601px) {
  #page_about #contentWrap #ourTeamImg {
    grid-column: 7/10;
    grid-row: 13/14;
  }
}
@media (max-width: 600px) {
  #page_about #contentWrap #ourTeamImg {
    grid-column: 2/8;
    grid-row: 13/14;
  }
}
#page_article #contentWrap {
  grid-auto-rows: minmax(100px, auto);
}
@media (min-width: 1201px) {
  #page_article #contentWrap {
    grid-template-areas: ". banner banner banner banner banner banner banner banner banner banner banner banner ." ". pageTitle pageTitle pageTitle pageTitle pageTitle pageTitle pageTitle pageTitle pageTitle pageTitle pageTitle pageTitle ." ". . articleHeader articleHeader articleHeader . articleBody articleBody articleBody articleBody articleBody articleBody . ." ". . . . . . . . . . . . . .";
  }
}
@media (max-width: 1200px) and (min-width: 961px) {
  #page_article #contentWrap {
    grid-template-areas: ". banner banner banner banner banner banner banner banner banner banner ." ". pageTitle pageTitle pageTitle pageTitle pageTitle pageTitle pageTitle pageTitle pageTitle pageTitle ." ". articleHeader articleHeader articleHeader . articleBody articleBody articleBody articleBody articleBody articleBody ." ". . . . . . . . . . . .";
  }
}
@media (max-width: 960px) and (min-width: 601px) {
  #page_article #contentWrap {
    grid-template-areas: ". banner banner banner banner banner banner banner banner ." ". pageTitle pageTitle pageTitle pageTitle pageTitle pageTitle pageTitle pageTitle ." ". articleHeader articleHeader articleHeader articleHeader articleHeader articleHeader articleHeader articleHeader ." ". articleBody articleBody articleBody articleBody articleBody articleBody articleBody articleBody ." ". . . . . . . . . .";
  }
}
@media (max-width: 600px) {
  #page_article #contentWrap {
    grid-template-areas: ". banner banner banner banner banner banner ." ". pageTitle pageTitle pageTitle pageTitle pageTitle pageTitle ." ".  articleHeader articleHeader articleHeader articleHeader articleHeader articleHeader ." ".  articleBody articleBody articleBody articleBody articleBody articleBody ." ". . . . . . . .";
  }
}
#page_article #contentWrap div#banner {
  grid-area: banner;
}
#page_article #contentWrap #articleHeader {
  grid-area: articleHeader;
  margin-bottom: 100px;
}
@media (max-width: 600px) {
  #page_article #contentWrap #articleHeader {
    margin-bottom: 50px;
  }
}
#page_article #contentWrap #articleHeader h2 {
  font-size: 24px;
  line-height: 1.4;
  margin-bottom: 30px;
}
#page_article #contentWrap #articleHeader h5 {
  font-size: 16px;
  color: #10aaff;
  margin-bottom: 80px;
}
#page_article #contentWrap #articleHeader img {
  max-width: 100%;
}
#page_article #contentWrap #articleHeader #publicationsGoBack {
  margin-top: 50px;
  color: #10aaff;
}
#page_article #contentWrap #articleBody {
  grid-area: articleBody;
}
#page_article #contentWrap #articleBody p,
#page_article #contentWrap #articleBody li {
  font-size: 16px;
  line-height: 1.4;
}
#page_article #contentWrap #articleBody li {
  margin-left: 40px;
}
#page_careers #contentWrap {
  grid-auto-rows: minmax(100px, auto);
}
@media (min-width: 1201px) {
  #page_careers #contentWrap {
    grid-template-areas: ". banner banner banner banner banner banner banner banner banner banner banner banner ." ". pageTitle pageTitle pageTitle pageTitle pageTitle pageTitle pageTitle pageTitle pageTitle pageTitle pageTitle pageTitle ." ". . offersTitle offersTitle offersTitle offersTitle offersTitle . . . . . . ." ". positions_des positions_des positions_des positions_des positions_des positions_des positions2_des positions2_des positions2_des positions2_des positions2_des positions2_des ." ". . . . . . . . . . . . . ." ". . spontaneousTitle spontaneousTitle spontaneousTitle spontaneousTitle spontaneousTitle . . . . . . ." ". spontaneous spontaneous spontaneous spontaneous spontaneous spontaneous . spontaneous_side spontaneous_side spontaneous_side spontaneous_side spontaneous_side ." ". . . . . . . . . . . . . .";
  }
}
@media (max-width: 1200px) and (min-width: 961px) {
  #page_careers #contentWrap {
    grid-template-areas: ". banner banner banner banner banner banner banner banner banner banner ." ". pageTitle pageTitle pageTitle pageTitle pageTitle pageTitle pageTitle pageTitle pageTitle pageTitle ." ". . offersTitle offersTitle offersTitle offersTitle offersTitle offersTitle . . . ." ". positions_des positions_des positions_des positions_des positions_des positions2_des positions2_des positions2_des positions2_des positions2_des ." ". . . . . . . . . . . ." ". . spontaneousTitle spontaneousTitle spontaneousTitle spontaneousTitle spontaneousTitle . . . . ." ". spontaneous spontaneous spontaneous spontaneous spontaneous . spontaneous_side spontaneous_side spontaneous_side spontaneous_side ." ". . . . . . . . . . . .";
  }
}
@media (max-width: 960px) and (min-width: 601px) {
  #page_careers #contentWrap {
    grid-template-areas: ". banner banner banner banner banner banner banner banner ." ". pageTitle pageTitle pageTitle pageTitle pageTitle pageTitle pageTitle pageTitle ." ". . offersTitle offersTitle offersTitle offersTitle offersTitle offersTitle . ." ". positions_des positions_des positions_des positions_des positions_des positions_des positions_des positions_des ." ". positions2_des positions2_des positions2_des positions2_des positions2_des positions2_des positions2_des positions2_des ." ". . . . . . . . . ." ". spontaneousTitle spontaneousTitle spontaneousTitle spontaneousTitle spontaneousTitle spontaneousTitle . . ." ". spontaneous spontaneous spontaneous spontaneous . spontaneous_side spontaneous_side spontaneous_side ." ". . . . . . . . . .";
  }
}
@media (max-width: 600px) {
  #page_careers #contentWrap {
    grid-template-areas: ". banner banner banner banner banner banner ." ". pageTitle pageTitle pageTitle pageTitle pageTitle pageTitle ." ". offersTitle offersTitle offersTitle offersTitle offersTitle . ." ". positions_des positions_des positions_des positions_des positions_des positions_des ." ". positions2_des positions2_des positions2_des positions2_des positions2_des positions2_des ." ". . . . . . . ." ". spontaneousTitle spontaneousTitle spontaneousTitle spontaneousTitle spontaneousTitle . ." ". spontaneous spontaneous spontaneous spontaneous spontaneous spontaneous ." ". spontaneous_side spontaneous_side spontaneous_side spontaneous_side spontaneous_side spontaneous_side ." ". . . . . . . .";
  }
}
#page_careers #contentWrap div#banner {
  grid-area: banner;
}
#page_careers #contentWrap #offersTitle {
  grid-area: offersTitle;
  margin-bottom: 80px;
}
#page_careers #contentWrap #offersTitle h2 {
  font-family: "work_semi";
  font-size: 25px;
  margin-bottom: 20px;
}
#page_careers #contentWrap #offersTitle p {
  font-size: 16px;
  line-height: 1.4;
}
#page_careers #contentWrap #positions_desc {
  grid-area: positions_des;
  align-self: start;
  background-color: #f5f5f6;
  padding: 75px 9% 75px 9%;
}
@media (max-width: 600px) {
  #page_careers #contentWrap #positions_desc {
    padding: 50px 10% 50px 10%;
  }
}
#page_careers #contentWrap #positions_desc p {
  line-height: 1.5;
}
#page_careers #contentWrap #positions2_desc {
  grid-area: positions2_des;
  align-self: start;
  background-color: #edf8f9;
  padding: 75px 9% 75px 9%;
}
@media (max-width: 600px) {
  #page_careers #contentWrap #positions2_desc {
    padding: 50px 10% 50px 10%;
  }
}
#page_careers #contentWrap #positions2_desc p {
  line-height: 1.5;
}
#page_careers #contentWrap #positions_desc ul li,
#page_careers #contentWrap #positions2_desc ul li {
  font-family: 'work_medium';
  margin-bottom: 10px;
}
#page_careers #contentWrap #positions_desc ul li:before,
#page_careers #contentWrap #positions2_desc ul li:before {
  content: "- ";
}
#page_careers #contentWrap #spontaneousTitle {
  grid-area: spontaneousTitle;
  font-size: 25px;
  font-family: "work_semi";
}
#page_careers #contentWrap #spontaneous {
  grid-area: spontaneous;
}
#page_careers #contentWrap #spontaneous h4 {
  font-family: "work_medium";
  font-size: 18px;
  line-height: 1.6;
  color: #1a1a1a;
  padding-left: 17%;
  margin-bottom: 50px;
}
@media (max-width: 1200px) {
  #page_careers #contentWrap #spontaneous h4 {
    padding-left: 0;
  }
}
#page_careers #contentWrap #spontaneous p {
  font-family: "work_light";
  font-size: 16px;
  line-height: 1.5;
}
#page_careers #contentWrap #spontaneous_side {
  grid-area: spontaneous_side;
}
#page_careers #contentWrap #spontaneous_side img {
  margin-bottom: 75px;
}
#page_careers #contentWrap #spontaneous_side h3 {
  font-family: "work_medium";
  color: #10aaff;
  font-size: 20px;
  margin-bottom: 15px;
}
#page_careers #contentWrap #spontaneous_side p {
  color: #10aaff;
  font-size: 16px;
}
@media (min-width: 1201px) {
  #page_contacts #contentWrap {
    grid-template-areas: ". banner banner banner banner banner banner banner banner banner banner banner banner ." ". pageTitle pageTitle pageTitle pageTitle pageTitle pageTitle pageTitle pageTitle pageTitle pageTitle pageTitle pageTitle ." ". . whereToFind whereToFind whereToFind . map map map map map map . ." ". . . . . . . . . . . . . ." ". . contacts contacts contacts . contactForm contactForm contactForm contactForm contactForm contactForm . ." ". . . . . . . . . . . . . .";
  }
}
@media (max-width: 1200px) and (min-width: 961px) {
  #page_contacts #contentWrap {
    grid-template-areas: ". banner banner banner banner banner banner banner banner banner banner ." ". pageTitle pageTitle pageTitle pageTitle pageTitle pageTitle pageTitle pageTitle pageTitle pageTitle ." ". whereToFind whereToFind whereToFind . map map map map map map ." ". . . . . . . . . . . ." ". contacts contacts contacts . contactForm contactForm contactForm contactForm contactForm contactForm ." ". . . . . . . . . . . .";
  }
}
@media (max-width: 960px) and (min-width: 601px) {
  #page_contacts #contentWrap {
    grid-template-areas: ". banner banner banner banner banner banner banner banner ." ". pageTitle pageTitle pageTitle pageTitle pageTitle pageTitle pageTitle pageTitle ." ". . . . . . . . . ." ". whereToFind whereToFind . map map map map map ." ". . . . . . . . . ." ". contacts contacts . contactForm contactForm contactForm contactForm contactForm ." ". . . . . . . . . .";
  }
}
@media (max-width: 600px) {
  #page_contacts #contentWrap {
    grid-template-areas: ". banner banner banner banner banner banner ." ". pageTitle pageTitle pageTitle pageTitle pageTitle pageTitle ." ". . . . . . . ." ". whereToFind whereToFind whereToFind whereToFind whereToFind whereToFind ." ". . . . . . . ." ". contacts contacts contacts contacts contacts contacts ." ". . . . . . . ." ". map map map map map map ." ". . . . . . . ." ". contactForm contactForm contactForm contactForm contactForm contactForm ." ". . . . . . . .";
  }
}
#page_contacts #contentWrap div#banner {
  grid-area: banner;
}
#page_contacts #contentWrap #whereToFind {
  grid-area: whereToFind;
  align-self: center;
}
#page_contacts #contentWrap #gmap {
  height: 230px;
  grid-area: map;
}
#page_contacts #contentWrap #contacts {
  grid-area: contacts;
}
#page_contacts #contentWrap #contactForm {
  grid-area: contactForm;
}
#page_contacts #contentWrap #contactForm form input[type="text"] {
  border: none;
  width: 50%;
  border-bottom: 1px solid #10aaff;
  font-family: "work_light";
  font-size: 14px;
  margin-bottom: 20px;
  padding-bottom: 4px;
}
#page_contacts #contentWrap #contactForm form textarea {
  border: none;
  width: 100%;
  border-bottom: 1px solid #10aaff;
  font-family: "work_light";
  font-size: 14px;
  padding: 4px 0;
}
#page_contacts #contentWrap #contactForm form input[type="submit"] {
  background-color: transparent;
  border: none;
  color: #10aaff;
  cursor: pointer;
  padding: 5px 20px;
  border: 1px solid #10aaff;
  margin-top: 20px;
  font-family: "work_light";
  font-size: 14px;
  transition: background-color 0.3s ease-in-out, border 0.3s ease-in-out;
}
#page_contacts #contentWrap #contactForm form input[type="submit"]:hover {
  background-color: #f5f5f6;
  border: 1px solid transparent;
}
#page_contacts #contentWrap #contactForm form .error {
  border-color: #f00 !important;
}
#page_contacts #contentWrap #whereToFind h2,
#page_contacts #contentWrap #contacts h2,
#page_contacts #contentWrap #contactForm h2 {
  font-size: 21px;
  font-family: "work_semi";
  color: #10aaff;
  margin-bottom: 40px;
}
#page_contacts #contentWrap #whereToFind p,
#page_contacts #contentWrap #contacts p,
#page_contacts #contentWrap #contactForm p {
  font-size: 14px;
  font-family: "work_light";
  line-height: 1.5;
}
#page_home #pageWrap #logoWrap a {
  display: none;
}
@media (min-width: 1201px) {
  #page_home #contentWrap {
    grid-auto-rows: minmax(100px, auto);
    grid-template-areas: "banner banner banner banner banner banner banner banner banner banner banner banner banner banner" "banner banner banner banner banner banner banner banner banner banner banner banner banner banner" "banner banner banner banner banner banner banner banner banner banner banner banner banner banner" ". introImg introImg introImg introImg introImg introImg introImg . . . . . ." ". introImg introImg introImg introImg introImg introImg introImg . . . . . ." ". introImg introImg introImg introImg introImg introImg introImg . . . . . ." ". . . . . . . . . . . . . ." ". homeServices homeServices homeServices homeServices homeServices homeServices homeServices homeServices homeServices homeServices homeServices homeServices ." ". . . . . . . . . . . . . ." ". . homePublications homePublications homePublications homePublications homePublications homePublications homePublications homePublications homePublications homePublications . .";
  }
}
@media (max-width: 1200px) and (min-width: 961px) {
  #page_home #contentWrap {
    grid-template-areas: "banner banner banner banner banner banner banner banner banner banner banner banner" ". introImg introImg introImg introImg introImg introImg . . . . ." ". introImg introImg introImg introImg introImg introImg . . . . ." ". introImg introImg introImg introImg introImg introImg . . . . ." ". . . . . . . . . . . ." ". homeServices homeServices homeServices homeServices homeServices homeServices homeServices homeServices homeServices homeServices ." ". . . . . . . . . . . ." ". homePublications homePublications homePublications homePublications homePublications homePublications homePublications homePublications homePublications homePublications .";
  }
}
@media (max-width: 960px) and (min-width: 601px) {
  #page_home #contentWrap {
    grid-template-areas: "banner banner banner banner banner banner banner banner banner banner" ". . . . . . . . . ." ". introImg introImg introImg introImg introImg introImg . . ." ". introImg introImg introImg introImg introImg introImg . . ." ". introImg introImg introImg introImg introImg introImg . . ." ". . . . . . . . . ." ". homeServices homeServices homeServices homeServices homeServices homeServices homeServices homeServices ." ". . . . . . . . . ." ". homePublications homePublications homePublications homePublications homePublications homePublications homePublications homePublications .";
  }
}
@media (max-width: 600px) {
  #page_home #contentWrap {
    grid-template-areas: "banner banner banner banner banner banner banner banner" ". . . . . . . ." ". introImg introImg introImg introImg introImg . ." ". introImg introImg introImg introImg introImg . ." ". . . . . . . ." ". . . . . . . ." ". homeServices homeServices homeServices homeServices homeServices homeServices ." ". . . . . . . ." ". homePublications homePublications homePublications homePublications homePublications homePublications .";
  }
}
#page_home #contentWrap div#banner {
  grid-area: banner;
  display: grid;
  grid-template-columns: 3% repeat(6, 1fr) 3%;
  grid-auto-rows: 1fr;
  grid-template-areas: ". . . homeLogo homeLogo . . ." ". . . homeLogo homeLogo . . ." ". bannerInfo bannerInfo bannerInfo bannerInfo . . ." ". . . . . . . .";
}
@media (max-width: 600px) {
  #page_home #contentWrap div#banner {
    grid-auto-rows: minmax(70px, auto);
    grid-template-columns: 5% repeat(6, 1fr) 5%;
  }
}
#page_home #contentWrap div#banner img {
  grid-column: 2/9;
  grid-row: 1/4;
}
#page_home #contentWrap div#banner #bannerInfo {
  grid-area: bannerInfo;
  margin-top: 20px;
}
#page_home #contentWrap div#banner #bannerInfo p {
  color: #10aaff;
  text-transform: uppercase;
  font-size: 14px;
  font-family: "work_light";
}
#page_home #contentWrap div#banner #homeLogo {
  grid-area: homeLogo;
  align-self: center;
  z-index: 2;
}
#page_home #contentWrap div#banner #lead {
  grid-column: 3/6;
  grid-row: 3/5;
  align-self: center;
}
@media (max-width: 960px) and (min-width: 601px) {
  #page_home #contentWrap div#banner #lead {
    grid-row: 4/5;
    grid-column: 2/6;
  }
}
@media (max-width: 600px) {
  #page_home #contentWrap div#banner #lead {
    grid-row: 4/5;
    grid-column: 2/7;
  }
}
#page_home #contentWrap div#banner #lead p {
  font-size: 30px;
  line-height: 1.4;
  font-family: "work_semi";
}
@media (max-width: 960px) {
  #page_home #contentWrap div#banner #lead p {
    font-size: 20px;
  }
}
#page_home #contentWrap #introImg {
  grid-area: introImg;
}
#page_home #contentWrap #intro {
  padding: 60px;
  background-color: #fff;
  align-self: center;
  margin-bottom: 50px;
}
#page_home #contentWrap #intro p {
  font-family: "work_light";
  font-size: 14px;
  line-height: 1.5;
}
#page_home #contentWrap #intro p a {
  font-size: 14px;
  font-family: "work_light";
  color: #10aaff;
  text-transform: uppercase;
}
@media (min-width: 1201px) {
  #page_home #contentWrap #intro {
    grid-column: 7/13;
    grid-row: 5/8;
  }
}
@media (max-width: 1200px) and (min-width: 961px) {
  #page_home #contentWrap #intro {
    grid-column: 6/12;
    grid-row: 3/6;
  }
}
@media (max-width: 960px) and (min-width: 601px) {
  #page_home #contentWrap #intro {
    grid-column: 4/10;
    grid-row: 4/7;
  }
}
@media (max-width: 600px) {
  #page_home #contentWrap #intro {
    grid-column: 2/8;
    grid-row: 4/7;
    padding: 40px;
  }
}
#page_home #contentWrap #joinUs {
  grid-area: joinUs;
}
#page_home #contentWrap #joinUs > div {
  width: 65%;
  display: inline-block;
}
#page_home #contentWrap #joinUs > img {
  margin-left: -15%;
  width: 50%;
  display: inline-block;
}
#page_home #contentWrap #homeServices {
  grid-area: homeServices;
  display: grid;
  padding: 120px 3%;
  background-color: #f5f5f6;
  grid-template-columns: repeat(6, 1fr);
}
@media (max-width: 600px) {
  #page_home #contentWrap #homeServices {
    padding: 40px 5%;
  }
}
#page_home #contentWrap #homeServices div {
  grid-column: span 2;
}
@media (max-width: 600px) {
  #page_home #contentWrap #homeServices div {
    grid-column: span 8;
    padding: 40px 0;
  }
}
#page_home #contentWrap #homeServices div img {
  width: 30px;
  margin-right: 40px;
  margin-bottom: 40px;
  display: inline-block;
  vertical-align: middle;
}
#page_home #contentWrap #homeServices div h3 {
  font-size: 22px;
  margin-bottom: 37px;
  font-family: "work_semi";
  display: inline-block;
  vertical-align: middle;
}
@media (max-width: 1200px) {
  #page_home #contentWrap #homeServices div h3 {
    font-size: 18px;
  }
}
#page_home #contentWrap #homeServices div p {
  font-family: "work_light";
  font-size: 14px;
}
#page_home #contentWrap #homePublications {
  grid-area: homePublications;
  margin: 0 auto 150px;
}
#page_home #contentWrap #homePublications > div {
  width: 29%;
  display: inline-block;
  vertical-align: top;
}
#page_home #contentWrap #homePublications > div:not(:nth-child(3)) {
  margin-right: 6.5%;
}
#page_home #contentWrap #homePublications > div .cardImage {
  width: 100%;
  height: 250px;
  background-size: cover;
  background-position: center;
}
@media (max-width: 1200px) {
  #page_home #contentWrap #homePublications > div .cardImage {
    height: 200px;
  }
}
@media (max-width: 800px) {
  #page_home #contentWrap #homePublications > div .cardImage {
    height: 150px;
  }
}
#page_home #contentWrap #homePublications > div .textArea {
  width: 100%;
  padding: 10%;
  background-color: #f5f5f6;
}
#page_home #contentWrap #homePublications > div .textArea h4 {
  margin-bottom: 20px;
  line-height: 1.4;
}
#page_home #contentWrap #homePublications > div .textArea p {
  line-height: 1.5;
  font-size: 13px;
}
#page_home #contentWrap #homePublications > div .textArea p a {
  color: #10aaff;
}
@media (max-width: 960px) {
  #page_home #contentWrap #homePublications > div {
    width: 100%;
    display: flex;
    align-items: stretch;
    margin-right: 0;
  }
  #page_home #contentWrap #homePublications > div:not(:nth-child(3)) {
    margin-bottom: 30px;
  }
  #page_home #contentWrap #homePublications > div .cardImage {
    width: 33%;
    height: unset;
  }
  #page_home #contentWrap #homePublications > div .textArea {
    width: 67%;
    padding: 5%;
  }
}
#page_publications #contentWrap {
  grid-auto-rows: minmax(100px, auto);
}
@media (min-width: 1201px) {
  #page_publications #contentWrap {
    grid-template-areas: ". banner banner banner banner banner banner banner banner banner banner banner banner ." ". pageTitle pageTitle pageTitle pageTitle pageTitle pageTitle pageTitle pageTitle pageTitle pageTitle pageTitle pageTitle ." ". publications_list publications_list publications_list publications_list publications_list publications_list publications_list publications_list publications_list publications_list publications_list publications_list .";
  }
}
@media (max-width: 1200px) and (min-width: 961px) {
  #page_publications #contentWrap {
    grid-template-areas: ". banner banner banner banner banner banner banner banner banner banner ." ". pageTitle pageTitle pageTitle pageTitle pageTitle pageTitle pageTitle pageTitle pageTitle pageTitle ." ". publications_list publications_list publications_list publications_list publications_list publications_list publications_list publications_list publications_list publications_list .";
  }
}
@media (max-width: 960px) and (min-width: 601px) {
  #page_publications #contentWrap {
    grid-template-areas: ". banner banner banner banner banner banner banner banner ." ". pageTitle pageTitle pageTitle pageTitle pageTitle pageTitle pageTitle pageTitle ." ". publications_list publications_list publications_list publications_list publications_list publications_list publications_list publications_list .";
  }
}
@media (max-width: 600px) {
  #page_publications #contentWrap {
    grid-template-areas: ". banner banner banner banner banner banner ." ". pageTitle pageTitle pageTitle pageTitle pageTitle pageTitle ." ". publications_list publications_list publications_list publications_list publications_list publications_list .";
  }
}
#page_publications #contentWrap div#banner {
  grid-area: banner;
}
#page_publications #contentWrap #publications_list {
  grid-area: publications_list;
  max-width: 1200px;
  margin: 0 auto 100px;
}
#page_publications #contentWrap #publications_list li {
  display: inline-block;
  vertical-align: top;
  background-color: #f5f5f6;
}
@media (min-width: 601px) {
  #page_publications #contentWrap #publications_list li {
    width: 32%;
    margin: 1% 2% 1% 0;
    padding: 3%;
  }
  #page_publications #contentWrap #publications_list li:nth-child(3n) {
    margin-right: 0;
  }
  #page_publications #contentWrap #publications_list li:nth-child(2n) {
    background-color: #edf8f9;
  }
}
@media (max-width: 600px) {
  #page_publications #contentWrap #publications_list li {
    width: 48%;
    margin: 2% 4% 2% 0;
    padding: 5%;
  }
  #page_publications #contentWrap #publications_list li:nth-child(2n) {
    margin-right: 0;
  }
  #page_publications #contentWrap #publications_list li:nth-child(2),
  #page_publications #contentWrap #publications_list li:nth-child(3),
  #page_publications #contentWrap #publications_list li:nth-child(6),
  #page_publications #contentWrap #publications_list li:nth-child(7),
  #page_publications #contentWrap #publications_list li:nth-child(10),
  #page_publications #contentWrap #publications_list li:nth-child(11),
  #page_publications #contentWrap #publications_list li:nth-child(14),
  #page_publications #contentWrap #publications_list li:nth-child(15),
  #page_publications #contentWrap #publications_list li:nth-child(18),
  #page_publications #contentWrap #publications_list li:nth-child(19),
  #page_publications #contentWrap #publications_list li:nth-child(22),
  #page_publications #contentWrap #publications_list li:nth-child(23),
  #page_publications #contentWrap #publications_list li:nth-child(26) {
    background-color: #edf8f9;
  }
}
#page_publications #contentWrap #publications_list li h2 {
  font-size: 18px;
  line-height: 1.2;
  margin-bottom: 20px;
}
#page_publications #contentWrap #publications_list li h5 {
  font-size: 14px;
  line-height: 1.2;
  margin-bottom: 20px;
  color: #10aaff;
}
#page_publications #contentWrap #publications_list li p {
  font-size: 14px;
  line-height: 1.4;
}
#page_publications #contentWrap #publications_list li>a {
  font-size: 14px;
  color: #10aaff;
}
@media (min-width: 1201px) {
  #page_search #contentWrap {
    grid-template-areas: ". banner banner banner banner banner banner banner banner banner banner banner banner ." ". pageTitle pageTitle pageTitle pageTitle pageTitle pageTitle pageTitle pageTitle pageTitle pageTitle pageTitle pageTitle ." ". formArea formArea formArea formArea formArea formArea formArea formArea formArea formArea formArea formArea ." ". . searchResults searchResults searchResults searchResults searchResults searchResults searchResults searchResults searchResults searchResults . .";
  }
}
@media (max-width: 1200px) and (min-width: 961px) {
  #page_search #contentWrap {
    grid-template-areas: ". banner banner banner banner banner banner banner banner banner banner ." ". pageTitle pageTitle pageTitle pageTitle pageTitle pageTitle pageTitle pageTitle pageTitle pageTitle ." ". formArea formArea formArea formArea formArea formArea formArea formArea formArea formArea ." ". searchResults searchResults searchResults searchResults searchResults searchResults searchResults searchResults searchResults searchResults .";
  }
}
@media (max-width: 960px) and (min-width: 601px) {
  #page_search #contentWrap {
    grid-template-areas: ". banner banner banner banner banner banner banner banner ." ". pageTitle pageTitle pageTitle pageTitle pageTitle pageTitle pageTitle pageTitle ." ". formArea formArea formArea formArea formArea formArea formArea formArea ." ". searchResults searchResults searchResults searchResults searchResults searchResults searchResults searchResults .";
  }
}
@media (max-width: 600px) {
  #page_search #contentWrap {
    grid-template-areas: ". banner banner banner banner banner banner ." ". pageTitle pageTitle pageTitle pageTitle pageTitle pageTitle ." ". formArea formArea formArea formArea formArea formArea ." ". searchResults searchResults searchResults searchResults searchResults searchResults .";
  }
}
#page_search #contentWrap div#banner {
  grid-area: banner;
}
#page_search #contentWrap #form {
  grid-area: formArea;
  text-align: center;
}
@media (max-width: 600px) {
  #page_search #contentWrap #form {
    margin-top: 50px;
  }
}
#page_search #contentWrap #form h2 {
  font-size: 18px;
  margin-bottom: 20px;
}
#page_search #contentWrap #form form {
  max-width: 450px;
  width: 90%;
  margin: 0 auto 100px;
}
#page_search #contentWrap #form form input[type="text"] {
  width: calc(100% - 60px);
  font-family: 'work_light';
  background-color: transparent;
  border: none;
  font-size: 20px;
  padding: 4px 0;
  border-bottom: 1px solid #e6e6e6;
  color: #777779;
  outline: none;
}
@media (max-width: 600px) {
  #page_search #contentWrap #form form input[type="text"] {
    font-size: 16px;
  }
}
#page_search #contentWrap #form form input[type="submit"] {
  cursor: pointer;
  width: 40px;
  height: 40px;
  margin-left: 10px;
  display: inline-block;
  background-color: transparent;
  border: none;
  background-image: url("../assets/img/search.png");
  background-size: 75%;
  background-position: center;
  background-repeat: no-repeat;
}
#page_search #contentWrap #searchResults {
  grid-area: searchResults;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-gap: 20px;
  margin-bottom: 100px;
}
#page_search #contentWrap #searchResults>div:nth-child(1) {
  background-color: #e6e6e6;
}
#page_search #contentWrap #searchResults>div:nth-child(2) {
  background-color: #edf8f9;
}
#page_search #contentWrap #searchResults>div:nth-child(3) {
  background-color: #edf8f9;
}
#page_search #contentWrap #searchResults>div:nth-child(4) {
  background-color: #e6e6e6;
}
#page_search #contentWrap #searchResults>div {
  padding: 25px;
  align-self: start;
}
#page_search #contentWrap #searchResults>div h2 {
  margin-bottom: 50px;
}
#page_search #contentWrap #searchResults>div ul>li {
  margin: 10px 20px;
}
@media (max-width: 600px) {
  #page_search #contentWrap #searchResults {
    grid-template-columns: repeat(6, 1fr);
  }
  #page_search #contentWrap #searchResults>div:nth-child(odd) {
    background-color: #e6e6e6;
  }
  #page_search #contentWrap #searchResults>div:nth-child(even) {
    background-color: #edf8f9;
  }
}
#page_search #contentWrap #searchResults #results_pages {
  grid-column: span 6;
}
#page_search #contentWrap #searchResults #results_sectors {
  grid-column: span 6;
}
#page_search #contentWrap #searchResults #results_publications {
  grid-column: span 6;
}
#page_search #contentWrap #searchResults #results_services {
  grid-column: span 6;
}
#page_sectors #contentWrap {
  grid-auto-rows: minmax(100px, auto);
}
@media (min-width: 1201px) {
  #page_sectors #contentWrap {
    grid-template-areas: ". banner banner banner banner banner banner banner banner banner banner banner banner ." ". pageTitle pageTitle pageTitle pageTitle pageTitle pageTitle pageTitle pageTitle pageTitle pageTitle pageTitle pageTitle ." ". . . . . . lead lead lead lead lead lead . ." ". . . . . . lead lead lead lead lead lead . ." ". . . . . . . . . . . . . ." ". sectorsList sectorsList sectorsList . sectorDesc sectorDesc sectorDesc sectorDesc sectorDesc sectorDesc sectorDesc . ." ". sectorsList sectorsList sectorsList . sectorDesc sectorDesc sectorDesc sectorDesc sectorDesc sectorDesc sectorDesc . ." ". . . . . sectorDesc sectorDesc sectorDesc sectorDesc sectorDesc sectorDesc sectorDesc . ." ". . . . . . . . . . . . . .";
  }
}
@media (max-width: 1200px) and (min-width: 961px) {
  #page_sectors #contentWrap {
    grid-template-areas: ". banner banner banner banner banner banner banner banner banner banner ." ". pageTitle pageTitle pageTitle pageTitle pageTitle pageTitle pageTitle pageTitle pageTitle pageTitle ." ". . . . lead lead lead lead lead lead . ." ". . . . lead lead lead lead lead lead . ." ". . . . . . . . . . . ." ". sectorsList sectorsList sectorsList . sectorDesc sectorDesc sectorDesc sectorDesc sectorDesc sectorDesc ." ". sectorsList sectorsList sectorsList . sectorDesc sectorDesc sectorDesc sectorDesc sectorDesc sectorDesc ." ". . . . . sectorDesc sectorDesc sectorDesc sectorDesc sectorDesc sectorDesc ." ". . . . . . . . . . . .";
  }
}
@media (max-width: 960px) and (min-width: 601px) {
  #page_sectors #contentWrap {
    grid-template-areas: ". banner banner banner banner banner banner banner banner ." ". pageTitle pageTitle pageTitle pageTitle pageTitle pageTitle pageTitle pageTitle ." ". . . lead lead lead lead lead lead ." ". . . lead lead lead lead lead lead ." ". . . . . . . . . ." ". sectorsList sectorsList . sectorDesc sectorDesc sectorDesc sectorDesc sectorDesc ." ". sectorsList sectorsList . sectorDesc sectorDesc sectorDesc sectorDesc sectorDesc ." ". . . . sectorDesc sectorDesc sectorDesc sectorDesc sectorDesc ." ". . . . . . . . . .";
  }
}
@media (max-width: 600px) {
  #page_sectors #contentWrap {
    grid-template-areas: ". banner banner banner banner banner banner ." ". pageTitle pageTitle pageTitle pageTitle pageTitle pageTitle ." ". lead lead lead lead lead lead ." ". lead lead lead lead lead lead ." ". . . . . . . ." ". . . . . . . ." ". . . . . . . ." ". sectorsList sectorsList sectorsList sectorsList sectorsList sectorsList ." ". sectorDesc sectorDesc sectorDesc sectorDesc sectorDesc sectorDesc ." ". sectorDesc sectorDesc sectorDesc sectorDesc sectorDesc sectorDesc ." ". . . . . . . .";
  }
}
#page_sectors #contentWrap div#banner {
  grid-area: banner;
}
#page_sectors #contentWrap #lead {
  grid-area: lead;
  background-color: #edf8f9;
  padding: 50px 15%;
  align-self: center;
  z-index: 2;
}
@media (max-width: 600px) {
  #page_sectors #contentWrap #lead {
    padding: 50px 10%;
  }
}
#page_sectors #contentWrap #lead h2 {
  font-size: 25px;
  font-family: "work_semi";
  line-height: 1.5;
}
#page_sectors #contentWrap #leadImg {
  grid-column: 2/8;
  grid-row: 4/7;
}
@media (max-width: 600px) {
  #page_sectors #contentWrap #leadImg {
    grid-row: 5/8;
  }
}
#page_sectors #contentWrap #sectorsList {
  grid-area: sectorsList;
  background-color: #f5f5f6;
  z-index: 2;
  padding: 30px 40px;
}
#page_sectors #contentWrap #sectorsList li {
  margin-bottom: 20px;
  line-height: 1.5;
  cursor: pointer;
  font-family: "work_medium";
  color: #777779;
  font-size: 16px;
}
#page_sectors #contentWrap #sectorsList li:hover {
  color: #10aaff;
}
#page_sectors #contentWrap #sectorsList li:last-child {
  margin-bottom: 0;
}
#page_sectors #contentWrap #icon {
  text-align: center;
}
@media (min-width: 1201px) {
  #page_sectors #contentWrap #icon {
    grid-column: 6/12;
    grid-row: 7;
  }
}
@media (max-width: 1200px) and (min-width: 961px) {
  #page_sectors #contentWrap #icon {
    grid-column: 5/11;
    grid-row: 7;
  }
}
@media (max-width: 960px) and (min-width: 601px) {
  #page_sectors #contentWrap #icon {
    grid-column: 4/10;
    grid-row: 7;
  }
}
@media (max-width: 600px) {
  #page_sectors #contentWrap #icon {
    grid-column: 3/7;
    grid-row: 10;
  }
}
#page_sectors #contentWrap #icon h4 {
  display: inline-block;
  vertical-align: middle;
  font-family: "work_semi";
  font-size: 30px;
  margin-left: 20px;
}
@media (max-width: 600px) {
  #page_sectors #contentWrap #icon h4 {
    margin-left: 0;
  }
}
#page_sectors #contentWrap #sectorDesc {
  grid-area: sectorDesc;
}
#page_sectors #contentWrap #sectorDesc > div {
  background-color: #f5f5f6;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease-in-out;
}
#page_sectors #contentWrap #sectorDesc > div>div {
  padding: 10%;
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
}
#page_sectors #contentWrap #sectorDesc > div>div h3 {
  margin-bottom: 25px;
  font-size: 18px;
}
#page_sectors #contentWrap #sectorDesc > div>div p {
  line-height: 1.5;
  font-size: 16px;
}
#page_sectors #contentWrap #sectorDesc > div.show {
  max-height: 1000px;
  opacity: 1;
}
#page_sectors #contentWrap #sectorDesc > div.show>div {
  opacity: 1;
}
#page_sectors #contentWrap #sectorDesc ul > li {
  line-height: 1.5;
  margin-left: 20px;
}
#page_sectors #contentWrap #sectorDesc ul > li:before {
  content: '\2022';
  margin-right: 10px;
  color: #777779;
}
#page_services_info #contentWrap {
  grid-auto-rows: minmax(100px, auto);
}
@media (min-width: 1201px) {
  #page_services_info #contentWrap {
    grid-template-areas: ". banner banner banner banner banner banner banner banner banner banner banner banner ." ". pageTitle pageTitle pageTitle pageTitle pageTitle pageTitle pageTitle pageTitle pageTitle pageTitle pageTitle pageTitle ." ". . services services services services services services services services services services . ." ". . . . . . . . . . . . . .";
  }
}
@media (max-width: 1200px) and (min-width: 961px) {
  #page_services_info #contentWrap {
    grid-template-areas: ". banner banner banner banner banner banner banner banner banner banner ." ". pageTitle pageTitle pageTitle pageTitle pageTitle pageTitle pageTitle pageTitle pageTitle pageTitle ." ". services services services services services services services services services services ." ". . . . . . . . . . . .";
  }
}
@media (max-width: 960px) and (min-width: 601px) {
  #page_services_info #contentWrap {
    grid-template-areas: ". banner banner banner banner banner banner banner banner ." ". pageTitle pageTitle pageTitle pageTitle pageTitle pageTitle pageTitle pageTitle ." ". services services services services services services services services ." ". . . . . . . . . .";
  }
}
@media (max-width: 600px) {
  #page_services_info #contentWrap {
    grid-template-areas: ". banner banner banner banner banner banner ." ". pageTitle pageTitle pageTitle pageTitle pageTitle pageTitle ." ". services services services services services services ." ". . . . . . . .";
  }
}
#page_services_info #contentWrap div#banner {
  grid-area: banner;
}
#page_services_info #contentWrap #services {
  grid-area: services;
}
#page_services_info #contentWrap #services h2 {
  padding: 0 10% 100px;
  font-family: "work_semi";
  font-size: 25px;
  vertical-align: top;
}
#page_services_info #contentWrap #services h2 img {
  width: 30px;
  vertical-align: top;
  margin-right: 50px;
}
@media (max-width: 600px) {
  #page_services_info #contentWrap #services h2 {
    font-size: 20px;
  }
  #page_services_info #contentWrap #services h2 img {
    margin-right: 23px;
  }
}
#page_services_info #contentWrap #services .serviceInfo {
  width: 100%;
}
#page_services_info #contentWrap #services .serviceInfo:nth-child(odd) {
  background-color: #f5f5f6;
}
#page_services_info #contentWrap #services .serviceInfo:nth-child(even) {
  background-color: #e6e6e6;
}
#page_services_info #contentWrap #services .serviceInfo h3 {
  font-family: "work_medium";
  font-size: 16px;
  position: relative;
  padding: 40px 120px 40px 10%;
  cursor: pointer;
  transition: background-color 0.3s ease-in-out;
}
#page_services_info #contentWrap #services .serviceInfo h3 a {
  font-size: 14px;
  font-family: "work_light";
  color: #10aaff;
  cursor: pointer;
  position: absolute;
  right: 10%;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
#page_services_info #contentWrap #services .serviceInfo .extraInfo {
  margin: 0 50px;
  max-height: 0;
  overflow: hidden;
  padding: 0 10%;
  transition: max-height 0.4s ease-in-out;
}
#page_services_info #contentWrap #services .serviceInfo .extraInfo>* {
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
}
#page_services_info #contentWrap #services .serviceInfo .extraInfo p {
  font-size: 14px;
  line-height: 1.5;
}
#page_services_info #contentWrap #services .serviceInfo .extraInfo ul > li {
  font-size: 14px;
  line-height: 1.5;
  margin-left: 20px;
}
#page_services_info #contentWrap #services .serviceInfo .extraInfo ul > li:before {
  content: '\2022';
  margin-right: 10px;
  color: #777779;
}
#page_services_info #contentWrap #services .serviceInfo.show a {
  opacity: 1;
}
#page_services_info #contentWrap #services .serviceInfo.show .extraInfo {
  max-height: 1000px;
  opacity: 1;
}
#page_services_info #contentWrap #services .serviceInfo.show .extraInfo>* {
  opacity: 1;
}
#page_services_info #contentWrap #services .serviceInfo:not(.show) h3:hover {
  background-color: rgba(255,255,255,0.4);
}
#page_services #contentWrap {
  grid-auto-rows: minmax(100px, auto);
}
@media (min-width: 1201px) {
  #page_services #contentWrap {
    grid-template-areas: ". banner banner banner banner banner banner banner banner banner banner banner banner ." ". pageTitle pageTitle pageTitle pageTitle pageTitle pageTitle pageTitle pageTitle pageTitle pageTitle pageTitle pageTitle ." ". . . . . . lead lead lead lead lead lead lead ." ". . . . . . lead lead lead lead lead lead lead ." ". . . . . . lead lead lead lead lead lead lead ." ". . . . . . . . . . . . . ." ". . . . . . . . . . . . . ." ". services_list services_list services_list services_list services_list services_list services_list services_list services_list services_list services_list services_list .";
  }
}
@media (max-width: 1200px) and (min-width: 961px) {
  #page_services #contentWrap {
    grid-template-areas: ". banner banner banner banner banner banner banner banner banner banner ." ". pageTitle pageTitle pageTitle pageTitle pageTitle pageTitle pageTitle pageTitle pageTitle pageTitle ." ". . . . lead lead lead lead lead lead lead ." ". . . . lead lead lead lead lead lead lead ." ". . . . lead lead lead lead lead lead lead ." ". . . . . . . . . . . ." ". . . . . . . . . . . ." ". services_list services_list services_list services_list services_list services_list services_list services_list services_list services_list .";
  }
}
@media (max-width: 960px) and (min-width: 601px) {
  #page_services #contentWrap {
    grid-template-areas: ". banner banner banner banner banner banner banner banner ." ". pageTitle pageTitle pageTitle pageTitle pageTitle pageTitle pageTitle pageTitle ." ". . . lead lead lead lead lead lead ." ". . . lead lead lead lead lead lead ." ". . . lead lead lead lead lead lead ." ". . . . . . . . . ." ". . . . . . . . . ." ". services_list services_list services_list services_list services_list services_list services_list services_list .";
  }
}
@media (max-width: 600px) {
  #page_services #contentWrap {
    grid-template-areas: ". banner banner banner banner banner banner ." ". pageTitle pageTitle pageTitle pageTitle pageTitle pageTitle ." ". lead lead lead lead lead lead ." ". . . . . . . ." ". . . . . . . ." ". services_list services_list services_list services_list services_list services_list .";
  }
}
#page_services #contentWrap div#banner {
  grid-area: banner;
}
#page_services #contentWrap #lead {
  grid-area: lead;
  z-index: 2;
  background-color: #f5f5f6;
  padding: 50px 15%;
  align-self: start;
}
@media (max-width: 600px) {
  #page_services #contentWrap #lead {
    font-size: 20px;
    padding: 50px 10%;
  }
}
#page_services #contentWrap #lead h2 {
  font-size: 25px;
  font-family: "work_semi";
  line-height: 1.5;
}
@media (max-width: 600px) {
  #page_services #contentWrap #lead h2 {
    font-size: 20px;
  }
}
@media (min-width: 1201px) {
  #page_services #contentWrap #leadImg {
    grid-column: 3/8;
    grid-row: 4/7;
  }
}
@media (max-width: 1200px) and (min-width: 961px) {
  #page_services #contentWrap #leadImg {
    grid-column: 2/7;
    grid-row: 4/7;
  }
}
@media (max-width: 960px) and (min-width: 601px) {
  #page_services #contentWrap #leadImg {
    grid-column: 2/6;
    grid-row: 4/7;
  }
}
@media (max-width: 600px) {
  #page_services #contentWrap #leadImg {
    grid-column: 2/8;
    grid-row: 4/5;
  }
}
#page_services #contentWrap #services_list {
  grid-area: services_list;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-areas: "managing fiscal services";
}
@media (max-width: 960px) {
  #page_services #contentWrap #services_list {
    grid-template-areas: "managing managing managing" "fiscal fiscal fiscal" "services services services";
  }
}
#page_services #contentWrap #services_list #managing {
  grid-area: managing;
  background-color: #edf8f9;
}
#page_services #contentWrap #services_list #fiscal {
  grid-area: fiscal;
  background-color: #e6e6e6;
}
#page_services #contentWrap #services_list #services {
  grid-area: services;
  background-color: #edf8f9;
}
#page_services #contentWrap #services_list #managing,
#page_services #contentWrap #services_list #fiscal,
#page_services #contentWrap #services_list #services {
  padding: 100px 10%;
}
@media (max-width: 960px) {
  #page_services #contentWrap #services_list #managing,
  #page_services #contentWrap #services_list #fiscal,
  #page_services #contentWrap #services_list #services {
    padding: 50px 10%;
  }
}
#page_services #contentWrap #services_list #managing img,
#page_services #contentWrap #services_list #fiscal img,
#page_services #contentWrap #services_list #services img {
  width: 30px;
  margin-right: 40px;
  margin-bottom: 40px;
  display: inline-block;
  vertical-align: middle;
}
#page_services #contentWrap #services_list #managing h3,
#page_services #contentWrap #services_list #fiscal h3,
#page_services #contentWrap #services_list #services h3 {
  font-size: 22px;
  margin-bottom: 37px;
  font-family: "work_semi";
  display: inline-block;
  vertical-align: middle;
}
@media (max-width: 1200px) {
  #page_services #contentWrap #services_list #managing h3,
  #page_services #contentWrap #services_list #fiscal h3,
  #page_services #contentWrap #services_list #services h3 {
    font-size: 18px;
  }
}
#page_services #contentWrap #services_list #managing p,
#page_services #contentWrap #services_list #fiscal p,
#page_services #contentWrap #services_list #services p {
  margin-bottom: 40px;
  font-size: 14px;
  font-family: "work_light";
}
@media (max-width: 960px) {
  #page_services #contentWrap #services_list #managing p,
  #page_services #contentWrap #services_list #fiscal p,
  #page_services #contentWrap #services_list #services p {
    margin-bottom: 0;
  }
}
@media (max-width: 960px) {
  #page_services #contentWrap #services_list #managing ul,
  #page_services #contentWrap #services_list #fiscal ul,
  #page_services #contentWrap #services_list #services ul {
    display: none;
  }
}
#page_services #contentWrap #services_list #managing ul li,
#page_services #contentWrap #services_list #fiscal ul li,
#page_services #contentWrap #services_list #services ul li {
  font-size: 16px;
  font-family: "work_light";
  margin: 10px 0;
  line-height: 1.2;
}
@media (min-width: 1201px) {
  #page_thankyou #contentWrap {
    grid-template-areas: ". banner banner banner banner banner banner banner banner banner banner banner banner ." ". feedbackMessage feedbackMessage feedbackMessage feedbackMessage feedbackMessage feedbackMessage feedbackMessage feedbackMessage feedbackMessage feedbackMessage feedbackMessage feedbackMessage .";
  }
}
@media (max-width: 1200px) and (min-width: 961px) {
  #page_thankyou #contentWrap {
    grid-template-areas: ". banner banner banner banner banner banner banner banner banner banner ." ". feedbackMessage feedbackMessage feedbackMessage feedbackMessage feedbackMessage feedbackMessage feedbackMessage feedbackMessage feedbackMessage feedbackMessage .";
  }
}
@media (max-width: 960px) and (min-width: 601px) {
  #page_thankyou #contentWrap {
    grid-template-areas: ". banner banner banner banner banner banner banner banner ." ". feedbackMessage feedbackMessage feedbackMessage feedbackMessage feedbackMessage feedbackMessage feedbackMessage feedbackMessage .";
  }
}
@media (max-width: 600px) {
  #page_thankyou #contentWrap {
    grid-template-areas: ". banner banner banner banner banner banner ." ". feedbackMessage feedbackMessage feedbackMessage feedbackMessage feedbackMessage feedbackMessage .";
  }
}
#page_thankyou #contentWrap div#banner {
  grid-area: banner;
}
#page_thankyou #contentWrap #feedbackMessage {
  grid-area: feedbackMessage;
  text-align: center;
  margin: 100px 0;
}
#page_thankyou #contentWrap #feedbackMessage p {
  font-size: 20px;
  color: #10aaff;
}