/*! HTML5 Boilerplate v6.1.0 | MIT License | https://html5boilerplate.com/ */

<!--                              last updated 01-08-26                                         -->

@font-face {
/** AdigianaToybox **/
font-family: 'AdigianaToybox';

  src: url('fonts/AdigianaToybox.eot');
  src: url('fonts/AdigianaToybox.eot?#iefix') format('embedded-opentype'),
        url('fonts/AdigianaToybox.woff') format('woff'),
        url('fonts/AdigianaToybox.ttf')  format('truetype'),
        url('fonts/AdigianaToybox.svg#AdigianaToybox') format('svg');
  font-weight: normal;
  font-style: normal;
}
/** Handlee-Regular **/
@font-face {
	font-family: 'Handlee-Regular';

	src:  url('fonts/Handlee-Regular.eot');
	src:  url('fonts/Handlee-Regular.woff') format('woff'),
        url('fonts/Handlee-Regular.ttf') format('truetype'),
        url('fonts/Handlee-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
/** Merienda-Regular **/
@font-face {
	font-family: 'Merienda-Regular';

	src:  url('fonts/Merienda-Regular.eot');
	src:  url('fonts/Merienda-Regular.woff') format('woff'),
        url('fonts/Merienda-Regular.ttf') format('truetype'),
        url('fonts/Merienda-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
/** Questrial-Regular **/
@font-face {
	font-family: 'Questrial-Regular';

	src:  url('fonts/Questrial-Regular.eot');
	src:  url('fonts/Questrial-Regular.woff') format('woff'),
        url('fonts/Questrial-Regular.ttf') format('truetype'),
        url('fonts/Questrial-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

/** Herculanum **/
@font-face {
	font-family: 'Herculanum';

	src:  url('fonts/Herculanum.eot');
	src:  url('fonts/Herculanum.woff') format('woff'),
        url('fonts/Herculanum.ttf') format('truetype'),
        url('fonts/Herculanum.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * Vendor-prefixed and regular ::selection selectors cannot be combined:
 * https://stackoverflow.com/a/16982510/7133471
 *
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
	display: block;
	height: 1px;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
	border-top: 1px solid #CCCCCC;
	margin: 1em 0;
	padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles [media-queries @ 36, 56, 64, 80, 90, 100em]
   ========================================================================== */
body {
	margin: 0;
	padding: 0;
	font-family: Trebuchet, Trebuchet MS, Tahoma, Arial, sans-serif;
	text-align: left;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	border: none;
	background-color: rgba(248,224,205,1.00);
}
img {
	margin: 0;
	padding: 0;
	border: none;
}
h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
}
a {
	text-decoration: none;
}
a:link,a:visited {
	text-decoration: none;
	/* color: #ffffff */
}
a:hover {
	color: hsla(50,64%,76%,1.00);
}

.topButton {
    font-size:1em;
    border:2px solid;
    padding:.25em;
    position:fixed;
    right:0px;
    bottom:0px;
    margin:.5em;
    Z-index:1000;
    display:none
}
.topButton svg {
  width: .8em;
  margin:0;
  fill:#0000ee;
  stroke:#0000ee
}

  #home .mara-quinto-footer {
    height: 4em
  }
  .mara-quinto-footer {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2.2em;
    text-align: center;
    margin: 0;
    background-color: rgba(164,85,141,0.25);
    z-index: 1;
  }
  #home .mara-quinto-footer h1 {
    line-height: 2em;
    margin-top: .8em;
    font-size: .85em;
  }
  .mara-quinto-footer h1 {
    font-size: .75em;
    color: #ffffff;
    line-height: 3.33em;
    margin: 0;
  }
  .mara-quinto-facebook {
    width: 1.75em;
    height: 1.75em;
    margin-top: -.4em
  }
	.mara-quinto-facebook-logo {
	width: 4.1em;
	height: .85em;
	margin-top: -.25em
	}
 .mara-quinto-instagram {
    width: 1.75em;
    height: 1.75em;
    margin-top: -.4em
  }
  .mara-quinto-linkedin {
    width: 2.05em;
    height: 1.75em;
    margin-top: -.4em
  }
  .mara-quinto-youTube {
    width: 3.57em;
    height: 1.5em;
    margin-top: -.2em
  }
  .mara-quinto-zoom {
    width: 4em;
    height: 1.3em;
  }
/* 
  .mara-quinto-cookies {
    display: block;
  }
 */
  #mara-quinto-name {
    float:left;
    line-height:2.5em;
    max-width: 8em
  }
  .mara-quinto-logo {
    float: left;
    text-align: center;
    width: 6.0em;
    font-size: 1.15em;
    font-family: 'Handlee-Regular', cursive;
    letter-spacing: 2px;
    text-shadow: 1px -1px #222;
    font-weight: normal;
    line-height: 1.26em;
    padding-top: 0.48em;
    padding-bottom: 0.4785em;
  }
  #home .mara-quinto-logo{
    padding-top: 0.98em;
    padding-bottom: 0.8475em;
  }
  .mara-quinto-home {
    width: 100%;
    height: 100%;
    /* min-width: 30em; */
    margin-top: 5em;
    position: fixed;
    background-image: url(../armonia-img/mara-quinto-sfondo.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
  }
  .mara-quinto-home-headline {
    position: relative;
    max-width: 95%;
    top: 1em;
    display: flex;
    align-items: center
  }
  .mara-quinto-home-headline h1 {
    font-family: 'Handlee-Regular', cursive;
    color: #ffffff;
    font-weight: bolder;
/*     font-variant: small-caps; */
    font-size: 1.2em;
    letter-spacing: .05em;
    text-shadow: 1.5px -1.5px #222;
    /* float: left; */
    margin-left: auto
  }
  .mara-quinto-content {
    max-width: 82%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: 7em;
    left: 0;
    right: 0;
    width: auto;
    height: auto;
    text-align: center;
    color: #7C7C7C;
  }
  .mara-quinto-content h2 {
    font-size: 1.0em;
    line-height: 1.2em;
    max-width: 21em;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
  }
  .mara-quinto-content h3 {
    font-size: 4vw;
    line-height: 1.2em;
    max-width: 55em;
      width:75%;
      padding: 0;
      margin: .2em auto;
  }
  .mara-quinto-1Column, .mara-quinto-2Columns, .mara-quinto-3Columns {
    font-size: 1em;
    line-height: 1.4em;
    text-align: justify;
    margin-top: 1em;
  }
  .mara-quinto-2Columns, .mara-quinto-3Columns {
    -webkit-column-count: 1;
    -moz-column-count: 1;
      -ms-column-count: 1;
    column-count: 1;
  }
  .mara-quinto-2Columns-top, .mara-quinto-3Columns-top {
    margin-top: 0;
  }
  .mara-quinto-2Columns hr {
    width: 90%;
    display: block;
    height: 1px;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
    border-top: 1px solid #666666;
    margin: 1em auto;
    padding: 0;
  }
  .mara-quinto-textBlock {
    display: block;
    width: 100%;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
    overflow-y: auto;
    overflow-x: hidden;
  }
  .mara-quinto-textBlock ul {
    max-height: none;
  }

  .mara-quinto-poem {
    font-family: "Handlee-Regular", cursive;
    font-style: italic;
    font-size: 1.0em;
    line-height: 1.4em;
    color: rgba(81,45,71,0.50);
    top: 5.0em;
    margin-top: 1em;
  }
  .mara-quinto-poemTitle {
    margin-top: 0;
    margin-bottom: .4em;
  }
  .mara-quinto-firma {
	text-align: right;
	font-family: "Handlee-Regular", cursive;
	font-size: 1em;
	font-style: oblique;
	margin-top: .5em;
	margin-bottom: 0;
  }
  #miPre .mara-quinto-content a {
  	color: #7C7C7C;
  	text-decoration: underline;
  }

  .mara-quinto-competenze {
    float: left;
    text-align: center;
    width: 100%;
  }
  .mara-quinto-competenze ul {
    width: 100%;
    font-size: .8em;
    margin-left: 4%;
    text-align: left;
    display: grid;
    margin-top: 2%;
    margin-bottom: 0;
  }
  .mara-quinto-competenze li {
    text-shadow: none;
    line-height: 1.25em;
    margin-bottom: 1%;
    width: 100%;
  }
  .mara-quinto-competenze img {
    width: 13%;
    margin-left: 0;
    margin-right: 1%;
    float: left;
  }
  .mara-quinto-lingue ul {
    display: block;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }
  .mara-quinto-lingue li {
    width: 13%;
    margin-left: 5%;
    margin-right: 5%;
    float: none;
    display: inline-block;
  }
  .mara-quinto-lingue img {
    width: 100%;
      margin: 0 auto 1%;
      float: none;
  }
  .mara-quinto-lingue p {
    margin-top: 4%;
  }

  .mara-quinto-carriera {
    float: left;
    text-align: center;
  }
  .mara-quinto-carriera ul {
    font-size: .8em;
    margin-left: 4%;
    text-align: left;
    display: grid;
    margin-top: 2%;
    margin-bottom: 1%;
  }
  .mara-quinto-carriera li {
    text-shadow: none;
    line-height: 1.25em;
    margin-bottom: 5%;
    width: 100%;
  }
  .mara-quinto-carriera img {
    width: 13%;
    margin-left: 0;
    margin-right: 1%;
    float: left;
  }

  .mara-quinto-hobbies ul {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    display: block;
  }
  .mara-quinto-hobbies li {
    width: 13%;
    margin-left: 3%;
    margin-right: 3%;
    float: none;
    display: inline-block;
  }
  .mara-quinto-hobbies img {
    width: 100%;
    margin-bottom: 10%;
  }

  #corSe .mara-quinto-2Columns {
    line-height: 1.5em;
    text-align: left;
  }
  #corSe .mara-quinto-textBlock > ul {
    text-shadow: none;
    list-style-type: disc;
    margin-left: 1em;
    line-height: 1.5em;
  }
  #corSe .mara-quinto-textBlock > ul > li {
    display: list-item;
  }
  #corSe .mara-quinto-poem {
    font-size: 1.2em;
    line-height: 1.5em;
    text-align: center;
  }
  #corSe .mara-quinto-textBlock-indent {
    padding-left: 7em;
    text-indent: -7em;
    max-width: 64%;
    margin-top: 3vw;
  }
  #corSe div.mara-quinto-2Columns:nth-child(30) {
   margin-top: 0;
  }
  #corSe .mara-quinto-visual-half {
    width: 80%;
    float: none;
  }
  #corSe .mara-quinto-textBlock-poem {
   padding-left: 0;
   text-indent: 0;
   max-width: none;
  }
  #corSe .mara-quinto-textBlock-list {
    padding-left: 1.2em;
  }
  #corSe .mara-quinto-content > h1 {
   font-size: 6.0vw;
  }
  
  #colla .mara-quinto-content ul {
    max-height: 100%;
    font-size: 1.1em;
    text-shadow: none;
    line-height: 1.5em;
    margin-bottom: 1em;
  }
  #colla .mara-quinto-content ul li {
    display: list-item;
    float: none;
    text-align: left;
    margin-left: 0.2em;
    list-style-position: inside
  }
  .div-table {
    display: table;
    width: auto;
    margin: 0 auto 1em;
    border-spacing: 5px;
  }
  .div-table-row {
    background-color: #f4dac5;
    display: table-row;
    clear: both;
  }
  .div-table-col1 {
    float: left;
    width: 80px;
    text-align: left
  }
  .div-table-col {
    float: left;
    width: 40px;
  }
  
  .mara-quinto-accFel {
   font-family: 'Herculanum', serif;
   color: #FFFFFF;
   background-color: rgba(81, 45, 71, 0.6);
   font-size: 1.2em;
  }
  
  .mara-quinto-felicita {
    font-size: .84em;
    line-height: 1.4em;
    margin-top: 1em;
    font-family: 'Handlee-Regular', cursive;
    font-style: italic;
    text-align: center;
  }
  .mara-quinto-felicita > .mara-quinto-2Columns > p:nth-child(1) {
    margin-top: 0;
    font-style: normal;
    text-align: justify;
  }

  .mara-quinto-formazione ul {
    font-size: 1em;
    max-width: 90%;
    float: left;
    display: block;
  }
  .mara-quinto-formazione li {
	text-shadow: none;
	line-height: 1.25em;
	text-align: left;
	display: list-item;
	margin-bottom: 2%;
	margin-left: 5.5vw;
  }

  #head-back,#nav-back{
    position:absolute;
    z-index:-1;
    width:100%
  }
  a:active{
    color: #fff;
    text-decoration:none
  }
  #nav-back{
    top: 0;
    height: 4.0em;
    position: fixed;
    z-index: 1;
  }
  #home #nav-back{
    height: 5em;
  }
  #head-back{
    top: 4em;
    height: 3em;
    background-image: -ms-linear-gradient(top,#FFF 0,#EDEDED 100%);
    background-image: -moz-linear-gradient(90deg,rgba(248,224,205,.5) 0%,rgba(180,162,147,.5) 100%);
    background-image: -o-linear-gradient(90deg,rgba(248,224,205,.5) 0%,rgba(180,162,147,.5) 100%);
    background-image: -webkit-linear-gradient(90deg,rgba(248,224,205,.5) 0%,rgba(180,162,147,.5) 100%);
    background-image: linear-gradient(0deg,rgba(248,224,205,.5) 0%,rgba(180,162,147,.5) 100%);
    -webkit-backdrop-filter: blur(7px);
    backdrop-filter: blur(7px);
    position: fixed;
    z-index: 1;
    /* opacity: 0.75; */
  }
  #home #head-back{
    height: 0;
  }
  .mara-quinto-shade{
    background-image: -ms-linear-gradient(top,#555 0,#A9A9A9 100%);
    background-image: -moz-linear-gradient(90deg,rgba(81,45,71,0.67) 0%,rgba(171,109,153,0.67) 100%);
    background-image: -o-linear-gradient(90deg,rgba(81,45,71,0.67) 0%,rgba(171,109,153,0.67) 100%);
    background-image: -webkit-linear-gradient(90deg,rgba(81,45,71,0.67) 0%,rgba(171,109,153,0.67) 100%);
    background-image: linear-gradient(0deg,rgba(81,45,71,0.67) 0%,rgba(171,109,153,0.67) 100%);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
  }
  .mara-quinto-container{
	  position: absolute;
	  margin: 0;
	  width: 100%;
  }
  .mara-quinto-clear{
    clear:both
  }
  .mara-quinto-nav{
    width: 100%;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
    text-align: center;
    position: fixed;
    z-index: 20;
  }
  .mara-quinto-full-width { /*La barra di scorrimento verticale fa uscire anche quella orizzontale*/
    width: 99.5vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    height: 1.3em;
  }
  li a, ul, ul li{
    width:100%
  }
  ul {
    max-height: 0;
    padding: 0;
    margin: 0;
    font-size: 1em;
    float: right;
    text-shadow: 0 -1px #000;
    line-height: 2.5em;
  }
  ul li ul {
    width: 100%;
  	display: block;
    }
  li{
    float: left;
    display: block;
  }
  li a{
    color: #fff;
    padding: 0 .35em;
    display: block;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s
  }
  li:hover a{
    background: rgba(164,85,141,0.25);
    text-decoration: none
  }
  .hidden:hover,li ul li,ul li a:hover+.hidden{
    display:block
  }
  li ul li{
    float:none;
    line-height: 2.0em
  }
  li ul li a:link{
    background-image: -webkit-linear-gradient(90deg,rgba(81,45,71,0.50) 0%,rgba(171,109,153,0.50) 100%);
    background-image: -moz-linear-gradient(90deg,rgba(81,45,71,0.50) 0%,rgba(171,109,153,0.50) 100%);
    background-image: -o-linear-gradient(90deg,rgba(81,45,71,0.50) 0%,rgba(171,109,153,0.50) 100%);
    background-image: linear-gradient(0deg,rgba(81,45,71,0.50) 0%,rgba(171,109,153,0.50) 100%)
  }
  li ul li:hover a{
    background-image: -webkit-linear-gradient(90deg,rgba(139,80,121,0.50) 0%,rgba(61,34,54,0.50) 100%);
    background-image: -moz-linear-gradient(90deg,rgba(139,80,121,0.50) 0%,rgba(61,34,54,0.50) 100%);
    background-image: -o-linear-gradient(90deg,rgba(139,80,121,0.50) 0%,rgba(61,34,54,0.50) 100%);
    background-image: linear-gradient(0deg,rgba(139,80,121,0.50) 0%,rgba(61,34,54,0.50) 100%);
  }
  #home .show-menu{
    padding: .95em 1em .983em 0;
  }
  #menu li{
    margin-bottom: 0;
    padding: 0;
    background-image: -webkit-linear-gradient(left, rgba(81,45,71,0.50) 0%, rgba(171,109,153,0.50) 100%);
    background-image: -o-linear-gradient(left, rgba(81,45,71,0.50) 0%, rgba(171,109,153,0.50) 100%);
    background-image: linear-gradient(to right, rgba(81,45,71,0.50) 0%, rgba(171,109,153,0.50) 100%);
  }
  #menu li a:link{
    background-image: -webkit-linear-gradient(90deg,rgba(81,45,71,0.50) 0%,rgba(171,109,153,0.50) 100%);
    background-image: -moz-linear-gradient(90deg,rgba(81,45,71,0.50) 0%,rgba(171,109,153,0.50) 100%);
    background-image: -o-linear-gradient(90deg,rgba(81,45,71,0.50) 0%,rgba(171,109,153,0.50) 100%);
    background-image: linear-gradient(0deg,rgba(81,45,71,0.50) 0%,rgba(171,109,153,0.50) 100%)
  }
  #menu li ul li:hover a{
    background-image: -webkit-linear-gradient(90deg,rgba(139,80,121,0.50) 0%,rgba(61,34,54,0.50) 100%);
    background-image: -moz-linear-gradient(90deg,rgba(139,80,121,0.50) 0%,rgba(61,34,54,0.50) 100%);
    background-image: -o-linear-gradient(90deg,rgba(139,80,121,0.50) 0%,rgba(61,34,54,0.50) 100%);
    background-image: linear-gradient(0deg,rgba(139,80,121,0.50) 0%,rgba(61,34,54,0.50) 100%);
  }
  .mara-quinto-dropDownContent {
    -webkit-transition: max-height 0.15s ease;
      -moz-transition: max-height 0.15s ease;
      -o-transition: max-height 0.15s ease;
    transition: max-height 0.15s ease;
    max-height: 0;
    overflow: hidden;
  }
  .mara-quinto-dropDownContent a {
    display: block;
  }
  .mara-quinto-show {
    -webkit-transition: max-height 0.75s ease-in;
      -moz-transition: max-height 0.75s ease-in;
      -o-transition: max-height 0.75s ease-in;
    transition: max-height 0.75s ease-in;
    max-height: 40em !important;
    z-index: 20;
    background-image: -webkit-linear-gradient(270deg,rgba(171,109,153,0.75) 0%,rgba(81,45,71,0.75) 100%);
    background-image: -moz-linear-gradient(270deg,rgba(171,109,153,0.75) 0%,rgba(81,45,71,0.75) 100%);
    background-image: -o-linear-gradient(270deg,rgba(171,109,153,0.75) 0%,rgba(81,45,71,0.75) 100%);
    background-image: linear-gradient(180deg,rgba(171,109,153,0.75) 0%,rgba(81,45,71,0.75) 100%);
  }
  .show-menu{
    text-decoration: none;
    color: #fff;
    float: right;
    padding: .5em 1em .767em 0;
    font-size: 1.5em;
    display: block;
  	position: relative;
  }

  .mara-quinto-headline{
    height: auto;
    text-align: center;
  }
  .mara-quinto-headline h1{
    font-size: 1.25em;
    line-height: 1em;
    letter-spacing: 0.015em;
    color: rgba(81,45,71,0.67);
  	padding-top: 0.75em;
	  margin-top: 0;
  }
  .mara-quinto-visual-home{
    float:left
  }
  .mara-quinto-shade-visual{
    width: 100%;
    height: auto;
    border-radius: 3vw;
    box-shadow: 15px 8px 30px 4px #82626f;
  }
  .mara-quinto-round-visual{
    width: 97%;
    height: auto;
    border-radius: 3vw;
    box-shadow: 5px 6px 12px 1px #82626f;
  }
  .mara-quinto-visual{
    width: 100%;
    height: auto;
  }
  .mara-quinto-content a:hover {
    color: rgb(171,109,153) !important;
    text-decoration: underline;
  }
  
  #appro .mara-quinto-content a, #yRisa h2 a {
    color: inherit;
  }
  #appro .mara-quinto-content a:hover, #yRisa h2 a:hover {
    color: rgb(171,109,153);
  }

  .mara-quinto-visual-half {
    width: 49.75%;
  /* 
    max-width: 438px;
   */
    height: auto;
  }
  .mara-quinto-video {
    display: block;
    margin-bottom: 0;
    max-height: 100%;
    margin-left: auto;
    margin-right: auto;
    background-color: #000000;
  }
  video {
    height: 20em;
    width: 100% !important
  }
  #video .mara-quinto-content h2 {
    max-width: none;
  }
  .mara-quinto-video p {
    margin-top: 0;
    padding-bottom: .25em;
    color: #BBBBBB;
    line-height: 1.1em;
  }

  #video .mara-quinto-content > p {
    color: antiquewhite;
    font-weight: bold;
    font-size: 0.96em;
    line-height: 1.2em;
    font-style: italic;
    text-align: justify;
    margin-top: 0.1em;
    padding: .5em;
    background-color: black;
    margin-bottom: 0;
    border-start-start-radius: 1em;
    border-start-end-radius: 1em;
    border-top-left-radius: 1em;
    border-top-right-radius: 1em;
  }
  
  /* Archivio Eventi */
  #eCoSe .mara-quinto-headline > h1, #eYoRi .mara-quinto-headline > h1 {
	margin-bottom: 0.1em;
  }

  #eCa20 .mara-quinto-content a {
	color:#ff2222 !important;
  }
  #monthToShow {
    color: #e8e8e8;
    text-shadow: 1px -1px #46464680;
    text-align: center;
    background-image: -webkit-linear-gradient(0deg,rgba(81,45,71,0.67) 0%,rgba(171,109,153,0.67) 100%);
    background-image: -moz-linear-gradient(0deg,rgba(81,45,71,0.67) 0%,rgba(171,109,153,0.67) 100%);
    background-image: -o-linear-gradient(0deg,rgba(81,45,71,0.67) 0%,rgba(171,109,153,0.67) 100%);
    background-image: linear-gradient(0deg,rgba(81,45,71,0.67) 0%,rgba(171,109,153,0.67) 100%);
  }
  .mara-quinto-selection {
    width: 21em;
    margin-left: auto;
    margin-right: auto;
    height: 1.6em;
    background-image: -webkit-linear-gradient(0deg,rgba(81,45,71,0.67) 0%,rgba(171,109,153,0.67) 100%);
    background-image: -moz-linear-gradient(0deg,rgba(81,45,71,0.67) 0%,rgba(171,109,153,0.67) 100%);
    background-image: -o-linear-gradient(0deg,rgba(81,45,71,0.67) 0%,rgba(171,109,153,0.67) 100%);
    background-image: linear-gradient(0deg,rgba(81,45,71,0.67) 0%,rgba(171,109,153,0.67) 100%);
    font-family: inherit;
    color: #ffffff;
    border-radius: 10px;
    padding-top: 0.125em;
    padding-bottom: 0.125em;
  }
  /* View / Hide Corsi e Seminari divs*/
  #y2026m04 {
    display:block
  }
  #trentanni, #y2025m06, #y2024m06-09, #y2024m06, #y2023m11, #y2021m01, #y2020m09, #y2020m05, #y2020m02, #y2020m01, #y2019m10, #y2019m07, #y2019m05, #y2018m11, #y2018m04, #y2016m10, #y2016m09 {
    display:none
  }

  /* View / Hide Yoga della Risata divs */
  #y2026m01 {
    display:block
  }
  #y2025m03,#y2024m05, #y2023m06, #y2023m05, #y2022m06, #y2022m05, #y2021m08, #y2021m06, #y2021m05, #yy2020m05, #y2020m04, #y2019m10d10, #y2019m05d05, #y2018m09d26, #y2018m09d14, #y2018m06, #y2017m10, #y2017m01, #y2016m11, #y2015m10 {
    display:none
  }
  .mara-quinto-commenti {
    width: 55vw
  }
  #y2019m05d05 a {
    color: inherit;
  }
  #y2019m05d05 a:hover {
    color: rgb(171,109,153);
  }
  #y2019m05d05 .mara-quinto-textBlock {
    background-image: url(../armonia-eventi/eventi-yoga-della-risata-img/mara-quinto-eventi-yoga-della-risata-20190505_bg.jpg);
    background-size: cover;
    background-position: center;
    border-radius: 4em 3em 5em 6em;
    padding: 1.5em;
    margin-bottom: -1.5em;
    text-shadow: 0.5px -0.5px #444;
    font-family: Merienda-Regular, cursive;
    font-size: 0.75em;
    overflow: unset;
  }
  #y2019m05d05 .mara-quinto-3Columns {
    max-width: 80vw;
    margin-left: -4vw;
  }
  #y2019m10 a, #commentClouds a {
    color: inherit;
  }
  #y2019m10 a:hover, #commentClouds a:hover {
    color: rgb(171,109,153);
  }
  #y2019m10 .mara-quinto-textBlock, #commentClouds .mara-quinto-textBlock {
    background-image: url(../armonia-eventi/eventi-yoga-della-risata-img/mara-quinto-eventi-yoga-della-risata-20190505_bg.jpg);
    background-size: cover;
    background-position: center;
      border-radius: 4em 3em 5em 6em;
      padding: 1.5em;
    margin-bottom: -1.5em;
    text-shadow: 0.5px -0.5px #444;
    font-family: Merienda-Regular, cursive;
    font-size: 0.75em;
    overflow: unset;
  }
  #y2019m10 .mara-quinto-3Columns, #commentClouds .mara-quinto-3Columns {
    max-width: 80vw;
    margin-left: -4vw;
  }
  .certifBtn {
  	width: 50%;
  	margin-left: auto;
  	margin-right: auto;
  	cursor: pointer;
      border-radius: 1em;
      color: #ffffff;
  }
  .certifBtn:hover {
    background-image: linear-gradient(0deg,rgba(81,45,71,0.67) 100%,rgba(171,109,153,0.67) 0%);
  }
