#main {
  height: 100vh;
  width: 100vw;
}

#index .box {
  width: calc(50vw - 4px);
  cursor: pointer;
  border: 3px dotted #cfcfcf;
}

#index .box:hover {
  background-color: #f8f9fa;
}

#index .box #prm_logo {
  height: 120px;
  padding-top: 25px !important;
  padding-bottom: 35px !important;
}

#index .box #polaris_logo {
  height: 120px;
  padding-top: 0px !important;
  padding-bottom: 5px !important;
}

#index .box #perfect_logo {
  height: 120px;
  padding-top: 15px !important;
  padding-bottom: 20px !important;
}

#index .box #polaris_marketing_logo {
  height: 120px;
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

@media (max-width: 1199.98px) {
  #main {
    height: unset;
    width: unset;
  }
  #index .box {
    height: unset;
    width: unset;
  }
  #index .box #prm_logo {
    height: 110px;
    padding-top: 25px !important;
    padding-bottom: 35px !important;
    margin-top: 5px !important;
  }
  #index .box #polaris_logo {
    height: 110px;
    padding-top: 0px !important;
    padding-bottom: 5px !important;
    margin-top: 5px !important;
  }
  #index .box #perfect_logo {
    height: 110px;
    padding-top: 5px !important;
    padding-bottom: 20px !important;
    margin-top: 10px !important;
  }
  #index .box #polaris_marketing_logo {
    height: 110px;
    padding-top: 10px !important;
    padding-bottom: 20px !important;
    margin-top: 10px !important;
  }
}

@media (max-width: 767.98px) {
  #index .box #prm_logo {
    height: 100px;
    padding-top: 25px !important;
    padding-bottom: 35px !important;
    margin-top: 5px !important;
  }
  #index .box #polaris_logo {
    height: 100px;
    padding-top: 0px !important;
    padding-bottom: 5px !important;
    margin-top: 5px !important;
  }
  #index .box #perfect_logo {
    height: 100px;
    padding-top: 5px !important;
    padding-bottom: 20px !important;
    margin-top: 10px !important;
  }
  #index .box #polaris_marketing_logo {
    height: 100px;
    padding-top: 10px !important;
    padding-bottom: 20px !important;
    margin-top: 10px !important;
  }
}

@media (max-width: 575.98px) {
  #index .box {
    height: unset;
    width: unset;
  }
  #index .box #prm_logo {
    height: 100px;
    padding-top: 35px !important;
    padding-bottom: 35px !important;
  }
  #index .box #polaris_logo {
    height: 100px;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
  #index .box #perfect_logo {
    height: 100px;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  #index .box #polaris_marketing_logo {
    height: 100px;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
}