/*@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;800&display=swap');*/

@font-face {
    font-family: "Montserrat";
    src: url("./Fonts/Montserrat-ExtraBold.ttf") format("truetype");
    src: url("./Fonts/Montserrat-Bold.ttf") format("truetype");
    src: url("./Fonts/Montserrat-Black.ttf") format("truetype");
}

.top-row {
    background-image: url(./img/background.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    height: 100vh;
    overflow-x: scroll;
}

.error {
    padding-bottom: 100px;
    margin-top: 10px;
    font-family: "Montserrat", sans-serif;
    color: white;
    font-size: 82px;
    text-transform: uppercase;
    font-weight: 800;
}

.sorry {
    font-family: "Montserrat", sans-serif;
    font-size: 84px;
    color: white;
    text-transform: uppercase;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 2px;
    font-weight: 800;
}

.shuttle {
    font-family: "Montserrat", sans-serif;
    font-size: 15px;
    color: white;
    text-transform: uppercase;
    text-decoration: underline;
    letter-spacing: 1px;
    display: inline-block;
    margin-bottom: 100px;
    margin-top: 50px;
    font-weight: 800;
    -webkit-tap-highlight-color: transparent;
}

.shuttle:hover {
    color: white;
    text-decoration: none;
}

.bottom-row {
    background-color: black;
}

.contact-info {
    font-family: "Montserrat", sans-serif;
    font-size: 20px;
    color: white;
    font-weight: 400;
}

.telephone {
    color: white;
    text-decoration: underline;
}

.telephone:hover {
    color: white;
    text-decoration: none;
}

.mail {
    color: white;
    text-decoration: underline;
}

.mail:hover {
    color: white;
    text-decoration: none;
}

.connect-row-left {
    height: 200px;
}

.bottom-container {
    margin-top: 50px;
}

.icons {
    padding-top: 75px;
}

.footer {
    font-family: "Montserrat", sans-serif;
    color: white;
    font-size: 15px;
    font-weight: 400;
    text-transform: uppercase;
    margin-top: 50px;
}

.footer-text a {
    color: white;
    text-decoration: none;
}

.footer-text a:hover {
    color: white;
    text-decoration: underline;
}

.social {
    color: white;
    letter-spacing: 3px;
    margin-top: 20px;
}

.social-link {
    color: white;
    text-decoration: none;
}

.social-link:hover {
    color: white;
    text-decoration: none;
}

.navstyle {
    font-family: "Montserrat", sans-serif;
    color: white;
    font-size: 10px;
    font-weight: 400;
    text-transform: uppercase;
}

.navbar-nav {
    margin-left: 100px;
}