@charset "UTF-8";

.procon-box { display: flex; flex-direction: column; }
.pro-box,
.con-box{
  flex: 1;
  background-color: #f1e6b2;
  border: 1px solid #54585A;
  box-shadow: 2px 2px 3px;
  padding: 1em;
}

.pro-box{
background-color: #f1e6b2;
}
.con-box{
background-color: #e4e2e3;
}
.pro-box,
.con-box { margin-top: 2em; }

th, td { vertical-align: middle !important; }
tbody th,
tbody td { background-color: #FFF !important; }
#contact th { text-align: center; }
th h4 { margin: 0; }
#show-chat,
#show-text,
#show-call { color: #C8102E; cursor: pointer; }
#chat-full span,
#text-full span,
#call-full span { padding-left: 2em; }

h3 span { display: block; color: #54585A; font-size: 0.75em; }

@media all and (max-width: 585px) {
    #uhgo-screenshot { width: 100%; }
}

@media all and (max-wdith: 991px) {
   #uhgo-screenshot { width: 50%;}
}

@media all and (max-wdith: 1279px) {
  #uhgo-screenshot { width: 33.33333333%; }
}

@media all and (max-wdith: 2000px) {
  #uhgo-screenshot {
    width: 25% !important;
  }
}

@media all and (min-width: 1020px) {
  .procon-box { flex-direction: row; }

  .pro-box { margin: 0 2em; }
  .con-box { margin: 0 2em 0 0; }
  #staff-box { margin: 0; }
}