/*!
 * Start Bootstrap - Full Slider (https://startbootstrap.com/template-overviews/full-slider)
 * Copyright 2013-2017 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-full-slider/blob/master/LICENSE)
 */

* {


    font-family: 'Fjalla One', sans-serif;


}
.carousel-item {
  height: 100vh;
  min-height: 300px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

header {
    width: 80vw;
    margin-left: 20vw;
position:relative;
}

#content {
background-color:rgba(255,255,255,0.9);
position:fixed;
width:20vw;
height:100vh;
left: 0;
top: 0;
text-align: left;
display:flex;
flex-direction:column;
justify-content:space-around;
padding-left:50px;
padding-right:50px;
z-index: 100;
}

#content img {
max-width:40%;
height:auto;
margin-top:5%;
margin-bottom:5%;
}

#logo {
margin-top:5%;
margin-bottom:5%;
}

#prodotto {
width:70%;
}

#brochure img {
max-width:230px;
}

#language {
display:inline-block;
position:absolute;
top: 50px;
right: 50px;
z-index: 50;
color:#fff;
mix-blend-mode: difference;
z-index: 10000;
}

#language a {
text-decoration:none;
color:#fff;
mix-blend-mode: difference;
}

a {
color:#000;
text-decoration:underline;
}

a:hover {
color:#000;
text-decoration:none;
}

.social {
font-size: 1.5rem;
margin-right:10px;
}

.spec {
margin-right:20px;
}

#claim {

font-size:1.2rem;
letter-spacing: 0.6px;

}



@media (max-width: 1500px) { 



@media (max-width: 1140px) { 

#claim {


}



 }

@media (max-width: 768px) { 
#content {
width:100vw;
height: 100%;
}
#claim {
max-width: 90%;
font-size: 1.15rem;
position:relative;
padding-top:20px;
}

#claim div {
margin-top:0;
font-size: 1.15rem;

}

header {
    width: 100vw;
    margin-left: 0;
position:relative;
}

#language {
top: 10px;
right: 10px;
}


#content div {

    margin-top: 27px;

}

.carousel-item {
  height: 50vh;
}
#content {
position:relative;
}
 }