#homepage .background_img {
  background: url("https://web.library.wisc.edu/libguides/images/spring-2.jpg") no-repeat center fixed;
  background-size: cover;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -301;
}

#homepage main .accreditation {
  position: absolute;
  bottom: 0px;
  right: 20px;
  font-style: italic;
  font-size: 13px !important;
  color: #ffffff !important;
}

#homepage main {
position: relative;
}

#homepage main ul {
position: absolute;
  top: 70px;
  width: 550px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  list-style: none;
  margin: 0px;
}


#homepage main ul li {
  background: rgba(0,0,0,0.85);
  padding: 0.8em 1.5em;
  border-radius: 4px;
  display: block;
  position: relative;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  color: #fff;
  margin-bottom: 1em;
}

#homepage main ul li a {
display: block;
position: absolute;
font-size: 0px;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
border-radius: 4px;
z-index:5;
transition: 0.3s;
}

#homepage main ul li:hover,
#homepage main ul li:focus { 
background: rgba(0,0,0,0.8);
box-shadow: 0px 4px 16px rgba(0,0,0,0.3);
}


#homepage main ul li h2 {
font-size: 1.5em;
  display: block;
  color: #fff;
  padding: 0;
  font-weight: 300;
  margin-top: 0;
  margin-bottom: 1em;
}

#homepage main ul li p {
color: #fff !important;
font-weight: 300;
}

#homepage main ul li a {
color: #fff;
}

#homepage form {
margin: 1.5em 0em 1em 0em;
}

#homepage form svg {
height: 20px;
position: absolute;
left: 30px;
bottom: 40px;
}

#homepage form svg path {
fill: rgba(255,255,255,0.5);
}

#homepage main ul li .form-control {
background: transparent;
border-radius: 3px;
border: 1px solid gray;
width: 100%;
font-size: 1.2em;
padding: 1em;
padding-left: 1.6em;
color: #fff;
box-shadow: none;
}

#homepage main ul li  .form-control:focus {
  border-color: #95cdfd;
}

#homepage main ul li .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: rgba(255,255,255,0.6);
}
#homepage main ul li .form-control::-moz-placeholder { /* Firefox 19+ */
color: rgba(255,255,255,0.6);
}
#homepage main ul li .form-control:-ms-input-placeholder { /* IE 10+ */
color: rgba(255,255,255,0.6);
}
#homepage main ul li .form-control:-moz-placeholder { /* Firefox 18- */
color: rgba(255,255,255,0.6);
}



@media only screen and (max-width: 650px){
#homepage main ul {
   width: 90%;
   padding-left: 0.5em;
}
}