/* 
  .cert06Btn a, .cert07Btn a {
    color: #ffffff;
  }
  .cert06Btn a:hover, .cert07Btn a:hover {
    color: hsla(50,64%,76%,1.00);
  }
 */

	body#alTes {
		background-image: url(../armonia-dicono-di-me/altre-testimonianze-img/mara-quinto-altre-testimonianze-background.png);
		background-size: auto;
		background-repeat: repeat;
		background-position: center;
	}
  #alTes .mara-quinto-content {
    overflow: hidden;
  }
  #alTes .mara-quinto-textBlock {
	font-family: 'Merienda-Regular', cursive;
	font-size: 3.75vw;
	letter-spacing: -.03em;
	color: #5C5C5C;
  }
  .mara-quinto-firme {
    text-align: right;
    font-family: "Handlee-Regular", cursive;
    font-size: 1.25em;
    font-style: oblique;
    margin-top: 0;
    margin-bottom: 1em;
  }
  .mara-quinto-slide {
    overflow: hidden;
    width: 82vw;
    height: 480px;
    margin-left: auto;
    margin-top: 1em;
    margin-right: auto;
  }
  .mara-quinto-slide ul {
    max-height: none;
    float: none;
    text-shadow: 0 -0.5px #5C5C5C;
    line-height: 5.25vw;
  }
 .mara-quinto-slide ul li {
    width: auto;
    float: none;
  }
 .mara-quinto-slide ul li a {
    padding: 0;
  }
 ul#mara-quinto-slider li {
	width: 81.6vw;
	padding-top: 0;
	text-align: justify;
  }
	ul#mara-quinto-slider li p {
		margin: .5vw;
	}
	
  #calen .mara-quinto-content ul {
    max-height: 100%;
    max-width: 55em;
    width: 75%;
    margin: .2em auto 1em;
    font-size: 1.1em;
    text-shadow: none;
    line-height: 1.25em;
    position: relative;
    float: none;
  }
  #calen .mara-quinto-content ul li {
    display: list-item;
    float: none;
    text-align: left
  }
  
  #appro .mara-quinto-content {
    max-width: 90%
  }
  #appro .mara-quinto-content h2 {
    font-size: 3.7vw;
    font-family: "Handlee-Regular", cursive;
    font-weight: bold;
    text-align: center;
    max-width: none;
    margin-top: .4vw;
  }
  #appro .mara-quinto-visual-1 {
    width: 70%;
    float: left;
    margin: 0 .5em .5em 0;
  }
  #appro .mara-quinto-visual-2 {
    width: 50%;
    float: left;
    margin-right: 1em;
    margin-bottom: 1em;
  }
  #appro h3 {
    width: 100%;
    text-align: justify;
  -webkit-hyphens: auto;
     -moz-hyphens: auto;
          hyphens: auto;
    max-width: 100%;
    margin-top: 0
  }
  #appro div.mara-quinto-3Columns > p {
    font-size: 1.1em;
    margin: 0.3em 0 .3em 0
  }
  #appro h3 > p {
    margin: 0 0 1em
  }
  #appro .mara-quinto-content ul {
    max-height: 100%;
    font-size: 1.1em;
    text-shadow: none;
    line-height: 1.5em;
    margin-bottom: 1em;
    float: none
  }
  #appro .mara-quinto-content ul li {
    display: list-item;
    float: none;
    text-align: left;
    margin-left: 0.2em
  }
  #appro .mara-quinto-visual {
    margin: .5em 0 1em
  }
  .mara-quinto-anchorFix {
    margin-top: -11em;
    padding-top: 9em
  }

  .mara-quinto-contact {
    height: 36em;
    background-image: url(../armonia-contatti/contatti-img/mara-quinto-contatti.png);
    background-size: 28%;
    background-position: right;
    background-repeat: no-repeat;
    max-width: 92%;
  }
  .mara-quinto-contact hr {
    max-width: 27.5em;
  }
  .mara-quinto-contact h1 {
	font-size: 1em;
	text-align: left;
	margin-top: .5em;
	margin-bottom: 7.5em;
  }
  .mara-quinto-contact h2{
    font-size: 2em;
    font-family: 'Handlee-Regular', cursive;
    letter-spacing: 5px;
    text-align: left;
    color: #5C5C5C;
  }

  .mara-quinto-form{
    max-width: 25em;
    margin-top: .6em;
    margin-right: auto;
    margin-left: 0;
    margin-bottom: 22px;
    background: antiquewhite;
    border-radius: .5em;
    padding: .75em;
  }
  .mara-quinto-form ul{
    list-style: none;
    padding: 0;
    margin: 0;
    float: none;
    line-height: normal;
    text-shadow: 0 0;
    max-height: none;
  }
  .mara-quinto-form li{
    display: block;
    padding: 9px;
    border: 1px solid #DDDDDD;
    margin-bottom: 1.25em;
    border-radius: 3px;
    float: none;
    width: auto;
  }
  .mara-quinto-form li:last-child{
    border: none;
    margin-bottom: 0;
    padding: 0;
  }
  .mara-quinto-form li > label{
    display: block;
    float: left;
    margin-top: -19px;
    background: antiquewhite;
    height: 14px;
    padding: 2px 5px 2px 5px;
    color: #B9B9B9;
    font-size: 14px;
    overflow: hidden;
  }
  .mara-quinto-form input[type="text"],
  .mara-quinto-form input[type="email"],
  .mara-quinto-form textarea,
  .mara-quinto-form select 
  {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    display: block;
    outline: none;
    border: none;
    height: 25px;
    line-height: 25px;
    font-size: 16px;
    padding: 0;
    color: #7c7c7c;
    font-family: Trebuchet, Trebuchet MS, Tahoma, Arial, sans-serif;
    background-color: antiquewhite;
  }
  .mara-quinto-form li > span{
    background: #F3F3F3;
    display: block;
    padding: 3px;
    margin: 0 -9px -9px -9px;
    text-align: center;
    color: #C0C0C0;
    font-size: .7em;
  }
  .mara-quinto-form textarea{
    resize:none;
  }
  .mara-quinto-form input[type="submit"],
  .mara-quinto-form input[type="button"] {
    border-left-style: none;
    border-right-style: none;
    border-top-style: none;
    padding: 1px 20px;
    vertical-align: middle;
    border-radius: 3px;
    color: #ececec;
    background-image: -webkit-linear-gradient(270deg,rgba(171,109,153,0.50) 0%,rgba(81,45,71,0.50) 100%);
    background-image: -moz-linear-gradient(270deg,rgba(171,109,153,0.50) 0%,rgba(81,45,71,0.50) 100%);
    background-image: -o-linear-gradient(270deg,rgba(171,109,153,0.50) 0%,rgba(81,45,71,0.50) 100%);
    background-image: linear-gradient(180deg,rgba(171,109,153,0.50) 0%,rgba(81,45,71,0.50) 100%);
  }
  .mara-quinto-form input[type="submit"]:hover,
  .mara-quinto-form input[type="button"]:hover{
    color: hsla(50,64%,76%,1.00);
    background-image: -webkit-linear-gradient(270deg,rgba(171,109,153,0.50) 30%,rgba(81,45,71,0.50) 50%);
    background-image: -moz-linear-gradient(270deg,rgba(171,109,153,0.50) 30%,rgba(81,45,71,0.50) 50%);
    background-image: -o-linear-gradient(270deg,rgba(171,109,153,0.50) 30%,rgba(81,45,71,0.50) 50%);
    background-image: linear-gradient(180deg,rgba(171,109,153,0.50) 30%,rgba(81,45,71,0.50) 50%);
  }
  .mara-quinto-error {
    color: #FF0000 !important;
    font-size: .8em !important;
    margin: 0;
  }
  .mara-quinto-form input[type="button"] {
    font-size: .7em;
  }

  /*Disable link to active page*/

  #home nav .home > a {
    pointer-events: none;
    cursor: default;
  }
  #miPre nav .miPre > a, #miFor nav .miFor > a, #doLav nav .doLav > a, #eqEmo nav .eqEmo > a, #yRisa nav .yRisa > a, #yEduc nav .yEduc > a, #yPost nav .yPost > a, #corSe nav .corSe > a, #colla nav .colla > a, #alTes nav .alTes > a, #miMae nav .miMae > a, #arEve nav .arEve > a, #calen nav .calen > a, #eOnLi nav .eOnLi > a, #eCa20 nav .eCa20 > a, #eCert nav .eCert > a, #eCoSe nav .eCoSe > a, #eBaSc nav .eBaSc > a, #eYoRi nav .eYoRi > a, #goAni nav .goAni > a, #acFel nav .acFel > a, #appro nav .appro > a {
    pointer-events: none;
    cursor: default;
    color: #DDDDDD;
    background-color: hsla(0,0%,73%,0.75);
    background-image: -webkit-linear-gradient(90deg,rgba(171,109,153,0.50) 0%,rgba(81,45,71,0.50) 100%);
    background-image: -moz-linear-gradient(90deg,rgba(171,109,153,0.50) 0%,rgba(81,45,71,0.50) 100%);
    background-image: -o-linear-gradient(90deg,rgba(171,109,153,0.50) 0%,rgba(81,45,71,0.50) 100%);
    background-image: linear-gradient(0deg,rgba(171,109,153,0.50) 0%,rgba(81,45,71,0.50) 100%);
  }
  #conta nav .conta > a, #video nav .video > a {
    pointer-events: none;
    cursor: default;
    color: #DDDDDD;
    background-color: hsla(0,0%,73%,0.1);
  }

  /*end*/

