html {
  font-size: 0.8333333vw;
}

body {
  margin: 0;
  padding: 0;
  background: #f8f4ef;
  font-family: "Gilroy";
}

@font-face {
  font-family: "Gilroy";
  src: url("../fonts/Gilroy-Regular.eot");
  src: url("../fonts/Gilroy-Regular.eot?iefix") format("eot"), url("../fonts/Gilroy-Regular.woff") format("woff"), url("../fonts/Gilroy-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Gilroy";
  src: url("../fonts/Gilroy-Bold.eot");
  src: url("../fonts/Gilroy-Bold.eot?iefix") format("eot"), url("../fonts/Gilroy-Bold.woff") format("woff"), url("../fonts/Gilroy-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}
a {
  text-decoration: none;
}

h1, h2, h3, h4, h5, h6, p, ul, li, a {
  margin: 0;
  padding: 0;
}

button, input {
  outline: none;
}

header {
  background-color: #f8f4ef;
  display: grid;
  grid-template-columns: 25% 50% 25%;
}

.myaccount {
  background-color: #f8f4ef;
  display: grid;
  grid-template-columns: 30% 40% 17% 13%;
}
.myaccount .my-account {
  padding-top: 2.9em;
  padding-left: 11em;
}
.myaccount .my-account a {
  color: #4f4e4c;
  font-size: 1.25em;
  font-weight: bold;
}
.myaccount .icon-placeMA {
  padding-top: 2.5em;
}
.myaccount .icon-placeMA .questionnaire {
  font-weight: bold;
}
.myaccount .icon-placeMA a {
  margin-left: 2.3em;
}
.myaccount .icon-placeMA svg {
  width: 1.8em;
  height: 1.8em;
}

.search-place a {
  margin-left: 2em;
}
.search-place svg {
  width: 1.5em;
  height: 1.5em;
}
.search-place input {
  margin-top: 2em;
  background-color: #f8f4ef;
  color: #4f4e4c;
  border: none;
  width: 40%;
  padding: 1rem;
  outline: none;
  font-size: 1em;
  font-weight: 300;
}

.icon-place {
  padding-top: 2.9em;
  padding-left: 13em;
}
.icon-place .questionnaire {
  margin-right: 3em;
  font-weight: bold;
}
.icon-place a {
  margin-left: 1.9em;
}
.icon-place a {
  color: #4f4e4c;
  font-size: 1.25em;
}
.icon-place svg {
  width: 1.4em;
  height: 1.4em;
}

.navigation {
  @import url("https://fonts.googleapis.com/css?family=Arimo");
  display: grid;
  grid-template-columns: 13% 13% 13% 24% 13% 13% 13%;
}
.navigation img {
  width: 12em;
  height: 8em;
}
.navigation .menu-links {
  margin-top: 3em;
}
.navigation .menu-links a {
  color: #4f4e4c;
  font-size: 1.25em;
}

footer {
  width: 100%;
  position: relative;
  left: 0;
  bottom: 0;
  display: grid;
  grid-template-columns: 75% 25%;
  padding-bottom: 2em;
  padding-top: 1em;
  background-color: #FFFFFF;
}
footer .social-networks {
  margin-left: 9em;
  padding-top: 1.5em;
  /*svg, img {
    margin-left: 1.5em;
    height: 2em;
    width: 2em;
  }*/
}
footer .social-networks img {
  margin-left: 1.5em;
  width: unset;
  height: unset;
}
footer img {
  height: 6em;
  width: 8em;
}
footer li {
  display: inline;
}
footer .logo-footer {
  margin-left: 2em;
}
footer .footer-nav {
  margin-left: 1em;
}
footer .footer-nav a {
  color: #786764;
  margin-left: 1em;
}
footer .footer-links a {
  color: #786764;
  margin-left: 1em;
}

.clear-my {
  clear: both;
}

h1 {
  text-align: center;
  color: #786764;
  font-size: 4.5em;
  padding-top: 1.25em;
}

.highlightline {
  text-align: center;
}
.highlightline img {
  width: 24em;
}

.contacts {
  margin: 8em auto;
  width: 90%;
  background: white repeat center center;
}
.contacts iframe {
  width: 70%;
  height: 45em;
  float: left;
}
.contacts .contact-inf {
  color: #786764;
  float: left;
  font-size: 100%;
  padding: 7.3em 3em;
}
.contacts .contact-inf div:nth-child(1) {
  font-size: 1.5vw;
  margin: 1.3em 0;
}
.contacts .contact-inf p:nth-child(2) {
  line-height: 1.3;
}
.contacts .contact-inf p:nth-child(2), .contacts .contact-inf div:nth-child(4), .contacts .contact-inf a:nth-child(6) {
  font-size: 1.1vw;
}
.contacts .contact-inf div:nth-child(3), .contacts .contact-inf div:nth-child(5) {
  font-size: 1.4vw;
  margin: 1.3em 0;
}
.contacts .contact-inf a {
  font-size: 1.1vw;
  color: #786764;
}