@charset "utf-8";

#contentor_panning {
  position:relative;
  width:100vw;
  height:100vh;
  overflow:hidden;
}

#overflow_panning {
  width:5618px;
  height:3343px;
  position:absolute;
  margin:0;

}

/*////////////////////// RESPONSIVO //////////////////////*/

@media all and (max-width:480px) and (orientation:portrait) {
  #contentor_panning {
    overflow-x:scroll;
    overflow-y:scroll;
  }
  #overflow_panning {
    width:2809px;
    height:1672px;
  }
}

@media all and (max-width:480px) and (orientation:landscape) {
  #contentor_panning {
    overflow-x:scroll;
    overflow-y:scroll;
  }
  #overflow_panning {
    width:2809px;
    height:1672px;
  }
}

@media all and (min-width:481px) and (max-width:768px) and (orientation:portrait) {
  #contentor_panning {
    overflow-x:scroll;
    overflow-y:scroll;
  }
  #overflow_panning {
    width:3933px;
    height:2340px;
  }
}

@media all and (min-width:481px) and (max-width:768px) and (orientation:landscape) {
  #contentor_panning {
    overflow-x:scroll;
    overflow-y:scroll;
  }
  #overflow_panning {
    width:3933px;
    height:2340px;
  }
}

@media all and (min-width:769px) and (max-width:959px) and (orientation:portrait) {
  #contentor_panning {
    overflow-x:scroll;
    overflow-y:scroll;
  }
  #overflow_panning {
    width:3933px;
    height:2340px;
  }

}

@media all and (min-width:769px) and (max-width:959px) and (orientation:landscape) {
  #contentor_panning {
    overflow-x:scroll;
    overflow-y:scroll;
  }
  #overflow_panning {
    width:4494px;
    height:2675px;
  }

}