.breakpoint{ 
  @media only screen and (min-width:768px) min-height: 100px;
 }

.col50{ 
  width: 50%;
 }

.safearea{ 
  padding-bottom: env(safe-area-inset-bottom);
  padding-top: calc(env(safe-area-inset-top) + 65px) !important;
 }

.fullheight{ 
  height: 100%;
 }

.breakpointresize{ 
  height: 80vh !important;
 }

.overlay{ 
  position: absolute;
  left: 0;
  right: 0;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
 }

.scrollcontain{ 
  overscroll-behavior: contain !important;;
 }

.resizetextclass{ 
 }

.orderupsizetextclass{ 
 }

.orderreducetextclass{ 
 }

.68vh{ 
  height: 68vh !important;
 }

.boxshadow{ 
  box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 1px -1px;
 }