/* Text Elements */

h1.h1-tagline {
  margin-top: 25px;
  margin-bottom: 25px;
  color: #fff;
  text-align: center;
  text-shadow: #000 3px 3px 3px;
  font-size: 25px;
  font-family: 'Roboto', sans-serif;
}

h2.h2-text {
  margin-top: 7px;
  margin-bottom: 0;
  padding-bottom: 6px;
  color: #fff;
  font-size: 40px;
  font-family: 'Anton', Impact, Haettenschweiler, 'Franklin Gothic Bold', Charcoal, 'Helvetica Inserat', 'Bitstream Vera Sans Bold', 'Arial Black', sans-serif;

  -webkit-text-stroke-width: 0;
  -webkit-text-stroke-color: transparent;
}

h2.h2-large-outline {
  margin-top: 30px;
  margin-bottom: 20px;
  color: rgba(0, 0, 0, .35);
  text-align: center;
  font-size: 55px;
  font-family: 'Anton', Impact, Haettenschweiler, 'Franklin Gothic Bold', Charcoal, 'Helvetica Inserat', 'Bitstream Vera Sans Bold', 'Arial Black', sans-serif;
  line-height: 115%;

  -webkit-text-stroke-color: #fff;
  -webkit-text-stroke-width: 1px;
}

h2.h2-text:hover {
  color: #fff;

  -webkit-text-stroke-color: transparent;
  -webkit-text-stroke-width: 0;
}

h3.h3-main-text {
  margin-top: 10px;
  color: #fff;
  font-weight: 700;
  font-size: 24px;
  font-family: 'Roboto', sans-serif;
}

p.paragraph.text-more-info {
  margin-top: -15px;
  margin-bottom: 0;
  color: #fff;
  text-align: center;
  font-size: 50px;
  font-family: 'Roboto', sans-serif;
}

p.paragraph.main-text {
  margin-top: 10px;
  margin-bottom: 10px;
  color: #fff;
  text-align: left;
  text-shadow: none;
  font-weight: 500;
  font-family: Verdana, Geneva, sans-serif;
}

p.paragraph.center-align.main-text.text-shadow {
  text-shadow: #000 3px 3px 3px;
}

p.paragraph.center-align.main-text {
  text-align: center;
}

p.paragraph.center-align.main-text.text-margin {
  margin-top: 5px;
}

p.paragraph.text-more-info:hover {
  position: static;
}

/* Interaction Elements */

a.link-button.btn {
  margin-top: 12px;
  margin-right: 0;
  margin-left: 6px;
  height: 40px;
  border: .0625rem solid #a1a1a1;
  border-radius: 15px;
  background-color: #665f53;
  font-family: 'Roboto Slab', serif;
}

/* Layout Elements */

body.body-sanbonani {
  background-color: #4a443c;
}

.link-container.link-container-1 {
  margin-right: auto;
  margin-left: auto;
  padding-top: 25px;
  padding-bottom: 25px;
  width: 350px;
  background-color: rgba(13, 45, 0, .4);
}

.link-container.link-container-2 {
  margin-right: auto;
  margin-left: auto;
  width: 60px;
  height: 60px;
  border: .125rem solid #fff;
  border-radius: 100px;
  -webkit-transition-timing-function: ease-in-out;
     -moz-transition-timing-function: ease-in-out;
       -o-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
  -webkit-transition-duration: .5s;
     -moz-transition-duration: .5s;
       -o-transition-duration: .5s;
          transition-duration: .5s;
}

.link-container.link-container-1:hover {
  background-color: rgba(13, 40, 0, .7);
}

.link-container.link-container-2:hover {
  -webkit-transition-duration: .5s;
     -moz-transition-duration: .5s;
       -o-transition-duration: .5s;
          transition-duration: .5s;
  -webkit-transform: rotateZ(90deg);
     -moz-transform: rotateZ(90deg);
       -o-transform: rotateZ(90deg);
          transform: rotateZ(90deg);
}

