body, html {
    height: 100%;
    background-color: #000000;
    font-family: "Roboto", sans-serif;
    font-size: 22px;
    font-weight: 300;
    margin: 0;
    padding: 0;
}

* {
    box-sizing: border-box;
}

/* Logo & Text */
.logo {
    max-width: 30%;
}

@media screen and (max-width: 992px) {
    .logo {
        max-width: 40%;
    }
  }
  
h1 {
    font-family: "Ibarra Real Nova", serif;
    font-style: italic;
}

p {
    padding-bottom: 10%;
}

bold {
    font-weight: 500;
}

.mail a {
    color: rgb(255, 255, 255);
    font-size: 60%;
    letter-spacing: 3px;
    font-weight: 500;
    text-decoration: none;
    text-transform: uppercase;
}

.mail a:hover {
    text-decoration: underline;
}

/* Main */
.bg {
    background-color: #000000; /* Fallback color */
    background-image: url("../img/IMG_1460.jpg");
    background-position: center center;
    background-repeat: no-repeat; 
    background-size: cover;
    height: 100%;
    filter: blur(8px);
    -webkit-filter: blur(8px);
}

.bg:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(102, 57, 18, 0.3);
    transition: background .3s linear;
}

main {
    color: #ffffff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    max-width: 600px;
    text-align: center;
}

#blVideo {
  left: 0;
  bottom: 0;
  width: 100vw;
  height: 100vh;
  object-fit: cover;
}