/* from -md- brakpoint */

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

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

  /* NAVBAR MENU */
  #navbar-main .offcanvas-body {
        display: flex;
        justify-content: flex-end;
    }

}

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

  /*******************
   paragraph block
   *******************/
  .paragraph--type--block.border_orange .text-formatted.field--name-body.field__item {
    max-width: 35%;
  }

  .paragraph--type--block.border_orange .text-formatted.field--name-body.field__item strong {
    font-size: 2.5rem;
    line-height: 2rem;
    margin-bottom: 1.5rem;
    font-weight: 500;
  }

}

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

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