.container-grid.cont-menu {
  position: fixed;
  z-index: 995;
  min-height: 65px;
  width: 100%;
  background-color: #4a443c;
  box-shadow: rgba(0, 0, 0, .5) 0 5px 10px 0;
}

.container-grid.cont-vh100 {
  height: 100vh;
  background-image: url('../images/0780-sanbonani-15.jpg');
  background-attachment: scroll;
  background-position: center center;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: cover;
  background-repeat: repeat;

  background-blend-mode: normal;
}

.container-grid.flex-cont-4colum {
  display: grid;

  grid-template-areas: 'cont-flex-01 cont-flex-02 cont-flex-03 cont-flex-04';
  grid-template-columns: auto repeat(3 , 65px);
  grid-template-rows: auto;
}

.container-grid.cont-flex-01 {
  grid-area: cont-flex-01;
}

.container-grid.cont-flex-02 {
  margin-right: auto;
  margin-left: auto;
  padding-top: 8px;

  grid-area: cont-flex-02;
}

.container-grid.cont-flex-03 {
  margin-right: auto;
  margin-left: auto;
  padding-top: 8px;

  grid-area: cont-flex-03;
}

.container-grid.cont-flex-04 {
  margin-right: auto;
  margin-left: auto;
  padding-top: 8px;
  padding-bottom: 0;

  grid-area: cont-flex-04;
}

a.social-image.social-icon-1 {
  margin-right: 0;
  margin-left: 0;
  max-width: none;
  width: 50px;
  height: 50px;
  border: .125rem solid #fff;
  border-radius: 100px;
  background-color: transparent;
  -webkit-transition-timing-function: ease-in-out;
     -moz-transition-timing-function: ease-in-out;
       -o-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
  -webkit-transition-duration: .5s;
     -moz-transition-duration: .5s;
       -o-transition-duration: .5s;
          transition-duration: .5s;
}

a.social-image.social-icon-2 {
  max-width: none;
  width: 50px;
  height: 50px;
  border: .125rem solid #fff;
  border-radius: 100px;
  background-color: transparent;
  -webkit-transition-timing-function: ease-in-out;
     -moz-transition-timing-function: ease-in-out;
       -o-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
  -webkit-transition-duration: .5s;
     -moz-transition-duration: .5s;
       -o-transition-duration: .5s;
          transition-duration: .5s;
}

a.social-image.social-icon-3 {
  max-width: none;
  width: 50px;
  height: 50px;
  border: .125rem solid #fff;
  border-radius: 100px;
  background-color: transparent;
  -webkit-transition-timing-function: ease-in-out;
     -moz-transition-timing-function: ease-in-out;
       -o-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
  -webkit-transition-duration: .5s;
     -moz-transition-duration: .5s;
       -o-transition-duration: .5s;
          transition-duration: .5s;
}

.container-grid.cont-button-more {
  margin-right: 0;
  margin-left: 5px;
  width: 55px;
  height: 55px;
  border: .125rem solid #fff;
  border-radius: 100px;
  -webkit-transition-timing-function: ease-in-out;
     -moz-transition-timing-function: ease-in-out;
       -o-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
  -webkit-transition-duration: .5s;
     -moz-transition-duration: .5s;
       -o-transition-duration: .5s;
          transition-duration: .5s;
}

.container-grid.cont-2colum {
  display: grid;
  margin-right: auto;
  margin-left: auto;
  width: 270px;

  grid-template-columns: repeat(2 , auto);
  grid-template-rows: repeat(2 , auto);
}

.container-grid.cont-contact {
  padding-top: 0;
}

.container-grid.cont-main-text {
  margin-right: auto;
  margin-left: auto;
  padding: 5px;
  max-width: 700px;
}

.container-grid.cont-1200 {
  margin-right: auto;
  margin-left: auto;
  padding-top: 5px;
  padding-left: 5px;
  max-width: 1200px;
}

