#Top_bar.is-sticky{height: 102px!important;}
.edited-h5{margin: 20px 0 0; font-weight: 600; font-size: 16pt;}
.Subheader-edit{background-color: #ff4141!important;}

.show-small{display: none;}
@media only screen and (max-width: 40em) { 
    .hide-small{display: none;}
    .show-small{display: block;}
}


@media screen and (max-width: 39.9375em) {
  .hide-for-small-only {
    display: none !important; } }

@media screen and (max-width: 0em), screen and (min-width: 40em) {
  .show-for-small-only {
    display: none !important; } }

@media print, screen and (min-width: 40em) {
  .hide-for-medium {
    display: none !important; } }

@media screen and (max-width: 39.9375em) {
  .show-for-medium {
    display: none !important; } }

@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  .hide-for-medium-only {
    display: none !important; } }

@media screen and (max-width: 39.9375em), screen and (min-width: 64em) {
  .show-for-medium-only {
    display: none !important; } }

@media print, screen and (min-width: 64em) {
  .hide-for-large {
    display: none !important; } }

@media screen and (max-width: 63.9375em) {
  .show-for-large {
    display: none !important; } }

@media screen and (min-width: 64em) and (max-width: 74.9375em) {
  .hide-for-large-only {
    display: none !important; } }

@media screen and (max-width: 63.9375em), screen and (min-width: 75em) {
  .show-for-large-only {
    display: none !important; } }



/* ----------------------- Pop UP ----------------------*/
@media (min-width: 480px) { 

    /* Modal Content */
    .modal-content-custom {
      background-color: #fefefe;
      margin: auto;
      padding: 10px;
      border: 1px solid #888;
      border-radius: 10px;
      width: 90%;
    }

    .modal-custom {
      display: none;
      position: fixed;
      z-index: 9999;
      padding-top: 100px;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      overflow: auto;
      background-color: rgb(0,0,0);
      background-color: rgba(0,0,0,0.4); 
    }

    .modal-content-custom img {
      display: block;
      width: 100%;
      margin: 10px 0 0;
    }

    /* The Close Button */
    .close-custom {
      color: #aaaaaa;
      float: right;
      font-size: 28px;
      font-weight: bold;
    }

    .close-custom:hover,
    .close-custom:focus {
      color: #000;
      text-decoration: none;
      cursor: pointer;
    }


    
}





/* Telefones em paisagem a tablet em retrato */

@media (max-width: 767px) {

    /* Modal Content */
    .modal-content-custom {
      background-color: #fefefe;
      margin: auto;
      padding: 10px;
      border: 1px solid #888;
      border-radius: 10px;
      width: 85%;
    }


    .modal-custom {
      display: none;
      position: fixed;
      z-index: 9999;
      padding-top: 100px;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      overflow: auto;
      background-color: rgb(0,0,0);
      background-color: rgba(0,0,0,0.4); 
    }

    .modal-content-custom img {
      display: block;
      width: 100%;
      margin: 10px 0 0;
    }

    /* The Close Button */
    .close-custom {
      color: #aaaaaa;
      float: right;
      font-size: 28px;
      font-weight: bold;
    }

    .close-custom:hover,
    .close-custom:focus {
      color: #000;
      text-decoration: none;
      cursor: pointer;
    }

   

}



/* Tablet em retrato a paisagem e desktop */

@media (min-width: 768px) and (max-width: 1024px) {

    /* Modal Content */
    .modal-content-custom {
      background-color: #fefefe;
      margin: auto;
      padding: 10px;
      border: 1px solid #888;
      border-radius: 10px;
      width: 60%;
    }

    .modal-custom {
      display: none;
      position: fixed;
      z-index: 9999;
      padding-top: 100px;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      overflow: auto;
      background-color: rgb(0,0,0);
      background-color: rgba(0,0,0,0.4); 
    }

    .modal-content-custom img {
      display: block;
      width: 100%;
      margin: 10px 0 0;
    }

    /* The Close Button */
    .close-custom {
      color: #aaaaaa;
      float: right;
      font-size: 28px;
      font-weight: bold;
    }

    .close-custom:hover,
    .close-custom:focus {
      color: #000;
      text-decoration: none;
      cursor: pointer;
    }



}



/* Desktop grande */

@media (min-width: 1025px) {

      /* Modal Content */
    .modal-content-custom {
      background-color: #fefefe;
      margin: auto;
      padding: 10px;
      border: 1px solid #888;
      border-radius: 10px;
      width: 40%;
    }

    .modal-custom {
      display: none;
      position: fixed;
      z-index: 9999;
      padding-top: 50px;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      overflow: auto;
      background-color: rgb(0,0,0);
      background-color: rgba(0,0,0,0.4); 
    }

    .modal-content-custom img {
      display: block;
      width: 100%;
      margin: 10px 0 0;
    }

    /* The Close Button */
    .close-custom {
      color: #aaaaaa;
      float: right;
      font-size: 28px;
      font-weight: bold;
    }

    .close-custom:hover,
    .close-custom:focus {
      color: #000;
      text-decoration: none;
      cursor: pointer;
    }



}