@media screen and (min-width :36em) { /*576px*/

  /* .mara-quinto-home-headline {
    left: 55%
  } */
  .mara-quinto-home-headline h1 {
    font-size: 1.6em;
    letter-spacing: .1em;
  }
  .mara-quinto-home {
    /* min-width: 50em; */
    margin-top: 5em;
  }
  .mara-quinto-content h2 {
    font-size: 1.2em;
    line-height: 1.4em;
    max-width: 55em;
  }
  .mara-quinto-content h3 {
    font-size: 1.1em;
    line-height: 1.4em;
  }
  .mara-quinto-2Columns {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 10vw;
    -moz-column-gap: 10vw;
    column-gap: 10vw;
    -webkit-column-rule-style: solid; /* Chrome, Safari, Opera */
    -moz-column-rule-style: solid; /* Firefox */
    column-rule-style: solid;
    -webkit-column-rule-width: 1px; /* Chrome, Safari, Opera */
    -moz-column-rule-width: 1px; /* Firefox */
    column-rule-width: 1px;
  }
  .mara-quinto-3Columns {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 7.5vw;
    -moz-column-gap: 7.5vw;
    column-gap: 7.5vw;
  }
  .mara-quinto-2Columns-top, .mara-quinto-3Columns-top {
    margin-top: 1em;
  }
  .mara-quinto-poem {
    line-height: 2.48vw;
    text-align: right;
    padding-right: 2em;
    margin-top: 0;
  }
  .mara-quinto-formazione li {
	margin-left: 2.5vw;
  }
  .mara-quinto-commenti {
    width: 36vw
  }
  #y2019m05d05 .mara-quinto-textBlock {
    font-size: 1em;
  }
  #y2019m05d05 .mara-quinto-3Columns {
    margin-left: -1.5vw;
  }
  #y2019m10 .mara-quinto-textBlock, #commentClouds .mara-quinto-textBlock {
    font-size: 1em;
  }
  #y2019m10 .mara-quinto-3Columns, #commentClouds .mara-quinto-3Columns {
    margin-left: -1.5vw;
  }

  .mara-quinto-felicita {
    font-size: 1em;
  }
  #corSe .mara-quinto-poem {
    font-size: 1.2em;
    line-height: 1.5em;
    text-align: left;
  }
  #corSe div.mara-quinto-textBlock:nth-child(2) {
    padding-left: 0;
    text-indent: 0;
    max-width: none;
  }
  #corSe .mara-quinto-textBlock-indent {
    padding-left: 7em !important;
    text-indent: -7em !important;
    max-width: 64% !important;
    margin-top: 3vw !important;
  }
  #corSe div.mara-quinto-2Columns:nth-child(30) {
   margin-top: 1em;
  }
  #corSe .mara-quinto-content > h1 {
   font-size: 1.6em;
  }
  #corSe .mara-quinto-content > h1:nth-child(29) > span:nth-child(2) {
   font-size: 1em;
  }
  
	body#alTes {
		background-size: cover;
		background-position: unset;
	}
  #colla div.mara-quinto-clear > hr {
    display: none
  }
  #alTes .mara-quinto-textBlock {
	font-size: 3vw;
  }
  .mara-quinto-slide {
    width: 66vw;
    height: 542px;
  }
  .mara-quinto-slide ul {
    line-height: 4.5vw;
  }
  ul#mara-quinto-slider li {
	width: 65vw;
  }
	  
  #acFel .mara-quinto-2Columns {
    -webkit-column-gap: 6vw;
    -moz-column-gap: 6vw;
    column-gap: 6vw;
    -webkit-column-rule-style: none; /* Chrome, Safari, Opera */
    -moz-column-rule-style: none; /* Firefox */
    column-rule-style: none;
  }
  #appro .mara-quinto-content {
    max-width: 82%
  }
  #appro .mara-quinto-content h2 {
    font-size: 1.25em;
  }
  #appro .mara-quinto-visual-1 {
    width: 70%;
    float: left;
    margin: 0 .9em .8em 0;
  }
  #appro .mara-quinto-content ul li, #colla .mara-quinto-content ul li {
    margin-left: 0
  }

  .mara-quinto-contact h2 {
    font-size: 2em;
    margin-bottom: .3em;
    margin-top: .5em;
  }

}
@media screen and (min-width :56em) { /*896px*/

  /* .mara-quinto-home-headline {
  left: 60%
  } */
  .mara-quinto-footer {
    height: 2.2em !important;
  }
  #home .mara-quinto-footer h1 {
    line-height: 3.3em;
    margin-top: 0;
  }
  .mara-quinto-footer h1 {
    font-size: 1em;
    line-height: 2.5em;
  }
  .mara-quinto-cookies {
    display: inline-block;
  }
  .mara-quinto-poem {
    font-size: 1.75vw;
  }
  .mara-quinto-poemTitle {
    margin-bottom: .9em;
  }
  .mara-quinto-3Columns {
    font-size: 1em;
    line-height: 1.4em;
    text-align: justify;
    margin-top: 1em;
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 7.5vw;
    -moz-column-gap: 7.5vw;
    column-gap: 7.5vw;
  }
  .mara-quinto-2Columns hr {
    width: 90%;
    display: block;
    height: 1px;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
    border-top: 1px solid #666666;
    margin: 1em auto;
    padding: 0;
  }

  .mara-quinto-contact {
    background-size: 35%;
    max-width: 82%;
  }
  .mara-quinto-competenze ul {
    font-size: 1.3vw;
  }
  .mara-quinto-carriera ul {
    font-size: 1.3vw;
  }
  .mara-quinto-formazione ul {
    max-width: none;
    font-size: 1.3vw;
  }
  .mara-quinto-formazione li {
	margin-left: 1.5vw;
  }
  video {
    height: 40em;
    width: 100%  !important;
  }
  #calen p {
    width: 80%;
    margin: 1em auto
  }
  #alTes .mara-quinto-textBlock {
	font-size: 2.5vw;
  }
  .mara-quinto-slide {
    width: 50vw;
  }
  .mara-quinto-slide ul {
    line-height: 3.75vw;
  }
	ul#mara-quinto-slider li {
	width: 49vw;
  }
}
@media screen and (min-width :64em) { /*1.024px*/

  #home .mara-quinto-logo{
    padding-top: .417em;
    padding-bottom: .417em;
  }
  #home #head-back{
    height: 0;
  }
  .mara-quinto-logo {
    font-size: 1.5em;
    letter-spacing: 5px;
    line-height: 1.25em;
    padding-top: .417em;
    padding-bottom: .417em;
  }

  #nav-back{
    height: 5.0em;
  }
  #head-back{
    top: 5em;
    height: 5em;
  }
  li ul li{
    line-height: 2.5em
  }
  li a,ul,ul li{
    width:auto
  }
  .show-menu{
    display: none;
  }
  #menu{
    line-height: 5em;
    letter-spacing: 0;
    max-height: none;
  }
  #menu li{
    background-image: inherit;
  }
  #menu li a:link{
    background-image: none;
  }
  /*
  #menu li ul li:hover a{
    background-image: none;
  }
*/
  .mara-quinto-headline h1{
    font-size: 2.5vw;
    line-height: 2.5vw;
  }

  .mara-quinto-content {
    top: 10em;
  }
  /* .mara-quinto-home-headline {
    max-width: 96%;
    margin-left: auto;
    margin-right: auto;
    top: 1em;
    left: 65%;
    position: relative;
  }
  .mara-quinto-home-headline h1 {
    margin: 0 auto 0 1%;
  } */
  .mara-quinto-contact {
    background-size: 25%;
    max-width: 75%;
  }
  .mara-quinto-contact hr {
    width: 52%;
    margin-left: 0;
  }
  .mara-quinto-felicita {
    font-size: 2vw;
  }
  #corSe .mara-quinto-textBlock-list {
    padding-left: .2em
  }
  #corSe .mara-quinto-poem {
    font-size: 2vw;
  }
  #corSe .mara-quinto-visual-half {
    width: 70%;
    float: right;
  }
  #corSe div.mara-quinto-2Columns:nth-child(30) div > img {
   max-width: 80%;
   float: right;
  }

  #alTes .mara-quinto-textBlock {
	font-size: 2vw;
  }
  .mara-quinto-slide {
    width: 40vw;
  }
  .mara-quinto-slide ul {
    line-height: 1.2vw;
  }
 .mara-quinto-slide ul li a {
    padding: 0;
  }
	ul#mara-quinto-slider li {
	width: 39vw;
  }
	ul#mara-quinto-slider li p {
		margin: .5vw;
	}

  #alTes .mara-quinto-textBlock {
	font-size: 1.75vw;
  }
  .mara-quinto-slide {
    width: 40vw;
    margin-top: 1em;
  }
  .mara-quinto-slide ul {
    line-height: 2.75vw;
  }
	ul#mara-quinto-slider li {
	width: 39vw;
  }

  #appro .mara-quinto-visual-2 {
    width: 50%;
    float: left;
    margin-right: 2em;
    margin-bottom: .5em;
  }
  #appro h3 {
    margin-bottom: 0;
    margin-top: 0;
  }

  /*Disable link to active page*/

  #miPre nav .miPre > a, #miFor nav .miFor > a, #doLav nav .doLav > a, #eqEmo nav .eqEmo > a, #yRisa nav .yRisa > a, #yEduc nav .yEduc > a, #yPost nav .yPost > a, #corSe nav .corSe > a, #colla nav .colla > a, #alTes nav .alTes > a, #miMae nav .miMae > a, #arEve nav .arEve > a, #calen nav .calen > a, #eOnLi nav .eOnLi > a, #eCa20 nav .eCa20 > a, #eCert nav .eCert > a, #eCoSe nav .eCoSe > a, #eBaSc nav .eBaSc > a, #eYoRi nav .eYoRi > a, #goAni nav .goAni > a, #acFel nav .acFel > a, #appro nav .appro > a {
    background-image: -webkit-linear-gradient(90deg,rgba(139,80,121,0.50) 0%,rgba(61,34,54,0.50) 100%);
    background-image: -moz-linear-gradient(90deg,rgba(139,80,121,0.50) 0%,rgba(61,34,54,0.50) 100%);
    background-image: -o-linear-gradient(90deg,rgba(139,80,121,0.50) 0%,rgba(61,34,54,0.50) 100%);
    background-image: linear-gradient(0deg,rgba(139,80,121,0.50) 0%,rgba(61,34,54,0.50) 100%);
  }

  /*end*/

}
@media screen and (min-width :80em) { /*1.280px*/
  
  /* .mara-quinto-home-headline {
    left: 70%
  } */
  .mara-quinto-contact {
    max-width: 60%;
    background-size: 35%;
  }
  #corSe div.mara-quinto-2Columns:nth-child(30) div > img {
   max-width: 65%;
  }
  #appro .mara-quinto-visual-2 {
    width: 50%;
    float: left;
    margin-right: 4em;
    margin-bottom: .5em;
  }
  .mara-quinto-commenti {
    width: 24vw
  }
}
@media screen and (min-width :90em) { /*1.440px*/
  .mara-quinto-contact {
    max-width: 50%;
    background-size: 35%;
  }

}
@media screen and (min-width :100em) { /*1.600px*/

  .mara-quinto-home {
    width: 100%;
    height: 100%;
    margin-top: 0;
  }
  .mara-quinto-home-headline {
    top: 7em;
  }
  .mara-quinto-home-headline h1 {
    font-size: 1.8em;
    letter-spacing: .1em;
    text-shadow: 1.5px -1.5px #222;
  }
  .mara-quinto-headline h1{
    font-size: 2.5em;
    line-height: 1em;
    letter-spacing: 0.03em;
  }
  .mara-quinto-felicita {
    font-size: 1.5vw;
  }
  .mara-quinto-felicita > .mara-quinto-2Columns > p:nth-child(1) {
    font-size: .75em
  }
  .mara-quinto-contact {
    max-width: 40%;
    background-size: 30%;
  }
  #corSe .mara-quinto-visual-half {
    max-width: 60%;
    float: right;
  }
  #corSe .mara-quinto-poem {
    font-size: 1.5vw;
  }

  #alTes .mara-quinto-textBlock {
	font-size: 1.75em;
  }
  .mara-quinto-slide {
    width: 36vw;
    height: 680px;
    margin-top: 1em;
  }
  .mara-quinto-slide ul {
    line-height: 2.75em;
  }
 ul#mara-quinto-slider li {
	width: 35vw;
  }
	.lSSlideOuter .lSPager.lSpg>li a {
	 height:12px !important;
	 width:12px !important;
	}

}


/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers
 */

.hidden {
    display: none !important;
}

/*
 * Hide only visually, but have it available for screen readers:
 * https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 *
 * 1. For long content, line feeds are not interpreted as spaces and small width
 *    causes content to wrap 1 word per line:
 *    https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    white-space: nowrap; /* 1 */
}

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
    white-space: inherit;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media print,
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 1.25dppx),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   https://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important; /* Black prints faster */
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre {
        white-space: pre-wrap !important;
    }
    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}