.homepage .home-md-banner{
    padding:10rem 0;
    background-position:center center;
    background-repeat:no-repeat;
    background-size:950px;
    background-attachment:scroll
}
.homepage .link-buttons{
    border:1px solid #fff;
    display:inline-block;
    padding:5px 25px;
    text-decoration:none;
    color:#fff;
    margin-top:1.5rem
}
.homepage .link-buttons:hover{
    background-color:#b43f3f
}
.homepage .home-banner{
    padding-top:10rem;
    padding-bottom:6rem;
    background-color:#000;
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
    background-attachment:scroll
}
.homepage .home-about-me{
    padding:4rem 0
}
.homepage .home-our-services{
    padding:4rem 0;
    background-color:#000
}
.homepage .home-our-services .items{
    text-align:center
}
.homepage .home-our-services .items figure img{
    border-width:2px 2px 0 2px;
    border-style:solid;
    border-color:#6c6c6c;
    border-radius:15px 15px 0 0
}
.homepage .home-our-services .items figure figcaption{
    color:#fff;
    background-color:#6c6c6c;
    padding:15px 0;
    font-weight:700;
    font-size:1.1rem;
    text-transform:uppercase;
    border-radius:15px 15px 15px 15px
}
.homepage .home-sub-banner{
    padding:5rem 0
}
.homepage .home-sub-banner figure{
    border:2px solid #ead8b1;
    box-shadow:rgba(0,0,0,.16) 0 1px 4px;
    border-radius:15px
}
.homepage .home-sub-banner figure img{
    border-radius:13px
}
.homepage .home-profiles{
    padding:4rem 0;
    --s:15px;
    --c1:#2c2c2c;
    --c2:#1f1f1f;
    --_g:#0000 83%,var(--c1) 85% 99%,#0000 101%;
    background:radial-gradient(27% 29% at right,var(--_g)) calc(var(--s)/ 2) var(--s),radial-gradient(27% 29% at left,var(--_g)) calc(var(--s)/-2) var(--s),radial-gradient(29% 27% at top,var(--_g)) 0 calc(var(--s)/ 2),radial-gradient(29% 27% at bottom,var(--_g)) 0 calc(var(--s)/-2) var(--c2);
    background-size:calc(2*var(--s)) calc(2*var(--s))
}
.homepage .home-profiles figure{
    box-shadow:rgba(0,0,0,.24) 0 3px 8px;
    position:relative
}
.homepage .home-profiles figure figcaption{
    position:absolute;
    left:0;
    bottom:40px;
    right:0;
    text-align:center;
    font-family:var(--heading-font);
    font-size:1.5rem;
    text-shadow:0 0 5px #000
}
.homepage .home-profiles figure:before{
    position:absolute;
    z-index:99;
    content:'';
    border:4px solid rgba(255,255,255,.5);
    top:20px;
    left:20px;
    bottom:20px;
    right:20px
}
.homepage .home-mini-contact{
    background-repeat:no-repeat;
    background-attachment:fixed;
    background-position:25% center;
    background-size:cover;
    padding:5rem 0;
    background-color:#000
}
.homepage .home-mini-contact .title{
    font-family:var(--heading-font);
    font-size:2rem;
    line-height:30px
}
.homepage .home-other-city{
    padding:4rem 0
}
.homepage .home-other-city a{
    display:inline-block;
    border:2px solid #fff;
    position:relative
}
.homepage .home-other-city a span{
    display:inline-block;
    width:100%;
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    text-align:center;
    font-size:2.5rem;
    color:#fff;
    text-shadow:0 0 3px #000;
    transition:all .3s ease-in-out
}
.homepage .home-other-city a span:after{
    opacity:0;
    content:'\27BD';
    font-size:3rem;
    bottom:-100%;
    left:50%;
    transform:translate(-50%,0);
    position:absolute
}
.homepage .home-other-city a:hover span:after{
    opacity:1
}
@media (min-width:576px){
    .homepage .home-md-banner{
        padding:12rem 0;
        background-size:900px
    }
    .homepage .home-mini-contact .title{
        font-size:3rem;
        line-height:50px
    }
}
@media (min-width:768px){
    .homepage .home-md-banner{
        padding:12rem 0;
        background-size:1250px
    }
    .homepage .home-mini-contact{
        background-position:left center;
        padding:8rem 0
    }
    .homepage .home-mini-contact .title{
        font-size:3rem;
        line-height:55px
    }
}
@media (min-width:992px){
    .homepage .home-md-banner{
        padding:18rem 0;
        background-size:1450px
    }
    .homepage .home-mini-contact{
        background-position:left center;
        padding:8rem 0
    }
    .homepage .home-mini-contact .title{
        font-size:3rem;
        line-height:55px
    }
}
@media (min-width:1200px){
    .homepage .home-md-banner{
        padding:20rem 0;
        background-size:cover
    }
}
