@media screen and (min-width:125em) {
.container_logo { 							/* Logo-Container for all sites except for "Home" */
  width: 200px;  
  height: 4.8rem;
  left: 0;
  z-index: 5;
}

#scrolled {
  position: fixed;
  top: 0;
}

#unscrolled {
  position: absolute;
  top: 57px;
}

.logo { 									/* Logo for all sites except for "Home" */
  background-image: var(--no_ai-image);
  background-size: cover;
  width: 100px;
  height: 100px;
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  top: 7%;   
}

.container_logo_home { 							/* Logo-Container for "Home" */
  width: 200px;  
  height: 4.8rem;
  left: 0;
  z-index: 6;
}

#scrolled_home {
  position: fixed;
  top: 0;
}

#unscrolled_home {
  position: absolute;
  top: 57px;
}

.logo_home { 									/* Logo for "Home" */
  background-image: url('../img/human_2_darkmode.png');
  background-size: cover;
  width: 100px;
  height: 100px;
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  top: 7%;   
}
}

@media screen and (min-width:100em) and (max-width:124.99em){
.container_logo { 							/* Logo-Container for all sites except for "Home" */
  width: 200px;
  height: 4.8rem;  
  left: 0;
  z-index: 5;
}

#scrolled {
  position: fixed;
  top: 0;
}

#unscrolled {
  position: absolute;
  top: 52px;
}

.logo { 									/* Logo for all sites except for "Home" */
  background-image: var(--no_ai-image);
  background-size: cover;
  width: 90px;
  height: 90px;
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  top: 8%;     
}

.container_logo_home { 							/* Logo-Container for "Home" */
  width: 200px;  
  height: 4.8rem;
  left: 0;
  z-index: 6;
}

#scrolled_home {
  position: fixed;
  top: 0;
}

#unscrolled_home {
  position: absolute;
  top: 52px;
}

.logo_home { 									/* Logo for "Home" */
  background-image: url('../img/human_2_darkmode.png');
  background-size: cover;
  width: 90px;
  height: 90px;
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  top: 8%;  
}
}

@media screen and (min-width:76.235em) and (max-width:99.99em) {
.container_logo { 							/* Logo-Container for all sites except for "Home" */
  width: 200px;  
  height: 4.8rem;
  left: 0;
  z-index: 6;
}

#scrolled {
  position: fixed;
  top: 0;
}

#unscrolled {
  position: absolute;
  top: 47px;
}

.logo {   									/* Logo for all sites except for "Home" */
  background-image: var(--no_ai-image);
  background-size: cover;
  width: 80px;
  height: 80px;
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  top: 9%;    
}
}


@media screen and (min-width:0px) and (max-width:99.99em) {
.container_logo_home { 							/* Logo-Container for "Home" */
  width: 200px;  
  height: 4.8rem;
  left: 0;
  z-index: 6;
}

#scrolled_home {
  position: fixed;
  top: 0;
}

#unscrolled_home {
  position: absolute;
  top: 47px;
}

.logo_home { 									/* Logo for "Home" */
  background-image: url('../img/human_2_darkmode.png');
  background-size: cover;
  width: 80px;
  height: 80px;
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  top: 9%; 
}
}