/* 1. HOME PAGE - TEXT ON ONE LINE */
        
@media (min-width: 992px) {
    .green-bg .content .intro-text {
        width: 460px;
    }
}

.intro h2 {
    padding: 5px 0 7px;
    border-image: repeating-linear-gradient(90deg,#000,#000 3%,transparent 0,transparent 6%) 1;
}

.green-bg .intro h2 {
    padding: 5px 0 7px;
    border-image: repeating-linear-gradient(90deg,#fff,#fff 3%,transparent 0,transparent 6%) 1;
}


/* 2. SOCIAL ICONS */   

.social-nav span {
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -40px
}

.green-bg .social-nav span {
    color: white;
}


/* 3. DOWNLOAD GUIDE - HOME & INNER PAGES */

.download-guide {
    margin-top: 70px    
}   

@media (max-width: 991px) {
    .green-bg .download-guide {
        display: none
    }
}

@media (min-width: 992px) {
    .green-bg .download-guide {
        width: 460px;
    }
}

.download-guide h2 a, .download-guide-footer h2 a {
    text-decoration: none;  
    font-weight: normal
}

.green-bg .download-guide h2 a, .green-bg .download-guide-footer h2 a {
    color: white;
}

.download-guide-footer {
    margin-top: 40px
}

@media (min-width: 992px) {
    .download-guide-footer {
        display: none
    }
}

/* 4. Camapign - Responsive Image */

.campaign-img-responsive {
    width: 90%;
    height: auto; 
    margin-bottom: 60px;
}   

@media (min-width: 992px) {
    .campaign-img-responsive  {
        margin-left: 20px
    }

		.page-template-vertical-page .campaign-img-responsive {
			margin-left: 0px;
			width: 70%;
			height: auto;
			margin-bottom: 30px;
			margin-top: 20px;
		}
}

/* 5. Camapign - Responsive Title Image */

.title-responsive {
    width: 100%;
    height: auto; 
}
            
@media (max-width: 991px) {
    .title-responsive  {
        width: 270px;
    }
}

ul.main-menu {
    text-align: left;
}

.page-template-vertical-page .item-title h2 {
	max-width: 100%;
}