/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

/********************/
/*	FADE IN TESTI	*/
/********************/
@media(min-width: 900px){
	h3.text1-figlio-portatori, p.text2-consapevoli, h2.title-cose-genescreen.title2-cose-genescreen, object.svg-come-genescreen, p.text-per-chi-genescreen:nth-child(2), h3.text1-e-un-test {
	 animation-delay: 0.5s !important;
	}
	p.text2-figlio-portatori, p.text1-come-genescreen, p.text1-cose-genescreen, p.text-per-chi-genescreen:nth-child(3), p.text2-e-un-test{
	 animation-delay: 1s !important;
	}
	p.text-per-chi-genescreen:nth-child(4), h2.title-perche-genescreen, object.svg2-e-un-test {
	 animation-delay: 1.5s !important;
	}
	p.text-per-chi-genescreen:nth-child(5), object.svg-perche-genescreen, h3.text3-e-un-test{
	 animation-delay: 2s !important;
	}
		p.text-per-chi-genescreen:nth-child(6), p.text-perche-genescreen, button.btn-e-un-test {
	 animation-delay: 2.5s !important;
	}
		p.text-per-chi-genescreen:nth-child(7) {
	 animation-delay: 3s !important;
	}
		p.text-per-chi-genescreen:nth-child(8) {
	 animation-delay: 3.5s !important;
	}
	p.text-per-chi-genescreen:nth-child(9) {
	 animation-delay: 4s !important;
	}
}
@media(min-width: 551px) and (max-width: 899.9px){
	h3.text1-figlio-portatori, p.text2-consapevoli, h2.title-cose-genescreen.title2-cose-genescreen, object.svg-come-genescreen, p.text-per-chi-genescreen:nth-child(2), h3.text1-e-un-test {
	 animation-delay: 0.2s !important;
	}
	p.text2-figlio-portatori, p.text1-come-genescreen, p.text1-cose-genescreen, p.text-per-chi-genescreen:nth-child(3), p.text2-e-un-test{
	 animation-delay: 0.4s !important;
	}
	p.text-per-chi-genescreen:nth-child(4), h2.title-perche-genescreen, object.svg2-e-un-test {
	 animation-delay: 0.6s !important;
	}
	p.text-per-chi-genescreen:nth-child(5), object.svg-perche-genescreen, h3.text3-e-un-test{
	 animation-delay: 0.8s !important;
	}
		p.text-per-chi-genescreen:nth-child(6), p.text-perche-genescreen, button.btn-e-un-test {
	 animation-delay: 1s !important;
	}
		p.text-per-chi-genescreen:nth-child(7) {
	 animation-delay: 1.2s !important;
	}
		p.text-per-chi-genescreen:nth-child(8) {
	 animation-delay: 1.4s !important;
	}
	p.text-per-chi-genescreen:nth-child(9) {
	 animation-delay: 1.6s !important;
	}
}
@media(min-width: 551px){
	h2.title-figlio-portatori, h3.text1-figlio-portatori, p.text2-figlio-portatori, h3.text1-consapevoli, p.text2-consapevoli, object.logo-genescreen-consapevoli, h2.title-cose-genescreen.title2-cose-genescreen, p.text1-cose-genescreen, h3.text1-come-si-effettua, h2.title-come-genescreen, object.svg-come-genescreen, object.svg1-e-un-test, h3.text1-e-un-test, h2.title-per-chi-genescreen, p.text-per-chi-genescreen{
 opacity: 0;
 }
}
@media(max-width: 550px){
	h2.title-figlio-portatori, h3.text1-figlio-portatori, p.text2-figlio-portatori, h3.text1-consapevoli, p.text2-consapevoli, object.logo-genescreen-consapevoli, h2.title-cose-genescreen.title2-cose-genescreen, p.text1-cose-genescreen, h3.text1-come-si-effettua, h2.title-come-genescreen, object.svg-come-genescreen, object.svg1-e-un-test, h3.text1-e-un-test, h2.title-per-chi-genescreen, p.text-per-chi-genescreen{
 opacity: 1;
 }
}

/****************************************/
/*	TABELLA GENI E PATOLOGIE INDAGATE	*/
/****************************************/
.modal {
  display: none; 
  position: fixed; 
  z-index: 5; 
  left: 0;
  top: 0;
  width: 100%; 
  height: 100%; 
  overflow: auto;
  background-color: rgb(0,0,0); 
  background-color: rgba(0,0,0,0.9); 
}
#caption {  
  -webkit-animation-name: zoom;
  -webkit-animation-duration: 0.6s;
  animation-name: zoom;
  animation-duration: 0.6s;
}
@-webkit-keyframes zoom {
  from {-webkit-transform:scale(0)} 
  to {-webkit-transform:scale(1)}
}

@keyframes zoom {
  from {transform:scale(0)} 
  to {transform:scale(1)}
}
.close {
 position: fixed;
 top: 15px;
 right: 50px;
 color: #f1f1f1;
 font-size: 60px;
 font-weight: bold;
 transition: 0.3s;
}
.close:hover,
.close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}
table.table-lista-geni-genescreen {
 background-color: white;
}
@media only screen and (max-width: 700px){
  .modal-content {
    width: 100%;
  }
}
table.table-lista-geni {
 background-color: white;
}
th {
 border: none;
}
tr.headers-lista-geni {
 background-color: #E4E4E4;
}
table.table-lista-geni{
 margin: auto;
}
table.table-lista-geni, tbody{
 position: relative;
}
table.table-lista-geni::before, table.table-lista-geni::after, tbody::after{
 position: absolute;
 content: "";
}
table.table-lista-geni::before, table.table-lista-geni::after, tbody::after {
 background-color: #E4E4E4;
}
table.table-lista-geni::before, table.table-lista-geni::after{
 width: 5px;
 height: 100%;
 top: 0;
}
 table.table-lista-geni tbody::after{
 height: 5px;
 width: 100%;
 top: calc(100% - 5px);
}
table.table-lista-geni-mob tbody::before, table.table-lista-geni tbody::after{
 left: 0;
}
table.table-lista-geni::after{
 left: calc(100% - 5px);
}
tr.headers-lista-geni th, p.text-lista-gene, p.text-lista-patologie{
 font-family: news-gothic-std, sans-serif;
}
tr.headers-lista-geni th{
 font-weight: bold;
} 
tr.headers-lista-geni th {
 color: #222222;;
}
p.text-lista-gene, p.text-lista-patologie {
 margin: 0;
}
tr.headers-lista-geni th, p.text-lista-patologie {
 text-align: left;
}
table.table-lista-geni td {
 padding: 0;
}
table.table-lista-geni::before {
 left: 0;
}
p.text-popup-geni {
 font-family: 'Rotis Light';
 color: #1e3582;
 font-size: 15px;
 margin-top: 20px;
 cursor: pointer;
}
p.text-lista-gene {
 color: #1E3582;
 font-weight: bold;
}
a.btnDownload {
 text-decoration: none;
}
a.btnDownload button {
 background: #1E3582;
 font-family: 'news-gothic-std', sans-serif;
 font-weight: 900;
 display: block;
 margin: auto;
 font-size: 10px;
}
@media(max-width: 550px){
 .table-lista-geni-container{
	 padding-top: 20vw;
 }
 .headers-lista—geni th {
    font-size: 5vw;
    line-height: 7vw;
 }
 p.text-lista-gene {
    font-size: 4vw;
    line-height: 5vw;
 }
 .headers-lista—geni th {
    padding: 2vw 6vw;
 }
 p.text-lista-gene, p.text-lista-patologie {
    padding: 2vw 3vw;
 }
}
@media(min-width: 551px) and (max-width: 766.9px){
 .table-lista-geni-container{
	padding-top: 15vw;
 }
 .headers-lista-geni th, p.text-lista-gene, p.text-lista-patologie{
    font-size: 3vw;
    line-height: 3.5vw;
 }
 .headers-lista-geni th{
    padding: 2vw 6vw;
 } 
 tr.headers-lista-geni th {
    font-size: 5.5vw;
 }
 p.text-lista-gene, p.text-lista-patologie {
    padding: 2vw;
 }
}
@media(max-width: 766.9px){
 table.table-lista—geni:not(:last-child), table.table-lista-geni {
    margin-bottom: 6vw;
}
 table.table-lista-geni {
    max-width: 84vw;
 }
 
}
@media(min-width: 767px){
 p.text-lista-gene:not(:last-child), table.table-lista-geni:not(:last-child){
	margin-bottom: 2.8vw;
 }
}
@media(min-width: 767px) and (max-width: 899.9px){
 .table-lista-geni-container{
    padding-top: 10vw;
 }
 .table-lista-geni{
    max-width: 85vw;
 }
 tr.headers-lista-geni th {
    font-size: 3.8vw;
	padding: 1vw 4vw;
 }
 p.text-lista-gene {
    padding: 1vw;
 }
 p.text-lista-gene, p.text-lista-patologie{
    font-size: 2.1vw;
    line-height: 2.7vw;
 }
 table.table-lista-geni{
 	margin-bottom: 6vw;
 }
 p.text-lista-gene, p.text-lista-patologie {
    padding: 1vw;
 }
}
@media(max-width: 899.9px){
 /*.table-lista-geni-container{
	display: none;
 }*/
}
@media(min-width: 900px){
 table.table-lista-geni{
	margin-bottom: 6vw;
 }
 .table-lista-geni-container{
    padding-top: 2vw;
 }
 tr.headers-lista-geni th {
	padding-left: 2vw;
 }
 .table-lista-geni-container-mob{
	display: none;
 }
}
@media(min-width: 900px) and (max-width: 1099.9px){
  tr.headers-lista-geni th {
    font-size: 2.1vw;
    line-height: 2.7vw;
 }
 p.text-lista-gene, p.text-lista-patologie{
	font-size: 1.6vw;
	line-height: 2.2vw;
 }
 table.table-lista-geni td {
	padding: 2vw;
 }
 table.table-lista-geni{
    max-width: 70vw;
 }
}
@media(min-width: 1100px){
 table.table-lista-geni td {
	padding: 0.5vw 2vw;
 }
}
@media(min-width: 1100px) and (max-width: 1400px){
  table.table-lista-geni{
    max-width: 60vw;
 }
 tr.headers-lista-geni th {
    font-size: 1.8vw;
    line-height: 2.2vw;
 }
 p.text-lista-gene, p.text-lista-patologie{
	font-size: 1.4vw;
	line-height: 2vw;
 }
}
@media(min-width: 1401px){
  table.table-lista-geni{
    max-width: 50vw;
 }
 tr.headers-lista-geni th {
    font-size: 1.6vw;
    line-height: 2vw;
  }
 p.text-lista-gene, p.text-lista-patologie{
	font-size: 1vw;
	line-height: 1.6vw;
 }
}