.container-grid.cont-details {
  margin: 10px;
  padding: 10px;
  border-radius: 10px;
  background-color: #665f53;
  box-shadow: rgba(0, 0, 0, .35) 5px 5px 5px -2px;
}

.container-grid.cont-2colum-02 {
  display: grid;
}

span.glyph.font-icon-1 {
  margin-top: 7px;
  margin-right: 0;
  margin-left: 14px;
  color: #fff;
  font-size: 28px;
}

span.glyph.font-icon-1 i {
  font-size: 28px;
}

.container-grid.cont-2colum-03 {
  display: grid;

  grid-template-columns: auto 60px;
  grid-template-rows: repeat(2 , auto);
}

a.responsive-picture.logo-top-contact {
  margin-right: auto;
  margin-left: auto;
  padding-top: 70px;
  padding-right: 15px;
  padding-left: 15px;
  max-width: 450px;
}

a.responsive-picture.logo-top-index {
  margin-right: auto;
  margin-left: auto;
  padding-top: 70px;
  padding-right: 15px;
  padding-left: 15px;
  max-width: 450px;
}

.container-grid.cont-button-more:hover {
  -webkit-transition-duration: .5s;
     -moz-transition-duration: .5s;
       -o-transition-duration: .5s;
          transition-duration: .5s;
  -webkit-transform: scaleX(1) scaleY(1) scaleZ(1) rotateZ(90deg);
     -moz-transform: scaleX(1) scaleY(1) scaleZ(1) rotateZ(90deg);
          transform: scaleX(1) scaleY(1) scaleZ(1) rotateZ(90deg);
}

a.social-image.social-icon-1:hover {
  -webkit-transition-duration: .5s;
     -moz-transition-duration: .5s;
       -o-transition-duration: .5s;
          transition-duration: .5s;
  -webkit-transform: rotateZ(90deg);
     -moz-transform: rotateZ(90deg);
       -o-transform: rotateZ(90deg);
          transform: rotateZ(90deg);
}

a.social-image.social-icon-2:hover {
  -webkit-transition-duration: .5s;
     -moz-transition-duration: .5s;
       -o-transition-duration: .5s;
          transition-duration: .5s;
  -webkit-transform: rotateZ(90deg);
     -moz-transform: rotateZ(90deg);
       -o-transform: rotateZ(90deg);
          transform: rotateZ(90deg);
}

a.social-image.social-icon-3:hover {
  -webkit-transition-duration: .5s;
     -moz-transition-duration: .5s;
       -o-transition-duration: .5s;
          transition-duration: .5s;
  -webkit-transform: rotateZ(90deg);
     -moz-transform: rotateZ(90deg);
       -o-transform: rotateZ(90deg);
          transform: rotateZ(90deg);
}

@media screen and (min-width: 48.75rem) {
  /* Text Elements */

  h1.h1-tagline {
    font-size: 35px;
  }

  h2.h2-large-outline {
    font-size: 70px;
  }

  p.paragraph.main-text {
    font-size: 18px;
  }

  .container-grid.cont-vh100 {
    background-image: url('../images/1380-sanbonani-8.jpg');
  }

  .container-grid.cont-2colum-02 {
    grid-template-columns: 40% auto;
    grid-template-rows: repeat(2 , auto);
  }

  a.responsive-picture.logo-top-contact {
    max-width: 550px;
  }

  a.responsive-picture.logo-top-index {
    max-width: 550px;
  }
}

@media screen and (min-width: 75.0625rem) {
  /* Text Elements */

  h1.h1-tagline {
    font-size: 40px;
  }

  h2.h2-large-outline {
    font-size: 120px;

    -webkit-text-stroke-width: 2px;
  }
}

@media screen and (min-width: 85.375rem) {
  .container-grid.cont-vh100 {
    background-image: url('../images/2080-sanbonani-6.jpg');
  }
}