html, body
{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body
{
    height: 100%;
    width: 100%;
    background-color: #FCF8FF;
    font-family: 'Poppins';
    color: #292A2B;
}

#carouselTrailers
{
    margin: 0;
    padding: 0;
    border-bottom: 2px solid #27559B;
}

.first-slide,
.second-slide,
.third-slide
{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 60vh;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.first-slide
{
    background-image: url("../img/trailer_banner.webp");
}

.second-slide
{
    background-image: url("../img/trailer_1.webp");
}

.third-slide
{
    background-image: url("../img/welder.jpg");
}

.navbar
{
    overflow: hidden;
    background-color: #FCF8FF;
    position: fixed;
    top: 0;
    z-index: 1000;
    border: 0;
    border-bottom: 4px solid #27559B;
}

.icon
{
    color: #27559B;
    position: relative;
}

.icon-email::after
{
    content: " admin@trailersolutionsaustralia.com.au";
    font-family: 'Poppins';
}

.icon-phone::after
{
    content: " 0499 000 901";
    font-family: 'Poppins';
}

.navbar p:hover
{
    color: #27559B;
}

.subtitle
{
    font-family: 'Poppins';
    font-size: 2em;
}

.subtitle b
{
    color: #27559B;
}

.slogan
{
    font-size: 1.5em;
}

.card-title
{
    font-weight: bold;
    font-size: 2em;
}

.card-text
{
    padding-left: 20px;
    padding-right: 20px;
    font-size: 1.75em;
}

.card-text b
{
    color: #27559B;
}

.footer-logo
{
    border-radius: 5px;
}

#aboutus
{
    background-image: url("../img/trailer_2.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-size: 100% 100%;
}

#documents
{
    background-image: url("../img/trailer.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-size: 100% 100%;
}

footer
{
    background-color: #27559B;
}

.cards h2
{
    font-size: 4em;
}

/*X-Small (xs) - phones*/
@media (max-width: 575px)
{
    .icon
    {
        font-size: 1.15em;
    }

    #footer ul
    {
        display: none;
    }

    #navLogo
    {
        width: 50%;
    }

    #footerLogo
    {
        width: 50%;
    }
    
    .card-text
    {
        font-size: 1.5em;
    }
}

/*Small (sm) - landscape phones*/
@media (min-width: 576px) and (max-width: 767px)
{
    .icon
    {
        font-size: 1.25em;
    }

    #footer ul
    {
        display: none;
    }

    #footerLogo
    {
        width: 50%;
    }

    #navLogo
    {
        width: 30%;
    }
}

/*Medium (md) - tablets*/
@media (min-width: 768px) and (max-width: 991px)
{

    #navLogo
    {
        width: 30%;
    }

    #footerLogo
    {
        width: 50%;
    }

    .card-body button
    {
        font-size: 0.875em;
    }
}

/*Large (lg) - desktops*/
@media (min-width: 992px)
{
    #navLogo
    {
        width: 20%;
    }

    #footerLogo
    {
        width: 50%;
    }

    .icon
    {
        font-size: 1.25em;
    }
}