body{
    background-color: rgba(255,255,255,0);
    background-image: url("assets/bg.jpg");
    background-image: linear-gradient(0deg, rgba(0,0,0,0.59) 0%,rgba(0,0,0,0.32) 56%),url("assets/bg.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}
.masken{
    display: block;
    background: #fff;
    max-width: 220px;
    margin: 0 auto;
    border-radius:20px;
    color:#333;
    text-decoration: none;
    padding: 14px 20px;
    box-shadow: rgba(0, 0, 0, 0.53) 0px 20px 26px 0px;
    filter: saturate(0%) opacity(70%);
    transition: filter 0.3s ease;
    
}
.masken:hover{
    filter: saturate(100%) opacity(100%);
    text-decoration: none!important;
    color:#333!important;
}
.logo{
    border-radius:20px;
    box-shadow: rgba(0, 0, 0, 0.53) 0px 20px 26px 0px;
    filter: saturate(0%) opacity(40%);
    transition: filter 0.3s ease;
}
.logo:hover{

    filter: saturate(100%) opacity(100%);

}
.jumbotron {
      background:none!important;
}
footer a{
    color:rgba(255,255,255,0.6)!important;
    text-decoration: none!important;
    font-weight: 200!important;
    transition: all 0.3s ease!important;
}
footer a:hover{
    color:rgba(255,255,255,1)!important;
    text-decoration: none!important;
    
}
.masken.mob{
    display: none;
    }
.logo{
        top:0px!important;
    }
@media (min-width: 1500px){
    .container, .container-sm, .container-md, .container-lg, .container-xl {
        max-width: 1500px;
    }
}
@media (min-width: 768px) {
  .jumbotron {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
    
   
}
@media (max-width: 768px) {

   .logo{
        top:0px!important;
    }
    .masken{
    display: none;
    }
    .masken.mob{
    display: block;
    margin-bottom: 40px;
    }
}
.jumbotron p:last-child {
  margin-bottom: 0;
}

.jumbotron h1 {
  font-weight: 300;
}

.jumbotron .container {
  max-width: 40rem;
}

footer {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

footer p {
  margin-bottom: .25rem;
}