body{
font-family: futura-pt, sans-serif;
/*font-family: 'Nunito Sans', sans-serif;*/
color: black;
}
p{
/*font-size: 1.1vw;*/
font-size: 28px;
line-height: 1.4;
}
h1{
font-size: 2vw;
font-family: futura-pt, sans-serif;
font-weight: 700;
font-style: normal;
}
h2{
font-size: 4vw;
font-family: futura-pt, sans-serif;
font-weight: 300;
font-style: italic;
text-align: center;
/*color: #c1272d;*/
color: #fbb03b;
}
h3{
font-size: 4vw;
font-family: futura-pt, sans-serif;
font-weight: 300;
font-style: italic;
text-align: center;
text-decoration: underline;
padding-bottom: 40px;
}
#parallax{
	pointer-events: auto !important;
}
.curated{
font-style: italic;
}
.date{
font-size: 17.92px ;
}
.navbar-nav{
font-size: 1vw;
color: black;
font-weight: 700;
font-style: normal;
}
.nav-link{
color: black;
}
.navbar-light .navbar-nav .nav-link {
color: black;
}
#parallax .layer{
position: absolute;
display: block;
left: 0px;
top: 0px;
transform: translate3d(0px, 0px, 0px);
transform-style: preserve-3d;
backface-visibility: hidden;
}
#parallax{
height: 100vh;
}
.formes-wrapper {
position: absolute;
width: 100vw;
height: 100vh;
z-index: 2;
}
.hero{
height: 100vh;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
}
.hero p{
padding-left: 10px;
}
.banner .hero{
max-height: 88vh;
}
.banner{
margin-bottom: -53px;
display: flex;
align-items: center;
justify-content: center;
}
.progetto{
padding-bottom: 100px;
text-align: left;
    overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
}
.btn{
padding: 30px;
border-radius: 53px;
}
.btn-dark {
color: #000;
background-color: transparent;
border-color: #212529;
border-width: thick;
}
.shape-1 {top:50px!important;width: 150px;left:40%!important;}
.shape-2 {top:25vh!important;width:200px;left:20%!important;}
.shape-3{top:60vh!important;width:75px;left:10%!important;}
.shape-4 {top:70vh!important;width:150px;left:30%!important;}
.shape-5 {top:70px!important;width: 250px;right:30%!important;left:inherit!important;}
.shape-6 {top:20vh!important;width:175px;right:15%!important;left:inherit!important;}
.shape-7 {top: 39vh!important;width: 125px;right: 28%!important;left: inherit!important;}
.shape-71 {top: 39vh!important;width: 88px;left: 30%!important;}
.shape-8 {top:65vh!important;width:150px;right:25%!important;left:inherit!important;}

@media only screen and (max-width:768px) {
.shape-1 {visibility: hidden;}
.shape-2 {top:20vh!important;width:100px;left:8%!important;}
.shape-3{top:60vh!important;width:75px;left:5%!important;}
.shape-4 {visibility: hidden;}
.shape-5 {top:20px!important;width: 100px;right:30%!important;left:inherit!important;}
.shape-6 {top:20vh!important;width:75px;right:5%!important;left:inherit!important;}
.shape-7 {top: 37vh!important;width: 56px;right: 4%!important;left: inherit!important;}
.shape-71 {top: 21vh!important;width: 70px;left: 40%!important;}
.shape-8 {top:70vh!important;width:150px;right:10%!important;left:inherit!important;}
h1{font-size: 6vw;}
p{font-size: 5vw;}
h3{font-size: 8vw;}
.navbar-nav{font-size: 5vw;}
}
.Marquee {
width: 100vw;
height: 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 1em;
color: #000;
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: box;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-o-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
overflow: hidden;
}
.Marquee-content {
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: box;
display: flex;
-webkit-animation: marquee 40s linear infinite running;
-moz-animation: marquee 40s linear infinite running;
-o-animation: marquee 40s linear infinite running;
-ms-animation: marquee 40s linear infinite running;
animation: marquee 40s linear infinite running;
}
.Marquee-tag {
padding: 5px;
font-size: 40px;
font-weight: 500;
letter-spacing: 10px;
text-transform: lowercase;
display: -webkit-inline-box;
display: -moz-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-box;
display: inline-flex;
-webkit-box-align: center;
-moz-box-align: center;
-o-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: center;
-moz-box-pack: center;
-o-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;
}
@-moz-keyframes marquee {
0% {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-o-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
-webkit-transform: translate(-50%);
-moz-transform: translate(-50%);
-o-transform: translate(-50%);
-ms-transform: translate(-50%);
transform: translate(-50%);
}
}
@-webkit-keyframes marquee {
0% {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-o-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
-webkit-transform: translate(-50%);
-moz-transform: translate(-50%);
-o-transform: translate(-50%);
-ms-transform: translate(-50%);
transform: translate(-50%);
}
}
@-o-keyframes marquee {
0% {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-o-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
-webkit-transform: translate(-50%);
-moz-transform: translate(-50%);
-o-transform: translate(-50%);
-ms-transform: translate(-50%);
transform: translate(-50%);
}
}
@keyframes marquee {
0% {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-o-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
-webkit-transform: translate(-50%);
-moz-transform: translate(-50%);
-o-transform: translate(-50%);
-ms-transform: translate(-50%);
transform: translate(-50%);
}
}
.pd{
padding-top: 100px;
padding-bottom: 100px;
}


.cells:before {
    content: '';
    position: relative;
    border-top: 4px solid #000;
    width: 100vw;
    top: 0;
}


.modal-dialog {
      max-width: 800px;
      margin: 30px auto;
  }

.modal-body {
  position:relative;
  padding:0px;
}
.btn-close {
  position:absolute;
  right:-30px;
  top:0;
}