.logo img {width:357px !important;height:150px !important;max-height:150px !important;}
/*HEADER COLOR*/
.header_top_bg,
#topmenu {
  background-color: #1d1d1b;
}

#topmenu ul li a,
.right-menu .logo span {
  color: #ffffff;
}


    @media (min-width: 768px){
        .right-menu #topmenu > ul > li > a::before, .top-menu #topmenu > ul > li > a::before{
            background-image: none;
        }
                }
                    .right-menu #topmenu > ul > li > a::before, .top-menu #topmenu > ul > li > a::before{
                background-color: #be1522 !important;
            }
            }
/*HEADER COLOR*/


/*FRONT COLOR*/
/*FRONT COLOR*/

/*BASE WHITE COLOR*/
.a-btn, .a-btn-2{
       font-family: "Montserrat" !important;
            
       font-style:normal !important;

            
        
    
    }

  a:not(.ab-item) {
       font-family: "Montserrat" !important;
            
       font-style:normal !important;
        
    
            
         }

 

/*FOOTER*/



/*FOOTER*/



/*GALLERY FULL WIDTH COLORS*/


/*GALLERY FULL WIDTH COLORS*/


h1,
h1 a{
       font-family: Montserrat !important;          font-size: 30px !important;
 line-height: normal;     color: #ffffff !important;}


h2,
h2 a{
       font-family: Montserrat !important;          font-size: 25px !important;
 line-height: normal;     color: #ffffff !important;}


h3,
h3 a{
       font-family: Montserrat !important;          font-size: 23px !important;
 line-height: normal;    }


h4,
h4 a{
       font-family: Montserrat !important;          font-size: 20px !important;
 line-height: normal;     color: #ffffff !important;}


h5,
h5 a{
       font-family: Montserrat !important;          font-size: 19px !important;
 line-height: normal;     color: #efefef !important;}


h6,
h6 a{
       font-family: Montserrat !important;          font-size: 16px !important;
 line-height: normal;    }




#topmenu ul li a{
font-family: "Montserrat", sans-serif;
        color: #ffffff;
font-size: 10px;

}

#topmenu ul ul li a{
font-family: "Montserrat", sans-serif;
color: #ffffff;

}

.banner-gallery .content-wrap .description{
        font-family: "Montserrat", sans-serif;
                }

#footer .copyright{
        font-family: "Montserrat", sans-serif;
            color: #ffffff;
            }

.dgwt-jg-gallery.justified-gallery .dgwt-jg-caption span{
                font-family: "Montserrat", sans-serif;
                                                        } 


@font-face {font-family: 'Romantically';src: url('https://www.sanja-paponja.com/wp-includes/fonts/MyFontsWebfontsKit/webfonts/3A83FE_0_0.eot');src: url('https://www.sanja-paponja.com/wp-includes/fonts/MyFontsWebfontsKit/webfonts/3A83FE_0_0.eot?#iefix') format('embedded-opentype'),url('https://www.sanja-paponja.com/wp-includes/fonts/MyFontsWebfontsKit/webfonts/3A83FE_0_0.woff2') format('woff2'),url('https://www.sanja-paponja.com/wp-includes/fonts/MyFontsWebfontsKit/webfonts/3A83FE_0_0.woff') format('woff'),url('https://www.sanja-paponja.com/wp-includes/fonts/MyFontsWebfontsKit/webfonts/3A83FE_0_0.ttf') format('truetype');}

h1, h2, h3, h4, h5, h6{
font-weight: 300;
}

p, h6{
    font-family: "Montserrat" !important;
color: #707070;
}

form.wpcf7-form input, form.wpcf7-form textarea{
    font-family: "Montserrat" !important;
}

.insta-box .insta-box-follow  {
    font-family: "Montserrat" !important;
    font-size: 23px;
    letter-spacing: 1px;
}

h1 {
    font-style: normal;
    letter-spacing: 2.5px;
font-weight: 400;
}

.subtitle{
font-weight: 200 !important;
font-style: italic !important;
}

#topmenu ul li a {font-size: 16px !important;}
#topmenu ul ul li a {font-size: 16px !important;}


@media only screen and (min-width: 768px) {
.right-menu {
    padding: 0 !important;
}
.right-menu #topmenu {
  margin-top: 67px;
}


.copyright > a{
margin-right: 30px;
font-weight: 400 !important;
}

#footer .social-links .fa {
    font-size: 30px;
    color: #ffffff;
}
#footer > div:nth-child(1) > div.copyright{
margin-top :6px;
}

}

#footer.fix-bottom, .header_top_bg {
    background-color: #1d1d1b;
}

body > div.main-wrapper.animsition > div.container > div > div.vc_row.wpb_row.vc_row-fluid.custom_map.vc_row-o-equal-height.vc_row-flex > div.wpb_column.vc_column_container.vc_col-sm-4 > div > div > div > div{
width: 100%;
}

.mfp-fade.mfp-bg.mfp-ready {
    z-index: 1001 !important;
}

@media screen and (max-width:480px){
.logo img{ width: 250px !important; height: auto !important; } 
header .logo {  margin-right: 10%;}
}

@media screen and (max-width:767px){
#topmenu > ul.menu > li > ul > li { border: none !important;}
.mob-nav { right: 20px; left: unset;}
.mob-nav { font-size: 30px}

}