@import url(colors.css);

body {
    font-family: "Open Sans", sans-serif;
}

p {
    font-size: 20px;
}

.navbar-nav {
    gap:40px;
}

.nav-link {
    font-weight: 700;
    font-size: 20px;
}

#topbar {
    background-color: var(--palette-red);
    height: 50px;
}

#header {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

#header .col {
    padding: 200px 0px;
}

#header .col .display-2 {
    font-weight: 900;
}

#header .col .display-3 {
    font-weight: 700;
}

#homeContent {
    clip-path: polygon(0 0, 100% 10%, 100% 100%, 0 100%);
}

#homeContent .row:first-child {
    padding-top: 180px;
}

#rentalContent {
    clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 90%);
}

#rentalContent .row:last-child {
    padding-bottom: 180px;
}

#tonkerContent {
    clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 90%);
}

#tonkerSpecsContent {
    clip-path: polygon(0% 15%, 100% 0%, 100% 100%, 0% 100%);
}

#tonkerDescription {
    padding: 0px 350px;
}

#contactContent {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

@media screen and (max-width: 992px) {
    
    .navbar-nav {
        gap:initial;
    }

    #header .col {
        padding: 80px 0px;
        text-align: center;
    }

    #homeContent .row:first-child {
        padding-top: 30px;
    }

    #rentalContent .row:last-child {
        padding-bottom: 30px;
    }

    #homeContent,
    #rentalContent,
    #tonkerContent,
    #tonkerSpecsContent {
        clip-path: none;
    }

    #tonkerDescription {
        padding: 0px 0px;
    }

}