body{
  font-family: 'Arial', sans-serif;
  font-weight: 400;
  background: url("../images/utb.jpg")no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
#header {
  background: #fff;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
}
#logo img {
  max-width: 350px;
  padding: 5px 0;
}
h1 {
  font-family: 'Alfa Slab One', serif;
  font-size: 2rem !important;
  font-weight: bold;
}

.bg-event{
  min-height: 500px;
  /* background-image: linear-gradient(135deg, #667eea 0%, #764ba2 100%); */
  background-color: rgba(255, 255, 255, 0.4);
}

.container{
  padding: 50px 50px 20px;
  background-color: rgba(255, 255, 255, 0.7);
  max-width: 800px;
}

.vertical-center {
  min-height: 100%;  /* Fallback for browsers do NOT support vh unit */
  min-height: 100vh;
  /* These two lines are counted as one :-)       */
  display: flex;
  align-items: center;
}


#footer {
  color: #754da5;
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  text-align: center;
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
}

#footer a:link, #footer a:visited {
  color: #007bff;
  text-decoration: none !important;
}

#kq {
  color: #f00;
  font-weight: bold;
}

input {
  border-radius: 0 !important;
}