@import url("https://fonts.googleapis.com/css?family=Lato:300,300i,400,400i,700,700i,800,800i");
*, html {
  font-family: "Lato", sans-serif;
  font-size: 100%; }

section.main-home {
  background: url("../../images/bck.png") no-repeat center center;
  background-size: cover;
  background-attachment: fixed;
  height: 100vh;
  width: 100vw;
  position: relative; }
  section.main-home .presentation {
    position: absolute;
    transform: translateX(-50%) translateY(-50%);
    top: 45%;
    left: 50%; }
    @media screen and (max-width: 500px) {
      section.main-home .presentation {
        width: 100%; } }
    section.main-home .presentation .logo svg {
      width: 240%;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translateX(-50%) translateY(-50%); }
      @media screen and (max-width: 500px) {
        section.main-home .presentation .logo svg {
          width: 80%; } }
    section.main-home .presentation p {
      font-weight: 300;
      text-align: center;
      position: relative;
      top: 145px;
      color: #644f40;
      letter-spacing: 1px; }
      @media screen and (max-width: 500px) {
        section.main-home .presentation p {
          top: 153px; } }
      @media screen and (max-width: 350px) {
        section.main-home .presentation p {
          top: 115px; } }

footer {
  position: absolute;
  bottom: 0;
  z-index: 1;
  width: 100vw;
  padding-bottom: 15px; }
  footer p {
    text-align: center;
    width: 100%;
    display: block; }
    footer p a {
      color: #eb611d;
      font-size: 1em;
      text-decoration: none;
      font-weight: 300; }