html {
    scroll-behavior: smooth;
}
#header
{
    background: linear-gradient(90deg, #001240 32.66%, #A3195B 78.99%);
}
.section-title-center
{
    color: #A3195B !important;
    font-family: "Playfair Display";
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.text-download
{
    color: #323232 !important;
    text-align: center;
    font-family: "Inter", sans-serif;
    font-size: 21.42px;
    font-style: normal;
    font-weight: 200;
    line-height: 37.74px; /* 176.19% */
}
.head-ride
{
    color: #A3195B !important;
    font-family: "Playfair Display" !important;
    font-size: 38.76px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.section-logs img
{
    height: 112.169px !important;
}
.text-ride
{
    color: #333;
    text-align: justify;
    font-family: "Inter", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 200;
    line-height: 30px; /* 150% */
}

.header-spacer
{
    min-height: 0 !important;
}

.head-ride {
    font-weight: 700;
    font-size: 1.75rem;
}

.underline-left {
    width: 60px;
    height: 4px;
    border-radius: 2px;
}


.ride .head-ride
{
    color: #c41d68 !important;
}
.ride .underline-left
{
    background-color: #c41d68 !important;
}

.captain .head-ride
{
    color: #920A0A !important;
}
.captain .underline-left {
    background-color: #920A0A !important;
}

.rent .head-ride
{
    color: #774C10 !important;
}
.rent .underline-left
{
    background-color: #774C10 !important;
}

.stay .head-ride
{
    color: #318BBF !important;
}
.stay .underline-left
{
    background-color: #318BBF !important;
}

.food .head-ride,
.restaurant .head-ride
{
    color: #A3243C !important;
}

.food .underline-left,.restaurant .underline-left
{
    background-color: #A3243C !important;
}
.rider .head-ride
{
    color: #DF4956 !important;
}
.rider .underline-left
{
    background-color: #DF4956 !important;
}
.section-logs
{
    background: #F4F4F4;
}
.ride-background {
    background-image: url('../images/background/yay-drive-background.png');
    background-position: left;
    background-repeat: no-repeat;
    background-size: contain;
}
.captain-background
{
    background-image: url('../images/background/YAY-captain-background.png');
    background-position: left;
    background-repeat: no-repeat;
    background-size: contain;
}
.rent-background
{
    background-image: url('../images/background/YAY-rent-car-background.png');
    background-position: left;
    background-repeat: no-repeat;
    background-size: contain;
}
.stay-background
{
    background-image: url('../images/background/YAY-stay-background.png');
    background-position: left;
    background-repeat: no-repeat;
    background-size: contain;
}
.food-background
{
    background-image: url('../images/background/YAY-food-bacground.png');
    background-position: left;
    background-repeat: no-repeat;
    background-size: contain;
}
.restaurant-background
{
    background-image: url('../images/background/YAY-restaurant-background.png');
    background-position: left;
    background-repeat: no-repeat;
    background-size: contain;
}
.rider-background
{
    background-image: url('../images/background/YAY-riders-background.png');
    background-position: left;
    background-repeat: no-repeat;
    background-size: contain;
}
@media (max-width: 768px)
{
    .ride-background ,.captain-background , .rent-background ,.stay-background ,.food-background ,.restaurant-background ,.rider-background {
        background: transparent !important;
    }

    
    header #navbar .navbar-nav li a
    {
        color: #fff;
    }
    .underline-left
    {
        margin-top: -1px;
        margin-left: auto;
        margin-right: auto;
    }
    .navbar-toggler
    {
        background-color: #fff !important;
    }
}