/*=======================================
	insert your custom css rules here
=======================================*/
body{
  background-color:#ffdfdf;
}

img.img-logo{
  width:50%;
}

header{
  height:80vh;
  background-position:center;
  position: relative;
  color: white; /* per contrasto */
  z-index: 1;
}

header::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(255,255, 255, 0.4); /* nero 40% trasparente */
  z-index: 0;
}

header > * {
  position: relative;
  z-index: 1; /* porta il contenuto sopra il layer */
}

header h1, header p{
  color:#000;
  font-weight:bold !important;
}

header.p_4{
  height:50vh;
  background-position:center;
}

#features .container{
  width:100% !important;
  max-width:100%;
  padding:0 !important;
}

.block.block2.p_1, .block.block3.p_1{
  width:100%;
  margin:0;
}

.block.block3.p_1 h3{
  text-align:center;
}

.block.block3.p_1 .row{
  width:80%;
  margin: 0 auto;
}

.block.block3.p_1 img{
  width:80%;
  margin:0.5em auto;
}

.block.block3.p_1 p{
  color:#000;
  font-size:1em;
}

.block.block3.p_1 h5{
  color:#000;
}

.block.block1.p_1, .block.block2.p_1,.block.block3.p_1,.block.block1.p_5, .block.block1.p_6{
  padding: 1em 4em;
}

.block.block1.p_1 h2,.block.block1.p_5 h2,.block.block1.p_6 h2,.block.block2.p_1 h2{
  /*font-family: "Sour Gummy", sans-serif;*/
  font-family:"Leckerli One", cursive;
  font-size:2.3em;
  color:#b20000;
}

.block.block1.p_1 img{
  margin: 3em 0;
}

.block.block1.p_6 img{
  width:50px;
}

.address a{
  width:45%;
}

.address a.fb{
  text-align:right;
}

p{
  font-size:1.4em;
  font-family: "Montserrat", sans-serif;
}

.navbar a{
  color:#b20000;
  font-size:1.3em;
}

.navbar a:hover{
  color:#ff5454;
}

.navbar a:visited{
  color:#b20000;
}

.blog_content p, .blog_content li{
  font-size:1.2em;
}

.blog_content img{
  width:100%;
}

.block1.p_5 img{
  width:50%;
}

@media (max-width: 980px) {
  .block {
    margin:0!important;
  }
}

@media (max-width:531px){
 .address a{
   width:100%;
   text-align:center !important;
  }
}

@media (max-width: 991px) {
  
  .block.block3.p_1 .row{
  width:100%;
}
  .block.block3.p_1{
    padding:1em;
  }
img.img-logo{
  width:80%;
}
  
  p{
    font-size:1.2em;
  }
}