Team:Heidelberg/css/frontpage

.slide {
    position: relative;
}

.first {
    margin-bottom: 0;
    height: 90vh;
    background-color: #515151;
    text-align: center;
}

.arrow {
    position: absolute;
    bottom: -50px;
    right: 0;
    background-repeat: no-repeat;
    z-index: 1020;
    height: 50px;
}

.arrow-right {
    background-position: 85% 0;
}

.arrow-grey {
    background-image: url("/wiki/images/0/03/Heidelberg_Dreieck.png");
}

.impressiv h1{
  text-transform: uppercase;
}

.impressiv {
  color:white;
  font-weight: bold;
}

#front-nav {
  position: fixed;
  right: 0;
  width: 50%;
  overflow: visible;
  z-index: 1030;
  margin: 20px;
}

#front-nav > nav {
  position:absolute;
  left:0;
}

#front-nav > nav > ul {
  position:absolute;
  right:0;
  list-style-type: none;
  margin: 0;
  padding-right: 10px;
}

#front-nav > nav > ul > li {
  display: inline;
}

#front-nav > nav > ul > li a {
  display:inline-block;
  width:50px;
}
#front-nav > nav {
  width: 100%;
}

.arrow {
  width: 100%;
}

@media (min-width: 768px)
  #front-nav > nav {
    width: 375px;
  }
  .arrow {
    width: 750px;
  }
}


@media (min-width: 992px) {
  #front-nav > nav {
    width: 485px;
  }
  .arrow {
    width: 970px;
  }
}

@media (min-width: 1200px) {
  #front-nav > nav {
    width: 585px;
  }
  .arrow {
    width: 1170px;
  }
}