/*!
Theme Name: tatikke
Theme URI: http://underscores.me/
Author: Alessandro De Luca
Author URI: https://rabbbit.co
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: tatikke
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

tatikke is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

*/

body {
  font-family: brandon-grotesque, sans-serif;
  font-weight: 400;
  font-style: normal;
  opacity: 0;
  font-size: 1.8em;
  position: relative;
}

body.loaded {
  opacity: 1;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

img {
  width: 100%;
  height: auto;
}

a {
  color: #804e6d;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

a:hover,
a:active {
  color: #869585;
}

a.cta {
  color: #804e6d;
  display: inline-block;
  padding: 0.4rem 1.1rem;
  border: 0.2rem solid #804e6d;
  text-decoration: none;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border-radius: 4.2rem;
  font-weight: 700;
  margin-top: 3vh;
  cursor: pointer;
}

@media (min-width: 1300px) {
  a.cta {
    padding: 0.8rem 2.1rem;
  }
}

a.cta:hover {
  color: #869585;
  border: 0.2rem solid #869585;
  text-decoration: none;
}

.on-view {
  -webkit-transform: translateY(3.4rem);
  transform: translateY(3.4rem);
  opacity: 0;
  -webkit-transition: all 0.8s ease-in-out 0.3s;
  transition: all 0.8s ease-in-out 0.3s;
}

.on-view.visible {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}

.container {
  max-width: 1600px !important;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "libre_bodoni", "Georgia", serif;
  font-weight: 400;
}

p {
  font-size: 2.1rem;
  line-height: 4.2rem;
}

strong, b {
  font-family: brandon-grotesque, sans-serif;
  font-weight: 700;
  font-style: normal;
}

.logo-deco {
  width: 21vw;
  position: absolute;
  right: 4.2rem;
  top: 55vh;
  z-index: -1;
}

.swiper-container {
  width: 100%;
  height: auto;
}

.swiper-pagination-bullet-active {
  background-color: #804e6d;
}

header {
  position: fixed;
  z-index: 9998;
  top: 0;
  left: 0;
  width: 100%;
  height: 13vh;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-transition: all 0.8s ease-in-out 0.5s;
  transition: all 0.8s ease-in-out 0.5s;
}

body::before {
  content: "";
  position: fixed;
  left: 0;
  top: 0;
  z-index: -1;
  width: 21%;
  height: 100%;
  background-image: url(images/bg.jpg);
  background-position: center center;
  background-size: cover;
}

header .logo {
  line-height: 0;
  margin-left: 2.1rem;
}

@media (min-width: 1000px) {
  header .logo {
    margin-left: 4.2rem;
  }
}

header .logo img {
  height: 7.8vh;
  width: auto;
}

.menu-trigger {
  cursor: pointer;
  position: fixed;
  top: 3.1rem;
  right: 2.1rem;
  z-index: 9999;
  -webkit-transition: opacity 0.3s ease-out, translateX 0.3s ease-out 0.3s;
  transition: opacity 0.3s ease-out, translateX 0.3s ease-out 0.3s;
}

.menu-hidden .menu-trigger {
  display: none;
}

@media (min-width: 1000px) {
  .menu-trigger {
    display: none;
  }
}

.menu-trigger .bar {
  position: absolute;
  height: 0.2rem;
  width: 4.2rem;
  background-color: #804e6d;
  top: 0.4rem;
  left: 0;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.menu-trigger:hover .bar {
  background-color: #869585;
}

.menu-trigger .bar2 {
  top: 1.3rem;
  left: 0;
}

.menu-opened .menu-trigger .bar2 {
  top: 0.5rem;
  left: 0;
}

.menu-trigger .label {
  text-transform: lowercase;
  font-weight: 700;
  font-size: 1.5rem;
  text-align: center;
  margin-top: 1.8rem;
  width: 4.2rem;
}

.menu-opened .menu-trigger .label {
  opacity: 0;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.close {
  cursor: pointer;
  width: 3.4rem;
  height: 3.4rem;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.close:hover {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.close:active {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.close .bar {
  width: 3.4rem;
  height: 0.2rem;
  background-color: #000;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -0.1rem;
  cursor: pointer;
}

.close .bar1 {
  -webkit-transform: rotate(45deg);
  -webkit-transform-origin: center;
  transform: rotate(45deg);
  transform-origin: center;
  top: 0.6rem;
}

.close .bar2 {
  -webkit-transform: rotate(-45deg);
  -webkit-transform-origin: center;
  transform: rotate(-45deg);
  transform-origin: center;
}

nav {
  position: fixed;
  top: 8.9rem;
  right: 2.4rem;
  opacity: 0;
  z-index: -1;
  visibility: hidden;
  -webkit-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
}

.menu-opened nav {
  opacity: 1;
  z-index: 999;
  visibility: visible;
}

.modal-opened nav {
  display: none;
}

nav::before {
  content: "";
  width: 0;
  opacity: 0;
  z-index: -1;
  -webkit-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
}

.menu-opened nav::before {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  z-index: 998;
  background-color: rgba(255,255,255,0.9);
  opacity: 1;
}

@media (min-width: 1000px) {
  nav {
    position: relative;
    top: 0;
    right: 0;
    margin-right: 4.2rem;
    opacity: 1;
    z-index: 999;
    visibility: visible;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

nav ul {
  list-style: none;
  margin-bottom: 0;
  position: relative;
  z-index: 999;
}

nav li {
  margin-bottom: 0;
  text-align: right;
  font-size: 2.4rem;
  margin-bottom: 0.3rem;
}

@media (min-width: 1000px) {
  nav li {
    display: inline-block;
    margin-left: 2vw;
    margin-bottom: 0;
    font-size: 1.8rem;
  }
}

nav li.lang::before {
  content: "";
  display: block;
  margin-top: 1.3rem;
  margin-bottom: 1.3rem;
  margin-right: 0;
  margin-left: auto;
  width: 3rem;
  height: 0.1rem;
  background-color: #804e6d;
  opacity: 1;
}

@media (min-width: 1000px) {  
  nav li.lang::before {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 2vw;
    margin-left: 0;
    width: 0.1rem;
    height: 3rem;
    -webkit-transform: translateY(0.8rem);
    transform: translateY(0.8rem);
  }
}

nav li.lang {
  font-size: 1.6rem;
}

nav li.lang {
  font-weight: 700;
}

nav li a {
  text-decoration: none;
}

.intro {
  position: relative;
}

.page-template-blog .intro,
body.tag .intro {
  padding-top: 21vh;
}

.video {
  margin-top: 13vh;
  height: 87vh;
  width: 100%;
  overflow: hidden;
  text-align: center;
  position: relative;
}

#myVideo {
  position: absolute;
  top: -18vh;
  left: 50%;
  transform: translateX(-50%);
  min-width: 100%;
  min-height: 136vh;
}

.intro .logo-cover {
  position: absolute;
  width: 29vw;
  height: auto;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 0;
  margin-top: 2.1rem;
  -webkit-transition: all 0.8s ease-in-out 0.3s;
  transition: all 0.8s ease-in-out 0.3s;
}

@media (min-width: 700px) {  
  .intro .logo-cover {
    width: 18vw;
  }
}

@media (min-width: 1000px) {  
  .intro .logo-cover {
    width: 11vw;
  }
}

.loaded .intro .logo-cover {
  opacity: 0.8;
  margin-top: 0;
}

.intro-visual {
  margin-top: 13vh;
  height: 87vh;
  width: 100%;
  text-align: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.page-template-chi-siamo .intro-visual {
  margin-top: 30vh;
  height: 70vh;
}

@media (min-width: 550px) {
  .page-template-chi-siamo .intro-visual {
    margin-top: 13vh;
    height: 87vh;
  }
}

.intro .page-title {
  opacity: 0;
  -webkit-transform: translateY(2.1rem);
  transform: translateY(2.1rem);
  -webkit-transition: all 0.8s ease-in-out 0.3s;
  transition: all 0.8s ease-in-out 0.3s;
}

.loaded .page-title {
  opacity: 0.9;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.intro h1 {
  text-align: center;
  font-size: 8vw;
  letter-spacing: 1vw;
  color: #fff;
  text-transform: lowercase;
}

@media (min-width: 700px) {
  .intro h1 {
    font-size: 4vw;
  }
}

.page-template-blog .page-title h1,
body.tag .page-title h1 {
  line-height: 1.3;
  padding-right: 4.2rem;
  margin-bottom: 0;
  color: #804e6d;
  background: linear-gradient(to right, #804e6d 0%, #869585 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 700;
  text-align: right;
}

.intro p.category a {
  text-align: center;
  color: #fff;
  opacity: 0.9;
  text-decoration: none;
}

.intro .volume-trigger .volume {
  position: absolute;
  left: 4.2rem;
  bottom: 4.2rem;
  width: 4.2rem;
  opacity: 0.8;
  cursor: pointer;
  line-height: 0;
}

.intro .volume-trigger .volume.on {
  display: none;
}

.intro .volume-trigger.on .volume.off {
  display: none;
}

.intro .volume-trigger.on .volume.on {
  display: block;
}

.intro .scroll-tip {
  position: absolute;
  right: 4.2rem;
  bottom: 4.2rem;
  width: 2.1rem;
  opacity: 0.8;
  -webkit-animation-name: scrollBottom;
  animation-name: scrollBottom;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes scrollBottom {
  0% {
    -webkit-transform: translateY(-3.4rem);
    transform: translateY(-3.4rem);
  }
  80% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-3.4rem);
    transform: translateY(-3.4rem);
  }
}

@keyframes slideInDown {
  0% {
    -webkit-transform: translateY(-3.4rem);
    transform: translateY(-3.4rem);
  }
  80% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-3.4rem);
    transform: translateY(-3.4rem);
  }
}

.contents {
  padding-top: 21vh;
}

.contents .data {
  opacity: 0.3;
}

.contents figure {
  margin: 5vh 3vw;
}

.contents .row.images {
  padding-top: 13vh;
  padding-bottom: 18vh;
}

.contents .visual {
  padding-left: 4.2rem;
  height: 80vh;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.contents .visual:nth-child(1) {
  margin-left: 4.2rem;
}

.contents .visual:nth-child(2) {
  margin-right: 4.2rem;
}

.contents .visual.translated {
  -webkit-transform: translateY(5vh);
  transform: translateY(5vh);
}

.module {
  position: relative;
  width: 100%;
  padding-top: 21vh;
  text-align: center;
}

.page-template-blog .module.blog,
body.tag .module.blog {
  padding-top: 8vh;
}

.module.services .container {
  width: 100%;
}

@media (min-width: 1300px) {
  .module.services .container {
    width: 80%;
  }
}

.module.events {
  text-align: center;
}

@media (min-width: 550px) {  
  .module.events {
    text-align: left;
  }
}

@media (min-width: 1020px) {  
  .module.events::after {
    content: "";
    position: absolute;
    bottom: -34vh;
    right: 0;
    width: 34vw;
    height: 55vh;
    background-image: url(images/tris_logo_violet.png);
    background-repeat: repeat-y;
    background-position: right bottom;
    background-size: 15vw;
    z-index: 1;
  }
}

.module.events .container {
  width: 98%;
}

@media (min-width: 1000px) {  
  .module.events .container {
    width: 98%;
  }
}

.module.events .row {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-flex-direction: column-reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

@media (min-width: 550px) {  
  .module.events .row {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}

.module.services .row {
  margin-left: 4.2rem;
  margin-right: 4.2rem;
}

@media (min-width: 550px) {  
  .module.services .row {
    margin-bottom: 5vh;
  }
}

.module.services .columns {
  margin-bottom: 3vh;
}

@media (min-width: 550px) {  
  .module.services .columns {
    margin-bottom: 0;
  }
}

.module.events .columns:nth-child(2) {
  padding-left: 1.3rem;
  padding-right: 1.3rem;
  margin-bottom: 8vh;
}

@media (min-width: 550px) {  
  .module.events .columns:nth-child(2) {
    margin-bottom: 0;
  }
}

@media (min-width: 1000px) {  
  .module.events .columns:nth-child(2) {
    padding-left: 0;
    padding-right: 0;
  }
}

.module h2 {
  font-size: 8vw;
  letter-spacing: 1vw;
  line-height: 1.3;
  margin-bottom: 5vh;
  color: #804e6d;
  background: linear-gradient(to right, #804e6d 0%, #869585 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
  font-weight: 700;
  text-align: center;
  text-transform: lowercase;
}

@media (min-width: 700px) {
  .module h2 {
    font-size: 6vw;
  }
}

@media (min-width: 1000px) {
  .module h2 {
    font-size: 4vw;
  }
}

.module.events h2 {
  text-align: center;
}

@media (min-width: 550px) {
  .module.events h2 {
    text-align: left;
  }
}

.module.events h2::after {
  margin-left: 0;
  margin-right: auto;
}

.module.services h2 {
  margin-bottom: 8vh;
}

.module.blog h2 {
  text-align: right;
}

.module h2.visible::after {
  width: 8.9rem;
}

.module .intro-text {
  text-align: center;
}

.module.events .intro-text {
  text-align: center;
}

@media (min-width: 550px) {
  .module.events .intro-text {
    text-align: left;
  }
}

.module .gallery {
  margin-top: 5vh;
  text-align: center;
}

.module.events .gallery {
  margin-top: 0;
}

.module .gallery-img {
  height: 70vh;
  width: 98%;
  display: inline-block;
  background-position: center center;
  background-size: cover;
}

.module.events .gallery-img {
  width: 100%;
  display: block;
}

.module .cta {
  margin-top: 5vh;
}

.module.blog .cta,
.module.events .cta {
  margin-top: 1.3rem;
}

.module.services h4 {
  font-size: 1.8rem;
  margin-bottom: 0.5rem;
  text-align: left;
}

@media (min-width: 1300px) {
  .module.services h4 {
    font-size: 2.1rem;
  }
}

.module.services p {
  text-align: left;
  line-height: 1.2;
  font-size: 1.8rem;
  margin-bottom: 0;
}

.blog .data {
  color: #869585;
  font-weight: 700;
  font-size: 1.8rem;
  margin-bottom: 0.3rem;
  opacity: 0.5;
}

.module.blog .excerpts {
  text-align: right;
  margin-top: 8vh;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: flex-end;
  -ms-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  -webkit-align-content: flex-start;
  -ms-align-content: flex-start;
  align-content: flex-start;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

@media (min-width: 550px) {
  .module.blog .excerpts {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}

.module.blog .excerpts .four.columns {
  margin-bottom: 8vh;
}

.module.blog .excerpts .four.columns:last-child {
  margin-bottom: 0;
}

@media (min-width: 550px) {
  .module.blog .excerpts .four.columns {
    margin-bottom: 0;
  }
}

.module.blog .excerpt-img {
  margin-bottom: 1.3rem;
  background-position: center center;
  background-size: cover;
  position: relative;
}

.module.blog .excerpt-img::after {
  content: "";
  display: block;
  padding-bottom: 140%;
}

.blog-tags {
  margin-top: 13vh;
  width: 40%;
  margin-left: auto;
  margin-right: 0;
  text-align: right;
  padding-right: 4.2rem;
}

.module.blog .blog-tags h4 {
  color: #222;
}

.article-tags {
  margin-top: 5vh;
}

ul.tags {
  list-style: none;
  margin-bottom: 0;
}

ul.tags li {
  display: inline-block;
  margin-right: 0.5rem;
}

ul.tags li a::before {
  content: "#"
}

.module.blog h4 {
  color: #804e6d;
  line-height: 3.3rem;
  margin-bottom: 1.3rem;
  font-size: 2.4rem;
}

@media (min-width: 1300px) {
  .module.blog h4 {
    font-size: 2.9rem;
  }
}


.module.blog .excerpt {
  margin-bottom: 0;
}

/* MODAL */

.modal {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(255,255,255,0.9);
  opacity: 0;
  z-index: -1;
  visibility: hidden;
  padding-top: 25vh;
  padding-bottom: 8vh;
  overflow-y: scroll;
}

body.modal-opened section.modal.show {
  opacity: 1;
  z-index: 9998;
  visibility: visible;
  -webkit-transition: opacity 0.8s ease-in-out;
  transition: opacity 0.8s ease-in-out;
}

.close-btn {
  cursor: pointer;
  position: fixed;
  z-index: 9999;
  top: 5rem;
  right: 2.1rem;
  height: 3.4rem;
  width: 3.4rem;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 0.3s ease-in-out 0.6s;
  transition: all 0.3s ease-in-out 0.6s;
}

@media (min-width: 750px) {
  .close-btn {
    top: 8.9rem;
    right: 8.9rem;
    height: 4.2rem;
    width: 4.2rem;
  }
}

.show .close-btn {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.modal .contatti {
  font-size: 2.9rem;
  line-height: 3.4rem;
  margin-bottom: 8.9rem;
}

@media (min-width: 550px) {
  .modal .contatti {
    margin-bottom: 0;
  }
}

@media (min-width: 750px) {
  .modal .contatti {
    font-size: 4.2rem;
    line-height: 4.2rem;
  }
}

.modal .contatti .phone,
.modal .contatti .mail,
.modal .contatti .whatsapp {
  padding-left: 5.5rem;
  position: relative;
  margin-bottom: 3.4rem;
}

.modal .contatti a {
  text-decoration: none;
  color: #000;
}

.modal .contatti .phone a::before,
.modal .contatti .mail a::before,
.modal .contatti .whatsapp a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 3.4rem;
  width: 3.4rem;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}

.modal .contatti .phone a::before {
  background-image: url(images/icons/phone.svg);
  -webkit-transform: rotate(13deg) translateY(-0.3rem);
  transform: rotate(13deg) translateY(-0.3rem);
}

.modal .contatti .mail a::before {
  background-image: url(images/icons/at.svg);
}

.modal .contatti .whatsapp a::before {
  background-image: url(images/icons/whatsapp.svg);
  -webkit-transform: scale(0.95) translateX(0.1rem);
  transform: scale(0.95) translateX(0.1rem);
}

@media (min-width: 550px) {
  .modal .contatti .phone a::before,
  .modal .contatti .mail a::before,
  .modal .contatti .whatsapp a::before {
    height: 4.2rem;
    width: 4.2rem;
  }
}

.instagram {
  margin-top: 34vh;
  margin-bottom: 21vh;
}

@media (min-width: 550px) {
  .instagram {
    padding-left: 4.2rem;
    padding-right: 4.2rem;
  }
}

.instagram .container {
  width: 100%;
}

@media (min-width: 1300px) {
  .instagram .container {
    width: 80%;
  }
}


.page-template-home .instagram {
  margin-top: 21vh;
}

.instagram .instaimg {
  margin-bottom: 5vh;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: space-around;
  -ms-justify-content: space-around;
  justify-content: space-around;
  -webkit-align-items: flex-end;
  -ms-align-items: flex-end;
  align-items: flex-end;
  -webkit-align-content: flex-start;
  -ms-align-content: flex-start;
  align-content: flex-start;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

@media (min-width: 550px) {
  .instagram .instaimg {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}

.instagram .instaimg:last-child {
  margin-bottom: 0;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
}

.instagram h3 {
  text-align: right;
}

.instagram p.date {
  text-align: right;
}
.instagram p.date.smaller {
  width: 80%;
}

.instagram .instagram-image {
  margin-bottom: 0;
  background-position: center center;
  background-size: cover;
  position: relative;
}

.instagram .instagram-image.smaller {
  width: 80%;
}

.instagram .instagram-image::after {
  content: "";
  display: block;
  padding-bottom: 95%;
}

.module.contatti {
  text-align: left;
  position: relative;
}

@media (min-width: 1000px) {
  .module.contatti::before {
    content: "";
    position: absolute;
    top: -42vh;
    left: 8vw;
    width: 16vw;
    height: 55vh;
    background-image: url(images/tris_logo.png);
    background-repeat: repeat-y;
    background-position: left bottom;
    background-size: 15vw;
    z-index: 0;
  } 
}

.module.contatti .row {
  padding-left: 4.2rem;
  padding-right: 4.2rem;
}

.module.contatti .columns {
  width: 100%;
  margin-left: 0;
}

@media (min-width: 1000px) {
  .module.contatti .six.columns {
    width: 48%;
    margin-left: 0;
  }
  .module.contatti .three.columns {
    width: 22%;
    margin-left: 4%;
  }
}

.module.contatti .title h2 {
  font-size: 2.4rem;
  color: #f9dbe8;
  text-align: left;
  background: linear-gradient(to right, #f9dbe8 0%, #f9dbe8 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: #f9dbe8;
}

.module.contatti .seo p {
  font-size: 2.4rem;
  line-height: 1.5;
}

.module.contatti h3 {
  margin-bottom: 0;
  font-size: 2.1rem;
  color: #804e6d;
}

.module.contatti p {
  line-height: 1.2;
}

.module.contatti a {
  color: #869585;
  text-decoration: none;
}

.module.contatti a:hover {
  color: #804e6d;
  text-decoration: none;
}

.module.contatti a.email {
  font-size: 2.1rem;
}

.module.contatti .social {
  margin-top: 5vh;
}

footer {
  position: relative;
  width: 100%;
  padding-top: 21vh;
  padding-bottom: 4.2rem;
  color: #804e6d;
}

.copy {
  text-align: center;
}

.copy img.logo-full {
  width: 14.4rem;
  margin-bottom: 3vh;
}

.copy p {
  text-align: center;
  margin-bottom: 0;
  font-size: 1.5rem;
  line-height: 2.1rem;
}

/*
FONT
*/

@font-face {
  font-family: 'libre_bodoni';
  src: url('fonts/librebodoni-bold-webfont.woff2') format('woff2'), url('fonts/librebodoni-bold-webfont.woff') format('woff');
  font-weight: 700;
  font-style: normal;
}

@font-face {
    font-family: 'libre_bodoni';
    src: url('fonts/librebodoni-bolditalic-webfont.woff2') format('woff2'),
         url('fonts/librebodoni-bolditalic-webfont.woff') format('woff');
    font-weight: 700;
    font-style: italic;
}

@font-face {
    font-family: 'libre_bodoni';
    src: url('fonts/librebodoni-regular-webfont.woff2') format('woff2'),
         url('fonts/librebodoni-regular-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}