/*
* 1600
*/
@media screen and (max-width: 1600px) {

  #main-ref{
    max-width: 80%;
  }

}


/*
* 1440
*/
@media screen and (max-width: 1440px) {

  .layout-inner {
    gap: 1em;
  }

  #main-ref {
    max-width: 90%;
  }

}

/*
* 1200
*/
@media screen and (max-width: 1200px) {
  
  .layout-left{
    width: 400px;
  }

  .layout-right{
    width: calc(100% - 400px);
  }

  #banner-2{
    display: none;
  }

}

/*
* 1100
*/
@media screen and (max-width: 1100px) {
  
}

@media screen and (max-width: 800px) and (orientation: portrait) {

  .layout-inner {
    display: flex;
    width: 100%;
    height: 100vh;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center;
  }

  .layout-left{
    width: 100%;
    justify-content: center;
  }

  .layout-right{
    width: 100%;
    justify-content: center;
  }

  .side-banner{
    width: 100vw;
    height: 200px;
  }

  .view-cover .views-field-title h1 {
    margin: 0.5em auto;
    font-size: 54px;
    line-height: 1.2em;
  }

}

/*
* 1000
*/
@media screen and (max-width: 1000px) {
  
}

/*
* 975
*/
@media screen and (max-width: 975px) {

  #banner-2{
    display: flex;
  }

  #main-menu{
    display: none;
  }

  #logo{
    display: none;    
  }

  #main-logo {
    aspect-ratio: unset;
    margin: 1em auto;
  }

  #mobile-menu-open{
    display: inline-block;
  }

  #footer-mobile-wrapper{
    display: inline-block;
  }

  #footer{
    display: none;
  }

  .layout-inner {
    display: flex;
    width: 100%;
    height: unset;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center;
  }

  .layout-left{
    order: 2;
    width: 100%;
    justify-content: center;
    align-items: center;
    position: relative;
    flex-direction: column;
  }

  .layout-right{
    order: 1;
    width: 100%;
    justify-content: center;
  }

  .side-banner{
    width: 100vw;
    height: 200px;
  }

  .splide__list{
    flex-direction: row;
  }

  .side-banner-item{
    /*
    width: 200px;
    height: 200px;
    */
  }

  .side-banner-item a{

  }

  .side-banner-item a img{
    width: 200px;
    height: 200px;
  }

  #logo{
    left: calc(50% - 30px);
  }

  #main-menu ul.menu li a {
    padding: 0px 10px;
    letter-spacing: 0px;
    font-size: 20px;
  } 

  .node--type-referencia .node__content em{
    display: block;
    width: 100%;
    text-indent: -9999px;
    line-height: 0;
    margin: 0;
    height: 0;
  }

  :root {
    --device-base: 0.4em;
  }

  .f-2 {
    margin: 2% 2%;
    width: calc(100% - 4% - (4 * var(--device-base)));
  }

  #main-ref{
    margin: 1em auto;
  }

  .toolbar-vertical .gin-secondary-toolbar{
    display: none;
  }

}

/*
* 800
*/
@media screen and (max-width: 800px) {
  
  .view-cover .views-field-title h1 {
    margin: 0.5em auto;
    font-size: 48px;
    line-height: 1.2em;
  }

  .view-referenciak .views-row{
    width: calc(100% / 2 - 10px);
  }

}

/*
* 767
*/
@media screen and (max-width: 767px) {
  
}

/*
* 600
*/
@media screen and (max-width: 600px) {

  .view-cover .views-field-title h1 {
    margin: 0.5em auto;
    font-size: 40px;
    line-height: 1.2em;
  }

  :root {
    --device-base: 0.2em;
  }

  .view-cover .views-field-title {
    max-width: 100%;
    margin: 0;
  }

  .wp-block-gallery figure{
    width: calc(100% / 2 - 10px);
  }  

}

/*
* 480
*/
@media screen and (max-width: 480px) {
  
  .view-cover .views-field-title h1 {
    margin: 0.5em auto;
    font-size: 32px;
    line-height: 1.2em;
  }

  .view-referenciak .views-row{
    width: calc(100%);
    max-width: 250px;
  }

  .view-referenciak .view-content {
    gap: 20px;
  }

}

/*
* 320
*/
@media screen and (max-width: 320px) {
  
}