/*
@Author: ThemeMascot
@URL: http://ThemeMascot.com

This is the file where you can add your custom styles to change the look of the
theme. But don't modify style-main.css file.

*/

/* Your custom css codes start here: */


a{
	color:#458436;
    font-weight: 700;
}

header a {
    font-weight: 400;
}

footer a {
    font-weight: 400;
}

a:hover{
    color:#458436;
	text-decoration: underline;
}



a:hover .bg-light h4{
    color:#458436 !important;
    text-decoration: underline;
}

a:focus{
    color:#458436;
	text-decoration: underline;
}

h1{
	font-size: 36px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 900;
}
h2{
	color: #bc2129 !important;
	margin-bottom: 20px !important;
	margin-top: 0!important;
    font-weight: 900;
}

.bold-green{
    font-weight: 700;
    color: #57a545;
}

.cover{
    background-size: cover !important;
    background-image: url(images/inside2i.png);
}

.inner-header{
   /* background-size: 100% !important;*/
    background-position:75% -14vw !important; 
}

.space{
    display: none;
}

.menuzord-menu > li.active > a {
    background:	#57a545 !important;
    color: #fff !important;
}

@media (max-width: 991px) {
.space{
    height: 10px;
    width:100%;
    display: block;
}
}

@media (max-width: 991px) and (min-width: 901px) {
    .menuzord-brand {
    position: relative; 
    left: 0; 
    margin: 18px 10px 0 0;
}
    
    .menuzord-menu {
       float: right !important; 
     width: 405px; 
    }
    
    .menuzord-menu > li > a {
    padding: 8px 8px;
}
}

/*.menuzord-menu{
	 float:none !important; 
	 width:630px; 
	 display:inline-block;
	 color:red;

}*/