/* HOME PAGE CSS */
#homeslide {
  position: relative;
  background-image: url('/assets/img/home/abstract_purple.jpg');
  background-size: 100% 100%;
  width: 100vw;
  height: 46.5vw;
  max-width: 1200px;
}
#logo {
  position: absolute;
  top: 48%;
  left: 6%;
  width: 48%;
  transform: translateY(-50%);
}
#homeslide p {
  position: absolute;
  bottom: 12%;
  left: 5%;
  font-size: 1.9vw;
  max-width: 45%;
  background-color: #DDDDDD;
  box-shadow: 0 0 2px black;
  #border-radius: 3px 3px 3px 3px;
  box-sizing: border-box;
  padding-left: 5px;
}
#homeinfo {
  padding: 20px;
  column-count: 2;
  column-gap: 40px;
  column-rule: 1px solid #a19fa0;
}
#homeinfo p:first-child {
  margin-top: 0px;
}

@media (max-width: 767px) {
  #homeinfo {
    column-count: 1;
  }
}

@media (max-width: 1000px) {
  #homeslide {
    background-image: url('/assets/img/home/abstract_purple_mobile.jpg');
  }
}

@media (min-width: 1200px) {
  #homeslide {
    width: 1200px;
    height: 558px;
  }
  #homeslide p {
    font-size: 22.8px;
    font-weight: bolder;
  }
}