@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700&display=swap');
/* ------ FONT ------ */
/* ------ SIZE ------ */
/* ------ VARIABLES ------ */
/* ------ MIXINS ------ */
.clearfix {
  display: block;
}
.clearfix:after {
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
  content: ".";
  line-height: 0;
}
.bkg-wrapper {
  overflow: hidden;
  z-index: -1;
  position: absolute;
  width: 100vw;
  height: 100%;
  top: 0;
  left: 50%;
  content: "";
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
}
.image {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
}
.ratio-box {
  display: block;
  content: "";
  padding-top: 75%;
}
.ratio-content {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.flex {
  display: flex;
  flex-wrap: wrap;
}
.gradient-h {
  z-index: 1;
  position: absolute;
  width: 100%;
  height: 100%;
  content: "";
  top: 0;
  left: 0;
  background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0.75) 25%, rgba(0, 0, 0, 0) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0.75) 25%, rgba(0, 0, 0, 0) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0.75) 25%, rgba(0, 0, 0, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bf000000', endColorstr='#00000000', GradientType=1);
  /* IE6-9 */
}
.gradient-menu {
  z-index: 1;
  position: absolute;
  width: 100vw;
  height: 200px;
  content: "";
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=0);
  /* IE6-9 */
}
.gradient-slide {
  z-index: 1;
  position: absolute;
  width: 100vw;
  height: 100%;
  content: "";
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
  /* IE6-9 */
}
.gradient-slide-content {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.15+0,0+100 */
  background: -moz-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0) 100%);
  /* FF3.6-15 */
  background: -webkit-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#26000000', endColorstr='#00000000', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
}
/* ALL
================================================== */
body:before {
  display: none;
  z-index: 999;
  position: fixed;
  width: 10px;
  height: 10px;
  left: 0;
  top: 0;
  content: "";
  background: pink;
}
/* WIDE
================================================== */
@media only screen and (min-width: 1px) and (max-width: 1440px) {
  body:before {
    background: pink;
  }
  .layout-container {
    width: 95%;
  }
}
/* DESKTOP
================================================== */
@media only screen and (min-width: 1px) and (max-width: 1280px) {
  body:before {
    background: blueviolet;
  }
}
/* LAPTOP
================================================== */
@media only screen and (min-width: 1px) and (max-width: 1024px) {
  body:before {
    background: blue;
  }
}
/* NETBOOK
================================================== */
@media only screen and (min-width: 1px) and (max-width: 900px) {
  body:before {
    background: green;
  }
  main .desc {
    width: 100%;
    padding: 0 0 5%;
  }
  main .view {
    width: 100%;
    padding: 0;
  }
}
/* LANDSCAPE
================================================== */
@media only screen and (min-width: 1px) and (max-width: 768px) {
  body:before {
    background: greenyellow;
  }
  footer {
    padding: 5% 0;
  }
  footer .contact {
    width: 100%;
    padding: 0 0 2.5%;
    text-align: center;
    border-right: 0;
  }
  footer .contact .email a {
    word-break: break-word;
    text-decoration: underline;
  }
  footer .networks {
    width: 100%;
    padding: 0;
    text-align: center;
  }
  footer .networks ul {
    justify-content: center;
  }
}
/* TABLET
================================================== */
@media only screen and (min-width: 1px) and (max-width: 600px) {
  body:before {
    background: yellow;
  }
}
/* SMARTPHONE
================================================= */
@media only screen and (min-width: 1px) and (max-width: 480px) {
  body:before {
    background: orange;
  }
  header {
    height: 150px;
  }
  header .logo img {
    padding: 10px;
  }
}
/* PHONE
================================================== */
@media only screen and (min-width: 1px) and (max-width: 320px) {
  body:before {
    background: red;
  }
}
/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sources%22%3A%5B%22home%5C%2Fvaldesco%5C%2Fwww%5C%2Fcss%5C%2Fvars.less%22%2C%22home%5C%2Fvaldesco%5C%2Fwww%5C%2Fcss%5C%2Frwd.less%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22YAAkB%3B%3B%3B%3B%3BAA0DlB%3BEACE%3B%3BAACA%2CSAAC%3BEAAS%3BEAAgB%3BEAAa%3BEAAoB%3BEAAW%3BEAAc%3B%3BAAItF%3BEAAe%3BEAAkB%3BEAAa%3BEAAoB%3BEAAc%3BEAAc%3BEAAQ%3BEAAW%2CSAAS%2CEAAT%3BEA3B1F%2CmBAAmB%2CkBAAnB%3BEAAsC%2CgBAAgB%2CkBAAhB%3BEAAmC%2CeAAe%2CkBAAf%3BEAAkC%2CcAAc%2CkBAAd%3B%3BAA4BlI%3BEAAS%3BEAAoB%3BEAAgB%3BEAAa%3B%3BAAC1D%3BEAAa%3BEAAgB%2CSAAS%2CEAAT%3BEAAa%3B%3BAAC1C%3BEAAiB%3BEAAoB%3BEAAQ%3BEAAS%3BEAAW%3B%3BAACjE%3BEAAQ%3BEAAe%3B%3BAAGvB%3BEACE%3BEAAY%3BEAAoB%3BEAAa%3BEAAc%2CSAAS%2CEAAT%3BEAAa%3BEAAQ%3BEAChF%2CYAAY%2CkGAAZ%3B%3BEACA%2CYAAY%2CqGAAZ%3B%3BEACA%2CYAAY%2CiGAAZ%3B%3BEACA%2CQAAQ%2CyDAA0D%2CyBAAyB%2C4BAA3F%3B%3B%3BAAGF%3BEACE%3BEAAY%3BEAAoB%3BEAAc%3BEAAe%2CSAAS%2CEAAT%3BEAAa%3BEAAQ%3BEA3C7D%2CmBAAmB%2CkBAAnB%3BEAAsC%2CgBAAgB%2CkBAAhB%3BEAAmC%2CeAAe%2CkBAAf%3BEAAkC%2CcAAc%2CkBAAd%3BEA4ClI%2CYAAY%2CuEAAZ%3B%3BEACA%2CYAAY%2C0EAAZ%3B%3BEACA%2CYAAY%2CwEAAZ%3B%3BEACA%2CQAAQ%2CyDAA0D%2CyBAAyB%2C4BAA3F%3B%3B%3BAAIA%3BEACE%3BEAAY%3BEAAoB%3BEAAc%3BEAAc%2CSAAS%2CEAAT%3BEAAa%3BEAAQ%3BEApD5D%2CmBAAmB%2CkBAAnB%3BEAAsC%2CgBAAgB%2CkBAAhB%3BEAAmC%2CeAAe%2CkBAAf%3BEAAkC%2CcAAc%2CkBAAd%3BEAqDhI%2CYAAY%2C8FAAZ%3B%3BEACA%2CYAAY%2CiGAAZ%3B%3BEACA%2CYAAY%2C6FAAZ%3B%3BEACA%2CQAAQ%2CyDAA0D%2CyBAAyB%2C4BAA3F%3B%3B%3BAAGF%3B%3BEAEA%2CYAAY%2C0FAAZ%3B%3BEACA%2CYAAY%2C6FAAZ%3B%3BEACA%2CYAAY%2CiFAAZ%3B%3BEACA%2CQAAQ%2CyDAA0D%2CyBAAyB%2C4BAA3F%3B%3B%3B%3B%3BAC%5C%2FFA%2CIAAI%3BEAAU%3BEAAe%3BEAAc%3BEAAiB%3BEAAa%3BEAAc%3BEAAS%3BEAAQ%2CSAAS%2CEAAT%3BEAAa%3B%3B%3B%3BAAcrH%2CwBAPwC%2CqBACxC%3BEACG%2CIAAI%3BIAAU%3B%3BEACf%3BIAAoB%3B%3B%3B%3B%3BAAYtB%2CwBANwC%2CqBACxC%3BEACG%2CIAAI%3BIAAU%3B%3B%3B%3B%3BAAajB%2CwBAPwC%2CqBACxC%3BEACG%2CIAAI%3BIAAU%3B%3B%3B%3B%3BAAyBjB%2CwBAlBwC%2CqBACxC%3BEACG%2CIAAI%3BIAAU%3B%3BEAIjB%2CIACE%3BIACE%3BIAAa%2CeAAA%3B%3BEAFjB%2CIAIE%3BIACE%3BIAAa%3B%3B%3B%3B%3BAA2BjB%2CwBAlBwC%2CqBACxC%3BEACE%2CIAAI%3BIAAU%3B%3BEACd%3BIACE%2CaAAA%3B%3BEADF%2CMAEE%3BIACE%3BIAAa%2CiBAAA%3BIAAmB%3BIAAoB%3B%3BEAHxD%2CMAEE%2CSAEE%2COAAO%3BIAAI%3BIAAwB%3B%3BEAJvC%2CMAME%3BIACE%3BIAAa%3BIAAY%3B%3BEAP7B%2CMAME%2CUAEE%3BIAAK%3B%3B%3B%3B%3BAAgBX%2CwBAPwC%2CqBACxC%3BEACG%2CIAAI%3BIAAU%3B%3B%3B%3B%3BAAiBjB%2CwBAVwC%2CqBACxC%3BEACG%2CIAAI%3BIAAU%3B%3BEACd%3BIACE%3B%3BEADF%2CMAEC%2CMAAM%3BIAAM%3B%3B%3B%3B%3BAAUf%2CwBAHuC%2CqBACxC%3BEACG%2CIAAI%3BIAAU%22%7D */