html {
    scroll-behavior: smooth;
    margin: 0px;
    padding: 0px;
    overflow-x: hidden; 
}
body {

    background-image: url("img/project_papper.png");
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    overflow-x: hidden; 
   padding-right: 0 !important 

}


input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

#LandingContent {

 display: none;
}

.greatvibes {
    font-family: 'Great Vibes', cursive;

}

@font-face {
    font-family: LeagueGothic;
    src: url(./fonts/league-gothic.regular.ttf);
  }

.LeagueGothic{
    font-family: LeagueGothic, sans-serif;

}

.border-2 {
    border-width: 2px !important;
}
.border-3 {
    border-width: 3px !important;
}
.border-4 {
    border-width: 4px !important;
}

#nav-color {
    background-color: rgb(248, 249, 250, 1); 
    min-height: 120px;
   }

#home {
    min-height: 100vh;
    width: 100%;

    background: url(img/background-ptvinc.jpg);
    background: url(img/background-ptvinc.webp);
    /* background-attachment: fixed;  */
    background-position: center;

   
    background-repeat: no-repeat;
    background-size: cover;
    background-color: black;
  background-blend-mode: darken;
}
#about {
    scroll-margin-top: 80px;


}

/* Medium (md) devices (tablets, 768px and up) */
@media (min-width: 768px) { 
    #home {background-attachment: fixed;}
    #triplebox {background-attachment: fixed;}
    #footerbackground {background-attachment: fixed;}
 }


.bg-dark {
    background: rgba(0, 0, 0, 0.4);
}


#triplebox {
    background-image: url(img/Main1Big.jpg);
    background-image: url(img/Main1Big.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.tripleboxcont {

    margin: 30px;
    padding: 10px;

}

#apartments {
    background-image: url("img/project_papper.png");
    scroll-margin-top: 80px;

}

#map {
    background-image: url(img/map.jpg);
    background-image: url(img/map.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    scroll-margin-top: 80px;

}

#contact {
    scroll-margin-top: 80px;

}


.caption {
    width: 100%;
    height: 100vh;
    /* max-width: 100%; */
    /* position: relative;
    z-index: 0;
    top: 20%;
    -webkit-appearance: none; */

    opacity: 0;
    animation-name: fadein;
    animation-delay: 1.5s;
    animation-duration: 2s;
    animation-fill-mode: forwards;
}

    @keyframes fadein {
        from {opacity: 0;}
        to {opacity: 1;}
    }

.ontop {
    position: relative;
    z-index: 1;
    opacity: .92;
}
.jumbotron {
    margin-bottom: 0px;

}


#footerbackground {

}



/*============ BOOTSTRAP BREAK POINTS:

Extra small (xs) devices (portrait phones, less than 576px)
No media query since this is the default in Bootstrap

Small (sm) devices (landscape phones, 576px and up)
@media (min-width: 576px) { ... }

Medium (md) devices (tablets, 768px and up)
@media (min-width: 768px) { ... }

Large (lg) devices (desktops, 992px and up)
@media (min-width: 992px) { ... }

Extra (xl) large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { ... }

=============*/