/* from -md- brakpoint */
@media screen and (min-width: 768px) {


}

@media screen (min-width: 851px) {
    .site-footer__top .region {
        width: 100%;

    }
}

/* from -lg- brakpoint */
@media screen and (min-width: 992px) {


  h1{
    font-size: 2.4rem;
  }

  h2{
    font-size: 2.0rem;
  }

  h3{
    font-size: 1.3rem;
  }

  h4{
    font-size: 1.2rem;
  }


  .container-xxxl {
    padding: 0 1.5rem;
  }


  .block-system-breadcrumb-block nav{
    top: 1rem;
    padding: 1.5rem;
  }

  .home_header{
    padding: 1.5rem;
    padding-top: 7.5rem;
  }

  /* Homepage video */

  .headervideo_content{
    position: absolute;
    background-color: rgba(255, 255, 255, 0.66);
    bottom: 7px;
    left: 0;
    color: var(--black);
    padding: 1rem;
    border-radius: 0;
    height: 90%;
    top: 5%;
    left: 5%;
    border-radius: var(--borderradius_large);
    margin: 0;
    border-radius: 0;
  }

  .headervideo_content h2{
      font-size: 2.6rem;
      color: var(--blue_dark);
  }

  .headervideo_content h3{
      font-size: 1.2rem;
      font-family: var(--body-font);
      margin-bottom: 1rem;
  }



  /* Node preview images */
  .node--view-mode-home-preview .field_cover_image,
  .node--view-mode-teaser .structure_header_image .field--name-field-cover-image{
    border-radius:var(--borderradius_large);
    overflow: hidden;
    width: 10vw;
    height: 10vw;
  }


  /* Areas */
  .area_header .fbf_logo{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: -3rem;
  }

  .area_header .fbf_logo svg{
    border: 1px solid var(--white);
    width: 14vw;
    height: 14vw;
    border-radius: 14vw;
    padding: 4vh;
    margin: 3vh;
    fill: var(--white);
  }


  /* paragraph history */

  .history-item{
    display: flex;
    margin-top: 2rem;
    margin-bottom: 2rem;
    align-items: center;
  }

  .history-item_content{
    max-width: 80%;
  }

  .history-item.odd{
    flex-direction: row;
    margin-left: calc(50% - 2rem);
  }

  .history-item.odd .history-item_content{
    margin-left: 1rem;
    text-align: left;
  }

  .history-item.even{
    flex-direction: row-reverse;
    margin-right: calc(50% - 2rem);
  }

  .history-item.even .history-item_content{
    margin-right: 1rem;
    text-align: right;
  }

  .history-line {
    position: absolute;
    left: calc(50% - 1px);
    top: 2rem;
    width: 2px;
    height: calc(100% - 4rem);
  }

  .history-item_marker{
    position: relative;
    left: 0;
    display: block;
    width: 4rem !important;
    height: 4rem !important;
    border-radius: 4rem;
    background-color: var(--blue);
    border: 4px solid var(--white);
  }

  .history-item_year{
    font-family: var(--serif);
    color: var(--blue_dark);
    font-size: 2rem;
  }

  .home_header.image50 {
    background-color: var(--blue_light);
    padding: 0rem;
    padding-top: 0rem;
    margin: 0 var(--negativeMarginX);
    margin-bottom: 5rem;
}

  .home_header.image50 .page_header_text{
    padding: 1.5rem;
    padding-top: 7.5rem;
  }


  /* strutture */
  .info_items{
    margin-top: 0rem;
    border-left: 1px solid var(--gray_dark);
    padding-left: 1.5rem;
  }

}

/* from -iPadPro- brakpoint */
@media screen and (min-width: 1024px) {

  .offcanvas.offcanvas-end {
    width: 40%;
    min-width: 400px;
  }



}

/* from -xl- brakpoint */
@media screen and (min-width: 1200px) {

  h1{
    font-size: 2.8rem;
  }

  h2{
    font-size: 2.2rem;
  }

  h3{
    font-size: 1.5rem;
  }

  h4{
    font-size: 1.2rem;
  }

  .views-exposed-form.bef-exposed-form .d-flex.flex-wrap .js-form-item{
    margin-right: 1rem;
    min-width: 20%;
  }

  #header{
      height: 150px;
  }

  #navbar-main{
    padding: 1rem;
    align-items: flex-end;
  }


  .navbar-brand img{
    height: 100px;
    width: 128px;
  }


  .headervideo_content{
    height: 70%;
    top: 15%;
    left: 5%;
    border-radius: var(--borderradius_large);
  }

  .home_header_textoverlay,
  .centroformazione_header_textoverlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    background: rgba(0, 0, 0, 10.05);
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.35) 50%, rgba(0, 0, 0, 0) 100%);
    border-radius: 0;
    padding: 0;
  }

  .home_header_textoverlay_inner,
  .centroformazione_header_textoverlay_inner{
    position: absolute;
    bottom: 10%;
    left: 5%;
    width: 90%;
    margin: 0;
    max-width: 1000px;
    color: var(--white);
  }

  .home_header_textoverlay_inner h1,
  .home_header_textoverlay_inner h2,
  .home_header_textoverlay_inner h3 {
      color: var(--white);
  }


  .home_header_textoverlay_inner h1 {
    font-size: 1.2rem;
    text-transform: uppercase;
    font-family: var(--sans-serif);
    margin-bottom: 1.5rem;
  }

  .home_header_textoverlay_inner h2{
    font-size: 2.8rem;
    margin-bottom: 1.5rem;
  }

  .has_subtitle .home_header h1.page_title{
    font-size: 1.3rem;
    color: var(--blue);
    text-transform: uppercase;
    font-family: var(--sans-serif);
  }

  .has_subtitle .home_header h2.page_subtitle{
      font-size: 3.2rem;
      margin-bottom: 1.5rem;
  }


}

/* from -xxl- brakpoint */
@media screen and (min-width: 1400px) {

  .region-top-header {
      width: 50%;
  }

  .home_header_textoverlay_inner h2{
    font-size: 3.2rem;
    margin-bottom: 1.5rem;
  }

}

@media screen and (min-width: 1600px) {

  .container-xxxl {
    padding: 0 0rem;
  }


  .headervideo_content{
    height: 60%;
    top: 20%;
    left: 5%;
    border-radius: var(--borderradius_large);
  }

}