main{
    padding:0 0 5em 0;
}


main h1{
    color:#2d2d2d;
    font-family:'Manrope';
    font-weight:600;
    font-size:3em;
    margin:1.4em 0;
}

main h2{
    margin-top: 2em;
    margin-bottom: 0.7em;
}

main p{
    color:#4e4e4e;
    font-size:1.2em;
    font-family:'Manrope';
}


.services-list{
    line-height:2em;
    margin-top:5em;
    padding-left:1em;
}

.services-list br{
    display:none;
}

.services-list a{
    font-size:1.5em;
    border:1px solid #000;
    display:inline-block;
    border-radius:1.5em;
    padding:0.5em 2em 0.5em 1em;
    margin-right:2em;
    cursor:pointer;
    margin-bottom:2em;
    text-decoration:none;
    color:#000;
    transition:all 0.2s ease;
    background-image:url('/assets/site/images/services/arrow-black.svg');
    background-repeat:no-repeat;
    background-size:0.7em;
    background-position:right 12px center;
}




.services-list a:hover{
    color:#fff;
    background-color:#000;
    background-image:url('/assets/site/images/services/arrow-white.svg');
    background-size:1.15em;
    background-position:right 10px center;
}


.services-list br.dtopview{
    display:inline;
}


.sidephotos .themePhoto{
    background:#ccc;
    width:100%;
    height:50%;
    object-fit:cover;
}


.breadcrumbs{
    padding:2em 0;
}

.breadcrumbs a{
    color:#000;
    text-decoration:none;
}


.service-container{
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-right: auto;
    margin-left: auto;
}

.home.themePhoto{
    width:100%;
    height:24em;
    object-fit:cover;
}




/* OOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO */
/* ============================== MEDIA QUERIES ================================== */



/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {

    .service-container{
        max-width: 540px;
    }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .service-container{
        max-width: 720px;
    }


}

/*  Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .service-container{
        max-width: 960px;
    }
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .service-container{
        max-width:100%;
    }
}

/*  XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {

}


/* OOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO */




/* X-Large devices (large desktops, less than 1400px) */
@media (max-width: 1399.98px) {

}



/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {

}



/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {

    main{
        padding:6em 0 5em 0;
    }

    .home.themePhoto{
        width:100%;
        height:100%;
    }

}


/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {


    .services-list br.mobileview{
        display:inline;
    }

    .services-list br.dtopview{
        display:none;
    }

    .services-list{
        padding-left:0;
    }


    .services-list a{
        font-size:1.1em;
        margin-right:0;
    }

    .sidephotos .themePhoto{
        height:auto;
    }

    .sidephotos .themePhoto:not(:first-child){
        display:none;
    }


}


/* X-Small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {


}