/* 

1. Add your custom Css styles below
2. Place the this code in your template: 

 <link href="css/custom.css" rel="stylesheet">

*/

#header:not(.header-sticky) .header-inner #logo a > img, #header #header-wrap #logo a > img {
    height: auto;
    width: 190px;
}

#header:not(.header-sticky) .header-inner #logo, #header #header-wrap #logo {
    height: auto;
}

#header[data-transparent="true"] + .inspiro-slider, #header[data-transparent="true"] + #slider, #header:not(.header-sticky)[data-transparent="true"] + .fullscreen, #header:not(.header-sticky)[data-transparent="true"] + .halfscreen, #header[data-transparent="true"] + #google-map {
    top: -100px;
    margin-bottom: -100px;
}
#header .header-inner #logo a > img, #header #header-wrap #logo a > img {
    height: auto;
    width: 190px;
    margin-top: 16px;
}

#header #logo > a img {
    max-height: 100px;
}

@media (max-width: 1024px) {
    #header .header-inner #logo a > img, #header #header-wrap #logo a > img {
        width: 120px !important;
        margin-top: 25px;
    }
}

.boldfont{
        font-weight: 650 !important;
}