button.btn-hero:hover .icona-smile, .btn-livelli-approfondimento:hover .icona-risponde{
 filter: brightness(0%) saturate(100%) invert(13%) sepia(80%) saturate(1731%) hue-rotate(210deg) brightness(99%) contrast(96%);
}
.btn-caratteristiche-test:hover .icona-risponde{
 filter: brightness(0%) saturate(100%) invert(30%) sepia(14%) saturate(2200%) hue-rotate(190deg) brightness(102%) contrast(92%);
}
button.btn-hero:hover a, .btn-livelli-approfondimento.open-form a, .btn-livelli-approfondimento span {
 color: #182D72;
}
.btn-caratteristiche-test.open-form a, .btn-caratteristiche-test span{
 color: #405295;
}
.grid-anomalie-dna, .grid-figlio-portatori, .grid-consapevoli, .grid-cose-genescreen, .title-svg-cose-genescreen, .svg-text1-come-genescreen, .svg-text1-perche-genescreen, .come-perche-genescreen, .e-un-test, .svg-text1-e-un-test, .svg-text3-e-un-test, .grid-livelli-approfondimento, .grid-caratteristiche-test, .grid-per-chi-genescreen, .grid-scegliete-futuro, .grid-patologie-evitabili{
 display: flex;
}
.grid-anomalie-dna {
 line-height: 0;
}
.col1-anomalie-dna, .col2-anomalie-dna, .grid-consapevoli, .container-comePerche-genescreen, .come-perche-genescreen, .col1-come-genescreen, .livello-approfondimento, .caratteristica-test, p.text-per-chi-genescreen, .grid-scegliete-futuro, .patologie-evitabili1, .patologie-evitabili2, .patologie-evitabili3, .patologie-evitabili4{
 position: relative;
}
.col1-anomalie-dna:after, .col2-anomalie-dna:after, .grid-consapevoli::before, .container-comePerche-genescreen::before, .come-perche-genescreen::before, .col1-come-genescreen::after, .livello-approfondimento::after, .caratteristica-test::after, p.text-per-chi-genescreen:not(:last-child):after, .grid-scegliete-futuro::before {
 position: absolute;
 content: "";
 background: #E4E4E4;
}
.col2-anomalie-dna:after, .grid-consapevoli::before, .container-comePerche-genescreen::before, .come-perche-genescreen::before, .grid-scegliete-futuro::before {
 height: 2px;
}
p.text1-anomalie-dna, p.text2-figlio-portatori, p.text2-consapevoli, p.text1-cose-genescreen, p.text1-come-genescreen, p.text-perche-genescreen, p.text2-e-un-test, p.text-livello-approfondimento, p.text-caratteristica-test, p.text-per-chi-genescreen, p.text-scegliete-futuro, p.text2-patologie-evitabili1, p.text2-patologie-evitabili2, p.text2-patologie-evitabili3, p.text2-patologie-evitabili4{
 font-family: 'Rotis Light';
}
p.text1-anomalie-dna, h3.text2-anomalie-dna, h3.text1-consapevoli, p.text2-consapevoli, h3.text1-come-si-effettua, h2.title-come-genescreen, h2.title-perche-genescreen, p.text1-come-genescreen, p.text-perche-genescreen, h3.text1-e-un-test, h3.text3-e-un-test, p.text2-e-un-test, p.numero-livello-approfondimento, p.text-livello-approfondimento, span.blue-text, p.text-caratteristica-test, h2.title-per-chi-genescreen, p.text-per-chi-genescreen, h2.title-scegliete-futuro, p.text-scegliete-futuro{
 color: #1E3582;
}
h3.text2-anomalie-dna, h2.title-figlio-portatori, h3.text1-figlio-portatori, h2.title-cose-genescreen, h3.text1-come-si-effettua, h2.title-come-genescreen, h2.title-perche-genescreen, h3.text1-e-un-test, h3.text3-e-un-test, h2.title-livelli-approfondimento, p.numero-livello-approfondimento, h2.title-caratteristiche-test, h2.title-scegliete-futuro, p.text1-patologie-evitabili{
 font-family: 'news-gothic-std';
}
h3.text2-anomalie-dna, p.text2-figlio-portatori, h2.title-cose-genescreen, p.text1-cose-genescreen, h3.text1-come-si-effettua, p.text1-come-genescreen, p.text-perche-genescreen, h3.text1-e-un-test, p.text2-e-un-test, h3.text3-e-un-test, p.numero-livello-approfondimento, p.text-livello-approfondimento, p.text-per-chi-genescreen:last-child{
 margin-bottom: 0;
}
.grid-figlio-portatori, .col1-figlio-portatori, .grid-cose-genescreen, .col2-cose-genescreen, .grid-per-chi-genescreen, .col2-per-chi-genescreen{
 background-repeat: no-repeat !important;
 background-size: cover !important;
}
h2.title-figlio-portatori, h3.text1-figlio-portatori, p.text2-figlio-portatori, h2.title-cose-genescreen, p.text1-cose-genescreen, h2.title-livelli-approfondimento, h2.title-caratteristiche-test, p.text1-patologie-evitabili, p.text2-patologie-evitabili1, p.text2-patologie-evitabili2, p.text2-patologie-evitabili3, p.text2-patologie-evitabili4{
 color: white !important;
}
h2.title-figlio-portatori{
 font-weight: bold;
}
.grid-consapevoli::before,  .grid-scegliete-futuro::before {
 right: 0;
}
span.chetwode-blue-text{
 color: #6271A8;
}
.container-comePerche-genescreen {
 background-image: linear-gradient(180deg, #FFFFFF 0%, #EDEDED 100%, #777777 100%);
}
.livelli-approfondimento {
 background-color: #1E3581;
}
.livello-approfondimento, .caratteristica-test{
 background-color: white;
 text-align: center;
 box-shadow: 0px 10px 50px #0000004D;
}
.livello-approfondimento::after, .caratteristica-test::after {
 width: 85%;
 height: 1px;
 left: 0;
 right: 0;
 margin: auto;
}
.caratteristiche-test {
 background-color: #405295;
}
p.text-per-chi-genescreen:not(:last-child):after, .patologie-evitabili1::after, .patologie-evitabili2::after, .patologie-evitabili3::after, .patologie-evitabili4::after{
 height: 1px;
}
.patologie-evitabili1 {
 background-color: #A5AECD;
}
.patologie-evitabili2 {
 background-color: #6271A8;
}
.patologie-evitabili3 {
 background-color: #1E3582;
}
.patologie-evitabili4 {
 background-color: #182D72;
}
p.text1-patologie-evitabili, p.text2-patologie-evitabili1, p.text2-patologie-evitabili2, p.text2-patologie-evitabili3, p.text2-patologie-evitabili4{
 text-align: center;
}
p.text2-patologie-evitabili1, p.text2-patologie-evitabili2, p.text2-patologie-evitabili3, p.text2-patologie-evitabili4 {
 margin: 0 auto;
}
.patologie-evitabili1::after, .patologie-evitabili2::after, .patologie-evitabili3::after, .patologie-evitabili4::after{
 position: absolute;
 content: "";
 background: white;
 margin: auto;
 left: 0;
 right: 0;
}
.grid-esperienza {
 box-shadow: 0 -8px 20px -8px #00000008;
}
.container-form-genoma {
 background: #1E3582;
}
.nf-form-content input[type=button]:hover {
 color: #1E3582 !important;
}
div#nf-field-12-container {
 margin-bottom: 30px !important;
}
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {
 -webkit-box-shadow: 0 0 0 30px #1E3582 inset !important;
}
@media (max-width: 420px){
 .grid-anomalie-dna {
  padding: 15vw 6vw 14vw;
 }
 p.text1-anomalie-dna, p.text2-figlio-portatori, p.text2-consapevoli, p.text1-cose-genescreen, p.text1-come-genescreen, p.text-perche-genescreen, p.text2-e-un-test, p.numero-livello-approfondimento, p.text-per-chi-genescreen, p.text-scegliete-futuro, p.text1-patologie-evitabili {
  font-size: 5.4vw;
  line-height: 6.7vw;
 }
 h3.text2-anomalie-dna, h3.text1-figlio-portatori, h3.text1-consapevoli, h3.text1-come-si-effettua, h3.text1-e-un-test, h3.text3-e-un-test {
  font-size: 7.4vw;
  line-height: 8.4vw;
 } 
 .col2-figlio-portatori, .consapevoli-genescreen, .col1-cose-genescreen, .col1-per-chi-genescreen{
  padding: 15vw 6vw;
 }
 .col2-anomalie-dna:after, .col1-come-genescreen::after {
  width: calc(100% + 12vw);
  left: -6vw;
 }
 .grid-consapevoli::before {
  width: calc(100% + 6vw);
  right: -6vw;
 }
 p.text2-consapevoli sup, p.text1-cose-genescreen sup, p.text1-come-genescreen sup, p.text2-e-un-test sup, p.text-scegliete-futuro sup {
  font-size: 3.5vw;
  bottom: 0.4ex;
 }
 .come-si-effettua, .col1-e-un-test{
  padding: 15vw 6vw 7.5vw;
 }
 h3.text1-come-si-effettua sup {
  font-size: 2.5vw;
  bottom: 1.7ex;
 }
 .come-perche-genescreen, .col2-e-un-test {
  padding: 7.5vw 6vw 15vw;
 }
 object.svg-come-genescreen, object.svg-perche-genescreen, object.svg1-e-un-test, object.svg2-e-un-test {
  width: 25vw;
  height: 25vw;
 }
 p.text1-come-genescreen, p.text-perche-genescreen {
  width: 73vw;
 }
 h3.text1-e-un-test, p.text2-e-un-test {
  width: 71vw;
 }
 h3.title-livello-approfondimento, h3.title-caratteristica-test {
  font-size: 7.7vw;
 }
 p.text-caratteristica-test {
  width: 44vw;
 }
 p.text-per-chi-genescreen:not(:last-child){
  margin-bottom: 8vw;
 }
 p.text-per-chi-genescreen:not(:last-child):after {
  width: calc(100% + 6vw);
  left: -6vw;
  bottom: -4vw;
 }
 .grid-scegliete-futuro::before{
  width: calc(100% - 6vw);
 }
 p.text1-patologie-evitabili {
  width: 64vw;
  margin: 0 auto 4vw;
  height: 20vw;
 }
 p.text2-patologie-evitabili1, p.text2-patologie-evitabili2, p.text2-patologie-evitabili3, p.text2-patologie-evitabili4{
  width: 47vw;
 }
}
@media (min-width: 421px) and (max-width: 550px){
 .grid-anomalie-dna {
  padding: 15vw 7vw 14vw;
 }
 p.text1-anomalie-dna, p.text2-figlio-portatori, p.text2-consapevoli, p.text1-cose-genescreen, p.text1-come-genescreen, p.text-perche-genescreen, p.text2-e-un-test, p.numero-livello-approfondimento, p.text-per-chi-genescreen, p.text-scegliete-futuro, p.text1-patologie-evitabili {
  font-size: 4.3vw;
  line-height: 5.4vw;
 }
 h3.text2-anomalie-dna, h3.text1-figlio-portatori, h3.text1-consapevoli, h3.text1-come-si-effettua, h3.text1-e-un-test, h3.text3-e-un-test {
  font-size: 6.8vw;
  line-height: 7.8vw;
 }
 .col2-figlio-portatori, .consapevoli-genescreen, .col1-cose-genescreen, .col1-per-chi-genescreen{
  padding: 15vw 7vw;
 }
 .col2-anomalie-dna:after, .col1-come-genescreen::after {
  width: calc(100% + 14vw);
  left: -7vw;
 }
 .grid-consapevoli::before {
  width: calc(100% + 7vw);
  right: -7vw;
 }
 p.text2-consapevoli sup, p.text1-cose-genescreen sup, p.text1-come-genescreen sup, p.text2-e-un-test sup, p.text-scegliete-futuro sup{
  bottom: 0.1ex;
 }
 .come-si-effettua, .col1-e-un-test{
  padding: 15vw 7vw 7.5vw;
 }
 h3.text1-come-si-effettua sup {
  font-size: 2.5vw;
  bottom: 1.7ex;
 }
 .come-perche-genescreen, .col2-e-un-test {
  padding: 7.5vw 7vw 15vw;
 }
 object.svg-come-genescreen, object.svg-perche-genescreen {
  width: 21vw;
  height: 21vw;
 }
 p.text1-come-genescreen {
  width: 55vw;
 }
 p.text-perche-genescreen {
  width: 60vw;
 }
 object.svg1-e-un-test, object.svg2-e-un-test {
  width: 25vw;
 }
 object.svg2-e-un-test {
  height: 34vw;
 }
 h3.text1-e-un-test {
  width: 64vw;
 }
 p.text2-e-un-test {
  width: 70vw;
 }
 h3.title-livello-approfondimento, h3.title-caratteristica-test {
  font-size: 6.6vw;
 }
 p.text-caratteristica-test {
  width: 49vw;
 }
 p.text-per-chi-genescreen:not(:last-child){
  margin-bottom: 6vw;
 }
 p.text-per-chi-genescreen:not(:last-child):after {
  width: calc(100% + 7vw);
  left: -7vw;
  bottom: -3vw;
 }
 .grid-scegliete-futuro::before{
  width: calc(100% - 7vw);
 }
 object.logo-genescreen-scegliere{
  width: 81vw;
 }
 p.text1-patologie-evitabili {
  width: 63vw;
  margin: 0 auto 7vw;
 }
 p.text2-patologie-evitabili1, p.text2-patologie-evitabili2, p.text2-patologie-evitabili3, p.text2-patologie-evitabili4{
  width: 53.5vw;
 }
}
@media (max-width: 550px){
 object.logo-genoma-hero {
  margin-bottom: 12vw;
 }
 h1.title-hero, h2.subtitle-hero-genoma {
  margin-bottom: 7vw;
 }
 .grid-anomalie-dna {
  grid-gap: 14vw;
 }
 .col2-anomalie-dna:after {
  bottom: -6vw;
 }
 .grid-consapevoli, .come-perche-genescreen, .grid-scegliete-futuro {
  grid-gap: 20vw
 }
 .grid-consapevoli::before{
  top: -6vw;
 }
 .col1-figlio-portatori {
  background: url("/wp-content/uploads/2022/09/img1-pancia-500.jpg");
  height: calc(100vw / (500 / 395));
 }
 h2.title-figlio-portatori, h2.title-cose-genescreen, h2.title-come-genescreen, h2.title-perche-genescreen, h2.title-livelli-approfondimento, h2.title-caratteristiche-test, h2.title-per-chi-genescreen, h2.title-scegliete-futuro{
  font-size: 9vw;
  line-height: 9vw;
 }
 object.cose-genescreen-svg {
  width: 11vw;
  height: 8vw;
 }
 h2.title2-cose-genescreen sup, h2.title-per-chi-genescreen sup, h2.title-scegliete-futuro sup {
  font-size: 3vw;
  bottom: 1.8ex;
 }
 .col2-cose-genescreen{
  background: url("/wp-content/uploads/2022/09/cose-genescreen-500.jpg");
  height: calc(100vw / (500 / 366));
 }
 .col1-come-genescreen::after {
  bottom: -10vw;
 }
 h2.title-come-genescreen, h2.title-perche-genescreen {
  text-align: center;
 }
 .svg-text1-come-genescreen, .svg-text1-perche-genescreen, .svg-text1-e-un-test, .svg-text3-e-un-test{
  flex-direction: column;
  align-items: center;
 }
 p.text1-come-genescreen, p.text-perche-genescreen, h3.text1-e-un-test, h3.text3-e-un-test, p.text2-e-un-test {
  text-align: center;
  margin: 6vw auto 0;
 }
 button.btn-e-un-test{
  margin: 15vw auto 0;
 }
 .livelli-approfondimento, .caratteristiche-test{
  padding: 15vw 0;
 }
 .title-grid-livelli-approfondimento, .title-grid-caratteristiche-test, .grid-patologie-evitabili {
  width: 73vw;
  margin: auto;
 }
 .grid-livelli-approfondimento, .grid-caratteristiche-test, .grid-patologie-evitabili{
  grid-gap: 8vw;
 }
 .livello-approfondimento, .caratteristica-test{
  padding: 10vw 0 15vw;
 }
 .livello-approfondimento, .caratteristica-test, .patologie-evitabili1, .patologie-evitabili2, .patologie-evitabili3, .patologie-evitabili4{
  flex: 1 1 100%;
 }
 .livello-approfondimento::after, .caratteristica-test::after, .patologie-evitabili1::after, .patologie-evitabili2::after, .patologie-evitabili3::after, .patologie-evitabili4::after{
  bottom: 4vw;
 }
 object.svg-livello-approfondimento {
  width: 60vw;
 }
 p.text-livello-approfondimento, p.text-caratteristica-test {
  font-size: 4vw;
  line-height: 5vw;
 }
 button.btn-livelli-approfondimento, button.btn-caratteristiche-test, button.btn-scegliete-futuro{
  margin: 15vw auto 0;
 }
 p.text-caratteristica-test {
  margin: 4vw auto 0;
 }
 .col2-per-chi-genescreen {
  background: url(/wp-content/uploads/2022/09/img-coppia-500.jpg);
  height: calc(100vw / (500 / 450));
 }
 .grid-scegliete-futuro::before{
  top: 7.5vw;
 }
 .col1-scegliete-futuro{
  padding: 15vw 7vw 0;
 }
 .col2-scegliete-futuro{
  padding: 0 7vw 7.5vw;
 }
 p.text-scegliete-futuro {
  width: 73vw;
  margin: 0 auto 6vw;
 }
 .patologie-evitabili1, .patologie-evitabili2, .patologie-evitabili3, .patologie-evitabili4{
  padding: 10vw 0 20vw;
 }
 p.text2-patologie-evitabili1, p.text2-patologie-evitabili2, p.text2-patologie-evitabili3, p.text2-patologie-evitabili4 {
  font-size: 4vw;
  line-height: 5vw;
 }
 .grid-esperienza {
  margin-top: 20vw;
 }
}
@media (min-width: 551px) and (max-width: 766.9px){
 .grid-anomalie-dna {
  padding-bottom: 10vw;
 }
 .col1-anomalie-dna, .col2-figlio-portatori, .col1-cose-genescreen, .e-un-test, .livelli-approfondimento, .caratteristiche-test, .col1-per-chi-genescreen{
  padding: 8vw;
 }
 p.text1-anomalie-dna, p.text2-figlio-portatori, p.text2-consapevoli, p.text1-cose-genescreen, p.text1-come-genescreen, p.text-perche-genescreen, p.text2-e-un-test, p.numero-livello-approfondimento, p.text-per-chi-genescreen, p.text-scegliete-futuro, p.text1-patologie-evitabili {
  font-size: 3.3vw;
  line-height: 4.3vw;
 }
 h3.text2-anomalie-dna, h3.text1-consapevoli, h3.text1-come-si-effettua, h3.text1-e-un-test, h3.text3-e-un-test {
  font-size: 5.5vw;
  line-height: 6.3vw;
 }
 .col2-anomalie-dna:after {
  width: calc(100% + 8vw);
  left: -8vw;
  bottom: -4vw;
 }
 object.cromosoma-genescreen{
  width: 82vw;
 }
 h2.title-figlio-portatori, h2.title-cose-genescreen, h2.title-come-genescreen, h2.title-perche-genescreen, h2.title-livelli-approfondimento, h2.title-caratteristiche-test, h2.title-per-chi-genescreen, h2.title-scegliete-futuro{
  font-size: 7.2vw;
 }
 h3.text1-figlio-portatori{
  font-size: 5.5vw;
  line-height: 6.3vw;
 }
 p.text2-figlio-portatori {
  width: 74vw;
 }
 .grid-consapevoli{
  padding: 12vw 8vw;
  grid-gap: 12vw;
 }
 .grid-consapevoli::before {
  width: calc(100% - 8vw);
  top: 6vw;
 }
 p.text2-consapevoli, object.logo-genescreen-consapevoli {
  width: 80vw;
 }
 p.text2-consapevoli sup, p.text1-cose-genescreen sup, p.text1-come-genescreen sup, p.text2-e-un-test sup, p.text-scegliete-futuro sup {
  font-size: 2.5vw;
  bottom: 0.1ex;
 }
 object.cose-genescreen-svg {
  width: 10vw;
  height: 8vw;
 }
 h2.title2-cose-genescreen sup, h2.title-per-chi-genescreen sup, h2.title-scegliete-futuro sup {
  font-size: 2.5vw;
  bottom: 1.7ex;
 }
 p.text1-cose-genescreen {
  width: 80vw;
 }
 .come-si-effettua {
  padding: 12vw 8vw 6vw;
 }
 .come-perche-genescreen {
  padding: 6vw 8vw 8vw;
  grid-gap: 12vw;
 }
 .col1-come-genescreen::after {
  width: calc(100% + 16vw);
  left: -8vw;
  bottom: -6vw;
 }
 h3.text1-come-si-effettua sup {
  font-size: 2vw;
  bottom: 1.6ex;
 }
 .svg-text1-come-genescreen, .svg-text1-perche-genescreen, .svg-text1-e-un-test, .svg-text3-e-un-test {
  grid-gap: 4vw;
 }
 object.svg-come-genescreen, object.svg-perche-genescreen {
  width: 15vw;
  height: 15vw;
 }
 p.text1-come-genescreen {
  width: 40vw;
 }
 p.text-perche-genescreen {
  width: 47vw;
 }
 .e-un-test, .grid-scegliete-futuro {
  grid-gap: 12vw;
 }
 .svg-text1-e-un-test, .svg-text3-e-un-test {
  align-items: flex-start;
 }
 object.svg1-e-un-test, object.svg2-e-un-test {
  width: 16vw;
 }
 object.svg2-e-un-test {
  height: 22vw;
 }
 h2.title-livelli-approfondimento, h2.title-caratteristiche-test, h2.title-per-chi-genescreen, h2.title-scegliete-futuro  {
  line-height: 7.2vw;
 }
 h2.title-livelli-approfondimento{
  width: 72vw;
 }
 .grid-livelli-approfondimento, .grid-caratteristiche-test, .grid-patologie-evitabili {
  grid-gap: 5vw;
 }
 .livello-approfondimento, .caratteristica-test, .patologie-evitabili1, .patologie-evitabili2, .patologie-evitabili3, .patologie-evitabili4  {
  padding: 5vw 0 12vw;
  flex: 0 1 calc((100% / 2) - 2.5vw);
 }
 .livello-approfondimento::after, .caratteristica-test::after, .patologie-evitabili1::after, .patologie-evitabili2::after, .patologie-evitabili3::after, .patologie-evitabili4::after{
  bottom: 3vw;
 }
 object.svg-livello-approfondimento {
  width: 33vw;
 }
 h3.title-livello-approfondimento, h3.title-caratteristica-test {
  font-size: 5.1vw;
  line-height: 5.1vw;
 }
 p.text-livello-approfondimento, p.text-caratteristica-test, p.text2-patologie-evitabili1, p.text2-patologie-evitabili2, p.text2-patologie-evitabili3, p.text2-patologie-evitabili4 {
  font-size: 3vw;
 }
 button.btn-livelli-approfondimento, button.btn-caratteristiche-test, button.btn-scegliete-futuro {
  margin: 8vw auto 0;
 }
 p.text-caratteristica-test {
  line-height: 3.5vw;
  width: 33vw;
  margin: 3vw auto 0;
 }
 p.text-per-chi-genescreen:not(:last-child):after {
  width: calc(100% + 8vw);
  left: -8vw;
  bottom: -2vw;
 }
 .grid-scegliete-futuro::before{
  width: calc(100% - 8vw);
  top: 5vw;
 }
 .col1-scegliete-futuro{
  padding: 12vw 8vw 0;
 }
 .col2-scegliete-futuro{
  padding: 0 8vw 8vw;
 }
 object.logo-genescreen-scegliere{
  width: 75vw;
 }
 p.text-scegliete-futuro{
  width: 80vw;
  margin: 0 auto 6vw;
 }
 h2.title-caratteristiche-test {
  width: 55vw;
 }
 .grid-patologie-evitabili{
  padding: 0 8vw;
 }
 p.text1-patologie-evitabili{
  width: 32vw;
  margin: 0 auto 4vw;
  height: 18vw;
 }
 p.text2-patologie-evitabili1, p.text2-patologie-evitabili2, p.text2-patologie-evitabili3, p.text2-patologie-evitabili4 {
  line-height: 3.5vw;
  width: 30vw;
 }
 .grid-esperienza {
  margin-top: 15vw;
 }
 div#nf-field-11-wrap {
  width: 70vw;
 }
}
@media (min-width: 551px) and (max-width: 899.9px){
 object.logo-genoma-hero {
  margin-bottom: 8vw;
 }
 h1.title-hero, h2.subtitle-hero-genoma {
  margin-bottom: 5vw;
 }
 .col2-cose-genescreen {
  background: url("/wp-content/uploads/2022/09/cose-genescreen-700.jpg");
  height: calc(100vw / ( 700 / 513));
 }
 .col1-figlio-portatori {
  background: url("/wp-content/uploads/2022/09/img1-pancia-700.jpg");
  height: calc(100vw / (700 / 554));
 }
 p.text-per-chi-genescreen,{
  margin-bottom: 4vw;
 }
 .col2-per-chi-genescreen {
  background: url("/wp-content/uploads/2022/09/img-coppia-700.jpg");
  height: calc(100vw / (700 / 630));
 }
}
@media (max-width: 766.9px){
 p.text1-anomalie-dna, h3.text2-anomalie-dna, h2.title-figlio-portatori, h3.text1-figlio-portatori, h3.text1-consapevoli, p.text2-consapevoli, h2.title2-cose-genescreen, h2.title-come-genescreen, h2.title-perche-genescreen, .svg-text1-e-un-test, .svg-text3-e-un-test, h2.title-livelli-approfondimento, object.svg-livello-approfondimento, h2.title-caratteristiche-test, h2.title-per-chi-genescreen{
  margin-bottom: 6vw;
 }
 .title-svg-cose-genescreen {
  grid-gap: 2vw;
 }
 .col1-come-genescreen, .col2-perche-genescreen {
  width: 100%;
 }
 object.svg-caratteristica-test {
  height: 12vw;
 }
}
@media (min-width: 767px){
 p.text1-anomalie-dna, h2.title-figlio-portatori, h3.text1-figlio-portatori, h3.text1-consapevoli, p.text2-consapevoli, .title2-cose-genescreen, h2.title-come-genescreen, h2.title-perche-genescreen, .svg-text1-e-un-test, .svg-text3-e-un-test, h2.title-livelli-approfondimento, object.svg-livello-approfondimento, h2.title-caratteristiche-test{
  margin-bottom: 2.8vw !important;
 }
 p.text2-consapevoli sup, p.text1-cose-genescreen sup, p.text1-come-genescreen sup, p.text2-e-un-test sup, p.text-scegliete-futuro sup {
  bottom: 0.1ex;
 }
 .title-svg-cose-genescreen {
  grid-gap: 1vw;
 }
 .svg-text1-come-genescreen, .svg-text1-perche-genescreen{
  grid-gap: 3vw;
 }
 .svg-text1-e-un-test, .svg-text3-e-un-test {
  grid-gap: 2vw;
 }
 h2.title-per-chi-genescreen{
  margin-bottom: 2.8vw;
 }
 div#nf-field-96-container {
  float: right;
  width: 48%;
  clear: none !important;
 }
}
@media (min-width: 767px) and (max-width: 899.9px){ 
 h2.subtitle-hero-genoma {
  width: 60.5vw;
 }
 p.text1-anomalie-dna, p.text2-figlio-portatori, p.text2-consapevoli, p.text1-cose-genescreen, p.text1-come-genescreen, p.text-perche-genescreen, p.text2-e-un-test, p.text-per-chi-genescreen, p.text-scegliete-futuro{
  font-size: 2.6vw;
  line-height: 3.2vw;
 }
 h3.text2-anomalie-dna, h3.text1-figlio-portatori, h3.text1-consapevoli, h3.text1-come-si-effettua, h3.text1-e-un-test, h3.text3-e-un-test{
  font-size: 3.8vw;
 }
 .grid-anomalie-dna, .col2-figlio-portatori, .col1-cose-genescreen, .come-perche-genescreen, .e-un-test, .col1-per-chi-genescreen{
  padding: 6vw 5vw;
 }
 .grid-anomalie-dna{
  grid-gap: 10vw;
 }
 .col2-anomalie-dna:after {
  width: calc(100% + 10vw);
  bottom: -1vw;
  left: -5vw;
 }
 p.text1-anomalie-dna{
  width: 80vw;
 }
 h3.text2-anomalie-dna, h3.text1-consapevoli {
  width: 65vw;
 }
 object.cromosoma-genescreen, h3.text1-figlio-portatori, h3.text1-e-un-test {
  width: 60vw;
 }
 h2.title-figlio-portatori, h2.title-cose-genescreen, h2.title-come-genescreen, h2.title-perche-genescreen, h2.title-livelli-approfondimento, h2.title-caratteristiche-test, h2.title-per-chi-genescreen, h2.title-scegliete-futuro {
  font-size: 6vw;
 }
 p.text2-figlio-portatori {
  width: 51vw;
 }
 .grid-consapevoli, .come-perche-genescreen, .e-un-test, .grid-scegliete-futuro{
  grid-gap: 8vw;
 }
 .grid-consapevoli::before, .come-si-effettua::after, .grid-scegliete-futuro::before{
  width: calc(100% - 5vw);
  top: 4vw;
 }
 .col1-consapevoli, .col1-scegliete-futuro{
  padding: 8vw 5vw 0;
 }
 p.text2-consapevoli {
  width: 63vw;
 }
 .col2-consapevoli, .col2-scegliete-futuro{
  padding: 0 5vw 6vw;
 }
 object.logo-genescreen-consapevoli, p.text2-e-un-test {
  width: 65vw;
 }
 object.cose-genescreen-svg {
  width: 6vw;
  height: 7vw;
 }
 h2.title2-cose-genescreen sup, h2.title-per-chi-genescreen sup, h2.title-scegliete-futuro sup {
  font-size: 2vw;
  bottom: 2ex;
 }
 p.text1-cose-genescreen {
  width: 50vw;
 }
 .container-comePerche-genescreen::before {
  width: calc(100% - 5vw);
  top: 4vw;
  right: 0;
 }
 .come-si-effettua {
  padding: 8vw 5vw 5vw;
 }
 .col1-come-genescreen::after {
  width: calc(100% + 10vw);
  bottom: -4vw;
  left: -5vw;
 }
 h3.text1-come-si-effettua {
  width: 76vw;
 }
 h3.text1-come-si-effettua sup {
  font-size: 1.5vw;
  bottom: 1.3ex;
 }
 object.svg-come-genescreen, object.svg-perche-genescreen {
  width: 12vw;
 }
 p.text1-come-genescreen {
  width: 31vw;
 }
 p.text-perche-genescreen {
  width: 37vw;
 }
 object.svg1-e-un-test, object.svg2-e-un-test {
  width: 13vw;
  height: 13vw;
 }
 p.text2-e-un-test {
  width: 70vw;
 }
 h3.text3-e-un-test {
  width: 58vw;
 }
 h2.title-livelli-approfondimento, h2.title-caratteristiche-test {
  margin-left: 5vw;
 }
 h2.title-livelli-approfondimento {
  line-height: 6vw;
  width: 60vw;
 }
 .grid-livelli-approfondimento, .grid-caratteristiche-test, .grid-patologie-evitabili{
  margin: 0 5vw;
 }
 .livello-approfondimento, .caratteristica-test, .patologie-evitabili1, .patologie-evitabili2, .patologie-evitabili3, .patologie-evitabili4{
  flex: 0 1 calc((100vw / 2) - 6.5vw);
 }
 .livello-approfondimento, .caratteristica-test{
  padding: 4vw 0 7vw;
 }
 h3.title-livello-approfondimento, h3.title-caratteristica-test {
  font-size: 3.6vw;
  line-height: 3.6vw;
 }
 p.numero-livello-approfondimento, p.text1-patologie-evitabili {
  font-size: 2.6vw;
  line-height: 3.2vw;
 }
 p.text-livello-approfondimento, p.text-caratteristica-test, p.text2-patologie-evitabili1, p.text2-patologie-evitabili2, p.text2-patologie-evitabili3, p.text2-patologie-evitabili4 {
  font-size: 2.3vw;
 }
 h2.title-caratteristiche-test {
  width: 45vw;
  line-height: 6vw;
 }
 p.text-caratteristica-test, p.text2-patologie-evitabili1, p.text2-patologie-evitabili2, p.text2-patologie-evitabili3, p.text2-patologie-evitabili4 {
  line-height: 2.7vw;
 }
 p.text-caratteristica-test {
  width: 32vw;
  margin: 2vw auto 0;
 }
 object.svg-caratteristica-test {
  height: 7vw;
 }
 h2.title-per-chi-genescreen, h2.title-scegliete-futuro{
  line-height: 6vw;
 }
 h2.title-per-chi-genescreen {
  width: 50vw;
 }
 p.text-per-chi-genescreen:not(:last-child):after{
  width: calc(100% + 5vw);
  left: -5vw;
  bottom: -2vw;
 }
 p.text-per-chi-genescreen {
  width: 81vw;
 }
 object.logo-genescreen-scegliere{
  width: 70vw;
 }
 p.text-scegliete-futuro {
  margin: 0 5vw 2.8vw;
  width: 48vw;
 }
 .patologie-evitabili1, .patologie-evitabili2, .patologie-evitabili3, .patologie-evitabili4{
  padding: 6vw 0 8vw;
 }
 p.text1-patologie-evitabili{
  width: 31vw;
  margin: 0 auto 4vw;
  height: 10vw;
 }
 p.text2-patologie-evitabili1, p.text2-patologie-evitabili2, p.text2-patologie-evitabili3, p.text2-patologie-evitabili4{
  width: 30vw;
 }
 .grid-esperienza {
  margin-top: 8vw;
 }
}
@media (min-width: 767px) and (max-width: 1099.9px){
 .livelli-approfondimento, .caratteristiche-test {
  padding: 6vw 0;
 }
 .grid-livelli-approfondimento, .grid-caratteristiche-test, .grid-patologie-evitabili {
  grid-gap: 3vw;
 }
 object.svg-livello-approfondimento {
  width: 23vw;
 }
 .livello-approfondimento::after, .caratteristica-test::after, .patologie-evitabili1::after, .patologie-evitabili2::after, .patologie-evitabili3::after, .patologie-evitabili4::after {
  bottom: 2.5vw;
 }
 button.btn-livelli-approfondimento, button.btn-caratteristiche-test, button.btn-scegliete-futuro{
  margin: 6vw auto 0;
 }
}
@media (max-width: 899.9px){
 .grid-anomalie-dna, .grid-figlio-portatori, .grid-consapevoli, .grid-cose-genescreen, .come-perche-genescreen, .grid-per-chi-genescreen, .grid-scegliete-futuro{
  flex-direction: column;
 }
 .col1-cose-genescreen {
  background-color: #182D72;
 }
 .col1-cose-genescreen, .col2-cose-genescreen, .col2-per-chi-genescreen {
  width: 100%;
 }
 .col2-anomalie-dna {
  text-align: center;
 }
 .col1-figlio-portatori {
  order: 2;
  width: 100%;
 }
 .col2-figlio-portatori {
  order: 1;
  background-color: #182D72;
  width: 100%;
 }
 .come-perche-genescreen::before {
  width: 100vw;
  top: 0;
  left: 0;
 }
 .col1-come-genescreen::after {
  height: 1px;
 }
 h2.title-scegliete-futuro{
  margin-bottom: 0;
 }
 p.text2-patologie-evitabili1, p.text2-patologie-evitabili2, p.text2-patologie-evitabili3, p.text2-patologie-evitabili4 {
  margin: 0 auto;
 }
}
@media(min-width: 900px){
  object.logo-genoma-hero {
  margin-bottom: 4vw;
 }
 h1.title-hero{
  width: 33vw;
 }
 h1.title-hero, h2.subtitle-hero-genoma {
  margin-bottom: 3vw;
 }
 .col1-anomalie-dna:after {
  width: calc(100% + 6vw);
  height: 2px;
  left: -6vw;
  bottom: 4vw;
 }
 .col1-anomalie-dna {
  padding: 6vw 0 8vw 6vw;
 }
 .grid-figlio-portatori, .grid-consapevoli, .grid-cose-genescreen, .title-svg-cose-genescreen, .svg-text1-come-genescreen, .svg-text1-perche-genescreen, .grid-per-chi-genescreen{
  align-items: center;
 }
 .col1-figlio-portatori, .col2-figlio-portatori, .col1-e-un-test, .col2-e-un-test {
  flex: 1 1 50%;
 }
 .col2-figlio-portatori{
  padding-left: 5vw;
 }
 .grid-consapevoli{
  grid-gap: 6vw;
 }
 .grid-consapevoli::before, .grid-scegliete-futuro::before {
  width: calc(100% - 6vw);
  top: 3vw;
 }
 .col1-consapevoli, .come-si-effettua{
  margin: 6vw 0 4vw 6vw;
 }
 h2.title-cose-genescreen, p.text1-cose-genescreen{
  margin-left: 6vw;
 }
 .container-comePerche-genescreen::before{
  width: calc(100% - 6vw);
  top: -3vw;
  right: 0;
 }
 .come-perche-genescreen, .e-un-test{
  padding: 6vw;
 }
 .come-perche-genescreen, .grid-scegliete-futuro{
  grid-gap: 6vw;
 }
 .come-perche-genescreen::before {
  width: calc(100% + 5vw);
  left: -5vw;
  top: 0;
 }
 .col1-come-genescreen::after {
  height: calc(100% + 12vw);
  width: 2px;
  top: -6vw;
  right: 0;
 }
 h2.title-livelli-approfondimento, h2.title-caratteristiche-test, .col1-per-chi-genescreen {
  margin-left: 6vw;
 }
 .grid-livelli-approfondimento, .grid-caratteristiche-test, .grid-patologie-evitabili {
  margin: 0 6vw;
 }
 p.text-caratteristica-test{
  margin: 1vw auto 4vw;
 }
 p.text-per-chi-genescreen:not(:last-child):after {
  width: calc(100% + 6vw);
  left: -6vw;
 }
 h2.title-scegliete-futuro {
  margin: 6vw 0 2.8vw 6vw;
 }
 p.text-scegliete-futuro {
  margin: 0 6vw 2.8vw;
 }
 object.logo-genescreen-scegliere{ 
  width: 37vw;
 }
 .col1-scegliete-futuro{
  flex: 1 1 55%;
 }
 .col2-scegliete-futuro{
  flex: 1 1 45%;
 }
 .col2-scegliete-futuro {
  align-self: center;
 }
 p.text1-patologie-evitabili {
  margin: 0 auto 2vw;
 }
 .grid-esperienza {
  margin-top: 4vw;
 }
}
@media (min-width: 900px) and (max-width: 1099.9px){
 h2.subtitle-hero-genoma{
  width: 37.6vw;
 }
 .grid-anomalie-dna {
  background-image: url("/wp-content/uploads/2022/07/cromosoma.svg");
  background-repeat: no-repeat;
  background-position: 60vw;
  background-size: 38vw;
 }
 p.text1-anomalie-dna, p.text2-figlio-portatori, p.text2-consapevoli, p.text-perche-genescreen, p.text2-e-un-test, p.text1-cose-genescreen, p.text1-come-genescreen, p.text-perche-genescreen, p.text-scegliete-futuro, p.numero-livello-approfondimento, p.text-per-chi-genescreen, p.text1-patologie-evitabili {
  font-size: 2.1vw;
  line-height: 2.7vw;
 }
 p.text1-anomalie-dna {
  width: 53vw;
 }
 h3.text2-anomalie-dna, h3.text1-figlio-portatori, h3.text1-consapevoli, h3.text1-come-si-effettua, h3.text1-e-un-test, h3.text3-e-un-test{
  font-size: 3.2vw;
 }
 h3.text2-anomalie-dna{
  width: 53vw;
 }
 object.cromosoma-genescreen {
  display: none;
 }
 .grid-figlio-portatori {
  background: url("/wp-content/uploads/2022/11/Pancia-900.jpg");
  height: calc(100vw / (900 / 492));
 }
 h2.title-figlio-portatori, h2.title-cose-genescreen, h2.title-livelli-approfondimento, h2.title-caratteristiche-test, h2.title-per-chi-genescreen, h2.title-scegliete-futuro{
  font-size: 5vw;
  line-height: 5vw;
 }
 p.text2-figlio-portatori {
  width: 38vw;
 }
 h3.text1-consapevoli, p.text2-consapevoli, h2.title-per-chi-genescreen {
  width: 44vw;
 }
 .grid-cose-genescreen {
  background: url("/wp-content/uploads/2022/09/cose-genescreen-900-430.jpg");
  height: calc(100vw / (900 / 430));
 }
 object.cose-genescreen-svg {
  width: 6.5vw;
  height: 5vw;
 }
 object.svg1-e-un-test, object.svg2-e-un-test {
  height: 11vw;
 }
 object.svg2-e-un-test {
  width: 8.2vw;
 }
 h2.title2-cose-genescreen sup, h2.title-per-chi-genescreen sup, h2.title-scegliete-futuro sup {
  font-size: 1.6vw;
  bottom: 1.8ex;
 }
 p.text1-cose-genescreen {
  width: 39vw;
 }
 h3.text1-come-si-effettua {
  width: 65vw;
 }
 h3.text1-come-si-effettua sup {
  font-size: 1.2vw;
  bottom: 1.5ex;
 }
 .col1-come-genescreen, .col2-perche-genescreen {
  flex: 1 1 50%;
 }
 p.text1-come-genescreen{
  width: 24vw;
 }
 .e-un-test {
  grid-gap: 6vw;
 }
 h3.text1-e-un-test, h2.title-caratteristiche-test {
  width: 41vw;
 }
 p.text2-e-un-test {
  width: 53vw;
 }
 h3.text3-e-un-test {
  width: 48vw;
 }
 h2.title-livelli-approfondimento {
  width: 50vw;
 }
 .livello-approfondimento, .caratteristica-test {
  flex: 0 1 calc((100% / 3) - 2vw);
  padding: 3vw 0 5vw;
 }
 h3.title-livello-approfondimento, h3.title-caratteristica-test{
  font-size: 3.1vw;
  line-height: 3.1vw;
 }
 h3.title-livello-approfondimento, p.text-per-chi-genescreen:not(:last-child) {
  margin-bottom: 2vw;
 }
 p.text-livello-approfondimento, p.text-caratteristica-test, p.text2-patologie-evitabili1, p.text2-patologie-evitabili2, p.text2-patologie-evitabili3, p.text2-patologie-evitabili4 {
  font-size: 1.6vw;
 }
 p.text-caratteristica-test, p.text2-patologie-evitabili1, p.text2-patologie-evitabili2, p.text2-patologie-evitabili3, p.text2-patologie-evitabili4 {
  line-height: 1.8vw;
 }
 .text1-caratteristica-test {
  width: 20vw;
 }
 p.text4-caratteristica-test {
  width: 23vw;
 }
 .grid-per-chi-genescreen {
  background: url("/wp-content/uploads/2022/11/Coppia-900.jpg");
  height: calc(100vw / (900 / 600));
 }
 p.text-per-chi-genescreen{
  width: 51vw;
 }
 p.text-per-chi-genescreen:not(:last-child):after{
  bottom: -1vw;
 }
 p.text-scegliete-futuro {
  width: 38vw;
 }
 .patologie-evitabili1, .patologie-evitabili2, .patologie-evitabili3, .patologie-evitabili4 {
  flex: 0 1 calc((100% - 6vw)/ 3);
  padding: 4vw 0 6vw;
 }
 p.text1-patologie-evitabili {
  width: 18vw;
  height: 11vw;
 }
 p.text2-patologie-evitabili1, p.text2-patologie-evitabili2, p.text2-patologie-evitabili3, p.text2-patologie-evitabili4 {
  width: 16vw;
 }	
}
@media (min-width: 900px) and (max-width: 1400px){
 object.svg-come-genescreen, object.svg-perche-genescreen {
  height: 9vw;
 }
 object.logo-genescreen-consapevoli {
  width: 37vw;
 }
 object.svg-caratteristica-test {
  height: 5vw;
 }
}
@media (max-width: 1099.9px){
 .e-un-test {
  flex-direction: column;
 }
 .grid-livelli-approfondimento, .grid-patologie-evitabili {
  flex-wrap: wrap;
 }
 .patologie-evitabili1::after, .patologie-evitabili2::after, .patologie-evitabili3::after, .patologie-evitabili4::after{
  width: 60%;
 }
}
@media (min-width: 1100px){
 .col1-come-genescreen{
  flex: 1 1 45%;
 }
 .col2-perche-genescreen{
  flex: 1 1 55%;
 }
 object.svg1-e-un-test, object.svg2-e-un-test {
  height: 8vw;
 }
 object.svg2-e-un-test {
  width: 6vw;
 }
 .livelli-approfondimento, .caratteristiche-test{
  padding: 4vw 0;
 }
 .grid-livelli-approfondimento, .grid-caratteristiche-test, .grid-patologie-evitabili{
  grid-gap: 1.5vw;
 }
 .livello-approfondimento, .patologie-evitabili1, .patologie-evitabili2, .patologie-evitabili3, .patologie-evitabili4{
  flex: 1 1 calc(100% / 4);
  padding: 3vw 0 5vw;
 }
 h3.title-livello-approfondimento{
  margin-bottom: 1.5vw;
 }
 button.btn-livelli-approfondimento, button.btn-caratteristiche-test, button.btn-scegliete-futuro{
  margin: 4vw auto 0;
 }
 .patologie-evitabili1::after, .patologie-evitabili2::after, .patologie-evitabili3::after, .patologie-evitabili4::after{
  bottom: 2vw;
 }
}
@media (min-width: 1100px) and (max-width: 1400px){
 h2.subtitle-hero-genoma {
  width: 32vw;
 }
 p.text1-anomalie-dna, p.text2-figlio-portatori, p.text2-consapevoli, p.text1-cose-genescreen, p.text1-come-genescreen, p.text-perche-genescreen, p.text2-e-un-test, p.text-per-chi-genescreen, p.text-scegliete-futuro, p.text1-patologie-evitabili{
  font-size: 1.8vw;
  line-height: 2.2vw;
 }
 p.text1-anomalie-dna{
  width: 50vw;
 }
 h3.text2-anomalie-dna, h3.text1-figlio-portatori, h3.text1-consapevoli, h3.text1-come-si-effettua, h3.text1-e-un-test, h3.text3-e-un-test{
  font-size: 2.6vw;
 }
 h3.text2-anomalie-dna, h3.text1-consapevoli {
  width: 46vw;
 }
 .col2-anomalie-dna {	
  text-align: center;
  align-self: center;
 }
 object.cromosoma-genescreen, h2.title-caratteristiche-test {
  width: 30vw;
 }
 .grid-figlio-portatori {
  background: url("/wp-content/uploads/2022/11/Pancia-1200.jpg");
  height: calc(100vw / (1200 / 492));
 }
 .col1-anomalie-dna {
  flex: 0 1 60%;
 }
 .col2-anomalie-dna {
  flex: 0 1 40%;
 }
 h2.title-figlio-portatori, h2.title-cose-genescreen, h2.title-come-genescreen, h2.title-perche-genescreen, h2.title-livelli-approfondimento, h2.title-caratteristiche-test, h2.title-per-chi-genescreen, h2.title-scegliete-futuro{
  font-size: 4.1vw;
  line-height: 4.1vw;
 }
 p.text2-figlio-portatori, h2.title-per-chi-genescreen{
  width: 35vw;
 }
 p.text2-consapevoli {
  width: 44vw;
 }
 .grid-cose-genescreen {
  background: url("/wp-content/uploads/2022/09/cose-genescreen-1200-giusta.jpg");
  height: calc(100vw / (1200 / 500));
 }
 object.cose-genescreen-svg {
  width: 5.5vw;
 }
 .title2-cose-genescreen sup, h2.title-per-chi-genescreen sup, h2.title-scegliete-futuro sup {
  font-size: 1.3vw;
  bottom: 2ex;
 }
 p.text1-cose-genescreen, p.text-scegliete-futuro {
  width: 33vw;
 }
 h3.text1-come-si-effettua {
  width: 52vw;
 }
 h3.text1-come-si-effettua sup {
  font-size: 1vw;
  bottom: 1.5ex;
 }
 p.text1-come-genescreen {
  width: 21vw;
 }
 p.text-perche-genescreen {
  width: 26vw;
 }
 .col2-e-un-test {
  padding-left: 6vw;
 }
 .livello-approfondimento::after, .caratteristica-test::after{
  bottom: 1.5vw;
 }
 object.svg-livello-approfondimento{ 
  width: 14vw;
 }
 p.text-livello-approfondimento, p.text-caratteristica-test, p.text2-patologie-evitabili1, p.text2-patologie-evitabili2, p.text2-patologie-evitabili3, p.text2-patologie-evitabili4 {
  font-size: 1.4vw;
 }
 h3.title-livello-approfondimento, h3.title-caratteristica-test{
  font-size: 2.5vw;
  line-height: 2.5vw;
 }
 h2.title-livelli-approfondimento{
  width: 40vw;
 }
 p.numero-livello-approfondimento {
  font-size: 1.8vw;
  line-height: 2.2vw;
 }
 .caratteristica-test{
  padding-top: 2.5vw; 
  flex: 0 1 calc((100vw - 16.5vw) / 4);
 }
 p.text-caratteristica-test, p.text2-patologie-evitabili1, p.text2-patologie-evitabili2, p.text2-patologie-evitabili3, p.text2-patologie-evitabili4 {
  line-height: 1.6vw;
 }
 .grid-per-chi-genescreen {
  background: url("/wp-content/uploads/2022/09/img-coppia-gradient-1200.jpg");
  height: calc(100vw / (1200 / 850));
 }
 p.text-per-chi-genescreen {
  width: 44vw;
 }
 p.text-per-chi-genescreen:not(:last-child){
  margin-bottom: 2.5vw;
 }
 p.text-per-chi-genescreen:not(:last-child)::after{
  bottom: -1.4vw;
 }
 p.text1-patologie-evitabili {
  width: 16vw;
  height: 9vw;
 }
 .patologie-evitabili1::after, .patologie-evitabili2::after, .patologie-evitabili3::after, .patologie-evitabili4::after{
  width: 75%;
 }
 p.text2-patologie-evitabili1, p.text2-patologie-evitabili2, p.text2-patologie-evitabili3, p.text2-patologie-evitabili4 {
  width: 18vw;
 }
}
@media (max-width: 1400px){
 .grid-caratteristiche-test {
  flex-wrap: wrap;
 }
}
@media(min-width: 1401px){
  h2.subtitle-hero-genoma {
  width: 33vw;
 }
 .col1-anomalie-dna, .col2-anomalie-dna {
  flex: 0 1 50%;
 }
 p.text1-anomalie-dna, p.text2-figlio-portatori, p.text2-consapevoli, p.text1-cose-genescreen, p.text1-come-genescreen, p.text-perche-genescreen, p.text2-e-un-test, p.numero-livello-approfondimento, p.text-per-chi-genescreen, p.text-scegliete-futuro, p.text1-patologie-evitabili{
  font-size: 1.6vw;
  line-height: 2vw;
 }
 h3.text2-anomalie-dna, h3.text1-figlio-portatori, h3.text1-consapevoli, h3.text1-come-si-effettua, h3.text1-e-un-test, h3.text3-e-un-test{
  font-size: 2.3vw;
 }
 h3.text2-anomalie-dna {
  width: 40vw;
 }
 object.cromosoma-genescreen {
  position: absolute;
  width: 37vw;
  right: 6vw;
  bottom: -4.4vw;
 }
 .grid-figlio-portatori{
  background: url("/wp-content/uploads/2022/11/Pancia-2000.jpg");
  height: calc(100vw / (2000 / 820));
 }
 h2.title-figlio-portatori, h2.title-cose-genescreen, h2.title-come-genescreen, h2.title-perche-genescreen, h2.title-livelli-approfondimento, h2.title-caratteristiche-test, h2.title-per-chi-genescreen, h2.title-scegliete-futuro{
  font-size: 3.9vw;
  line-height: 3.9vw;
 }
 h3.text1-figlio-portatori{
  width: 33vw;
 }
 p.text2-figlio-portatori, h3.text1-e-un-test{
  width: 31vw;
 }
 object.logo-genescreen-consapevoli {
  width: 42vw;
 }
 h3.text1-consapevoli, p.text2-consapevoli, p.text2-e-un-test{
  width: 39vw;
 }
 .grid-cose-genescreen {
  background: url("/wp-content/uploads/2022/09/cose-genescreen-giusta.jpg"), #1E3581;
  height: calc(100vw / (2000 / 700));
 }
 object.cose-genescreen-svg {
  width: 5vw;
 }
 h2.title2-cose-genescreen sup, .title-per-chi-genescreen sup, h2.title-scegliete-futuro sup {
  font-size: 1vw;
  bottom: 2.7ex;
 }
 p.text1-cose-genescreen {
  width: 29vw;
 }
 h3.text1-come-si-effettua sup {
  font-size: 0.8vw;
  bottom: 1.6ex;
 }
 h3.text1-come-si-effettua{
  width: 46vw;
 }
 object.svg-come-genescreen, object.svg-perche-genescreen {
  height: 8vw;
 }
 p.text1-come-genescreen {
  width: 19vw;
 }
 p.text-perche-genescreen {
  width: 23vw;
 }
 h2.title-livelli-approfondimento{
  width: 35vw;
 }
 .livello-approfondimento::after, .caratteristica-test::after{
  bottom: 1vw;
 }
  object.svg-livello-approfondimento  {
  width: 13vw;
 }
 h3.title-livello-approfondimento, h3.title-caratteristica-test {
  font-size: 2.1vw;
  line-height: 2.1vw;
 }
 p.text-livello-approfondimento, p.text-caratteristica-test, p.text2-patologie-evitabili1, p.text2-patologie-evitabili2, p.text2-patologie-evitabili3, p.text2-patologie-evitabili4{
  font-size: 1.05vw;
 }
 h2.title-caratteristiche-test {
  width: 28vw;
 }
 .caratteristica-test {
  flex: 1 1 calc(100% / 5) ;
  padding-top: 2vw;
 }
 h3.title-caratteristica-test {
  margin-bottom: 1.5vw;
 }
 object.svg-caratteristica-test {
  height: 4vw;
 }
 p.text-caratteristica-test, p.text2-patologie-evitabili1, p.text2-patologie-evitabili2, p.text2-patologie-evitabili3, p.text2-patologie-evitabili4 {
  line-height: 1.2vw;
 }
 p.text1-caratteristica-test, p.text2-caratteristica-test, p.text4-caratteristica-test, p.text5-caratteristica-test  {
  width: 12vw;
 }
 p.text3-caratteristica-test {
  width: 10vw;
 }
 .grid-per-chi-genescreen {
  background: url("/wp-content/uploads/2022/09/Indicato-genescreen-2000.jpg");
  height: calc(100vw / (2000 / 1250));
 }
 p.text-per-chi-genescreen{
  width: 38.5vw;
 }
 p.text-per-chi-genescreen:not(:last-child){
  margin-bottom: 2vw;
 }
 p.text-per-chi-genescreen:not(:last-child):after{
  bottom: -1vw;
 }
 h2.title-per-chi-genescreen {
  width: 34vw;
 }
 p.text-scegliete-futuro {
  width: 29vw;
 }
 .patologie-evitabili1::after, .patologie-evitabili2::after, .patologie-evitabili3::after, .patologie-evitabili4::after{
  width: 65%;
 }
 p.text1-patologie-evitabili, p.text2-patologie-evitabili1, p.text2-patologie-evitabili2, p.text2-patologie-evitabili3, p.text2-patologie-evitabili4 {
  width: 14vw;
 }
 p.text1-patologie-evitabili {
  height: 8vw;
 }
}