html {
  font-family:'Montserrat', 'Oswald', sans-serif;
}

#header {
  background:linear-gradient(transparent, transparent, #000000 80%), url(../../assets/img/topbg.jpg), no-repeat;
  background-size:cover;
  background-attachment:fixed;
}

#gallery {
  background:linear-gradient(transparent, transparent, #000000 60%), url(../../assets/img/topbg.jpg), no-repeat;
  background-size:cover;
  background-attachment:fixed;
}

#menu {
  background:linear-gradient(transparent, transparent, #000000 70%), url(../../assets/img/topbg.jpg), no-repeat;
  background-size:cover;
  background-attachment:fixed;
}

#res {
  background:linear-gradient(transparent, transparent, #000000 60%), url(../../assets/img/topbg.jpg), no-repeat;
  background-size:cover;
  background-attachment:fixed;
}

.navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active {
  color:#fff;
  font-family:'Montserrat';
  font-size:18px;
  padding:8px 10px;
}

.navbar-light .navbar-nav .nav-link {
  color:#fff;
  font-family:'Montserrat';
  font-size:18px;
  padding:8px 10px;
}

.navbar-light .navbar-brand {
  font-family:'Oswald';
  font-size:60px;
  padding:10px 20px;
  border:3px #ff0099 solid;
  color:#fff;
  margin-left:50px;
}

li {
  float:left;
  padding:0px 10px;
  position:relative;
}

.navbar-light .navbar-nav .nav-link:hover {
  color:#ff0099;
}

.navbar-light .navbar-nav .nav-link:visited {
  color:#fff;
}

.navbar-light .navbar-nav .nav-link:active {
  color:#fff;
}

#space {
  min-height:50px;
}

@media (max-width: 576px) {
  #space {
    min-height:0px;
  }
}

h1 {
  font-size:72px;
  font-family:'Oswald';
}

.jumbotron {
  text-align:center;
}

body {
  background-color:#000;
}

@media (max-width: 576px) {
  .navbar-light .navbar-brand {
    margin:0px auto;
  }
}

.navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover {
  color:#fff;
}

.navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link {
  color:#ff0099;
}

@media (max-width: 576px) {
  h1 {
    font-size:36px;
  }
}

#divider {
  width:100px;
  height:1px;
  margin:0px auto;
  background-color:#fff;
}

.container {
  color:#fff;
  padding-bottom:20px;
}

.h2, h2 {
  font-family:'Oswald';
  font-size:32px;
}

#display {
  border:2px solid #fff;
}

.btn-primary:hover {
  color:#ff0099;
  background-color:transparent;
  border-color:#ff0099;
}

.btn-primary {
  color:#fff;
  background-color:transparent;
  border-color:#fff;
  border-radius:0px;
}

.footer-dark {
  background-color:#31184d;
  color:#fff;
  text-align:center;
}

#brand {
  font-family:'Oswald';
  font-size:60px;
  padding:10px 20px;
  border:3px #ff0099 solid;
  color:#fff;
}

.icon {
  font-size:45px;
}

.footer-dark h3 {
  margin-top:0;
  margin-bottom:12px;
  font-size:20px;
  font-family:'Montserrat';
}

a {
  color:#f0f9ff;
  font-family:'Montserrat';
  -webkit-text-decoration-skip:objects;
}

a:hover {
  color:#f0f9ff;
  text-decoration:underline #ff0099;
}

#parallax {
  min-height:250px;
  height:100%;
}

.img-fluid {
  max-width:100%;
  height:auto;
  padding:10px 0px;
}

p {
  font-size:16px;
  font-family:'Montserrat';
}

button, input {
  padding:20px 20px;
  width:90%;
  font-size:16px;
  border:none;
  color:#ccc;
  text-transform:uppercase;
  background-color:#31184d;
  margin-bottom:15px;
}

textarea {
  padding:20px 20px;
  width:90%;
  font-size:16px;
  border:none;
  color:#ccc;
  background-color:#31184d;
  margin-bottom:15px;
}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
  color:#fff;
  background-color:transparent;
  border-color:#fff;
}

.navbar {
  background-color:rgba(0, 0, 0, 0.3);
}

#hoverb:hover {
  border-left:8px #ff0099 solid;
}

#eventp {
  font-size:24px;
  background-color:rgba(0,0,0,0.5);
  margin-top:10%;
  margin-bottom:10%;
  padding:30% 10%;
}

@media (max-width: 576px) {
  #eventp {
    font-size:16px;
    background-color:rgba(0,0,0,0.5);
    margin-top:50%;
    margin-bottom:0;
    padding:30% 10%;
  }
}

@media (max-width: 576px) {
  #hoverb h2 {
    font-size:24px;
  }
}

#socialul {
  clear:left;
  float:left;
  list-style:none;
  margin:0;
  padding:0;
  position:relative;
  left:50%;
  text-align:center;
}

#socialli {
  display:block;
  float:left;
  list-style:none;
  margin:0;
  padding:0 10px;
  position:relative;
  right:50%;
}

@media (min-width:768px) {
  .navbar-expand-md .navbar-toggler {
    display:none;
  }
}

.navbar-toggler {
  padding:.25rem 0;
  font-size:1.7rem;
  line-height:1;
  background-color:transparent;
  border:0px;
  border-radius:0;
  margin:0 auto;
}

#events {
  position:relative;
}