/* Hero */
.hero {
    background: url('https://images.unsplash.com/photo-1503387762-592deb58ef4e') center/cover;
    height: 40vh;
    display: flex;
    align-items: center;
    color: white;
}
.hero-overlay {
    background: rgba(0,0,0,0.3);
     height: 40vh;
    width: 100%;
    padding: 40px;
}

/* Accordion */
.accordion-button {

    background: #f8f9fa;
    font-weight: bold;
}
.accordion-button:not(.collapsed) {
    background: var(--primary);
    color: #fff;
}

.con-images
{
    width: 50%;
    height: 400px;
   
    display: block;
}

.service-img {
    width: 250px;
    height: 150px;
    float: left;
    margin: 10px 0.5%;
    transition: 0.3s;
    border: 1px solid rgba(255,255,255,0.6);
     box-shadow: -5px 10px 20px rgba(0,0,0,0.3);
    }

/* Images */
.service-img {
    height: 150px;
    object-fit: cover;
    border-radius: 10px;
}

/* CTA */
.cta-btn {
    background: var(--primary);
    color: #fff;
    padding: 10px;
    border-radius: 5px;
    display: block;
    text-align: center;
    text-decoration: none;
}
.cta-btn:hover {
    background: var(--gold);
}


@media(max-width: 767px)
{
    #menu
    {

        height:1200px;
        position: fixed;
        z-index: 999999;
        background: #0d2c4a;
       padding: 20px 1px;
        margin: 1100px 0px 0px -20px;
    }
    .con-images
{
    width: 100%;
    height: 130vh;
    display: block;
}


/* Images */
.service-img {
    width: 99%;
    height: 200px;
    margin:20px 0.5% 0px 0.5%;
    object-fit: cover;
    border-radius: 10px;
}
.service-img img
{
    margin-top: -5px;
}
}