/* First Section */
.hnp-homepage-first-section {
	display: flex;
	flex-direction: column;
	width: 100dvw;
	margin: auto;
	margin-top: 10dvw;
	padding-bottom: 0dvw;
}


.hnp-home-first-images {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 90dvw;
	margin: auto;
}


.hnp-home-first-image-collage {
	width: 90dvw;
}


.hnp-home-first-text {
    width: 90dvw;
    padding: 0dvw 5dvw;
    padding-top: 5dvw;
    margin: auto;
}


.hnp-home-first-text-a, .hnp-home-first-text-b, .hnp-home-first-text-c, .hnp-home-first-text-d {
    width: 100%;
    margin: auto;
}


.hnp-home-first-text-a {
    display: flex;
    align-items: center;
    font-family: 'Arial', sans-serif;
    font-weight: 600;
    background: url(https://housingnonprofit.com/wp-content/uploads/2023/12/mobile-hamburger-menu-0.png) no-repeat left center;
	background-size: 7dvw;
}


.hnp-home-first-text-a p {
    font-size: 4.5dvw;
    line-height: 6.5dvw;
    text-indent: 9dvw;
	text-align: left;
	margin: 0dvw;
    margin-top: 1.8dvw;
}


.hnp-home-first-text-b p {
	font-family: 'Arial', sans-serif;
    font-size: 3.7dvw;
    letter-spacing: 0.0dvw;
    line-height: 6.25dvw;
    margin: 1dvw 0dvw;
}


.hnp-home-first-bar {
    width: 40%;
	height: 2dvw;
	margin-top: 5dvw;
    background-color: #0f0fae;
}


.hnp-home-first-text-c p {
	font-family: 'Arial', sans-serif;
    font-weight: 600;
    font-size: 3dvw;
    line-height: 4dvw;
    letter-spacing: -0.1dvw;
}


.hnp-home-first-text-d p {
    font-size: 3dvw;
	font-style: italic;
    font-family: 'Arial', sans-serif;
    color: #CCC;
    letter-spacing: 0.015dvw;
    margin-bottom: 0;
}


@media (min-width: 768px) , (orientation: landscape) {
	.hnp-homepage-first-section {
		width: 60dvw;
		margin-top: revert;
		margin-bottom: 0.5dvw;
		padding-bottom: revert;
	}


	.hnp-home-first-images {
		width: auto;
		margin: revert;
	}
	
	
	.hnp-home-first-image-collage {
		width: 60dvw;
	}


	.hnp-home-first-text {
		width: auto;
		padding: 0dvw 2dvw;
		padding-top: 2dvw;
	}


	.hnp-home-first-text-a, .hnp-home-first-text-b, .hnp-home-first-text-c, .hnp-home-first-text-d {
		width: 100%;
		margin: auto;
	}


	.hnp-home-first-text-a {
		background-size: 2dvw 1.3dvw;
	}


	.hnp-home-first-text-a p {
		font-size: 1.9dvw;
		text-indent: 3dvw;
		margin-top: 0dvw;
		line-height: 2.25dvw;
	}


	.hnp-home-first-text-b p {
		font-size: 1.61dvw;
		letter-spacing: normal;
		line-height: 2.25dvw;
		margin: 0.75dvw 0dvw;
	}


	.hnp-home-first-bar {
		height: 0.7dvw;
		margin-top: 3dvw;
	}


	.hnp-home-first-text-c p {
		font-size: 1.5dvw;
		line-height: 1.85dvw;
		letter-spacing: normal;
	}


	.hnp-home-first-text-d p {
		font-size: 1.2dvw;
		letter-spacing: normal;
	}
}

@media (min-width: 1920px) {
    .hnp-homepage-first-section {
        width: 1152px;
        margin-bottom: 10px;
    }

    .hnp-home-first-images {
    }

    .hnp-home-first-image-collage {
        width: 1152px;
    }

    .hnp-home-first-text {
        width: 80%;
        margin: auto;
        padding-top: 50px;
    }

    .hnp-home-first-text-a {
        background-size: 35px;
        height: 45px;
        display: flex;
        align-items: flex-end;
    }

    .hnp-home-first-text-a p {
        font-size: 1.9em;
        margin-top: 0px;
        margin-bottom: 0px;
        text-indent: 60px;
		line-height: 1.6em;
    }

    .hnp-home-first-text-a,
    .hnp-home-first-text-b,
    .hnp-home-first-text-c,
    .hnp-home-first-text-d {
        width: 100%;
        margin: auto;
    }

    .hnp-home-first-text-b p {
        font-size: 1.7em;
        letter-spacing: 0.75px;
        line-height: 1.5em;
        margin-top: 10px;
    }

    .hnp-home-first-text-c p {
        font-size: 1.85em;
        line-height: 1.4em;
        letter-spacing: 0.5px;
    }

    .hnp-home-first-text-d p {
        font-size: 1.2em;
        letter-spacing: 0.25px;
    }

    .hnp-home-first-bar {
        height: 15px;
        margin-top: 50px;
    }
}


/* Second Section */
.hnp-homepage-second-section {
    margin:auto;
}

.hnp-home-second-section-image {
    display: flex;
    align-items: flex-start;
    justify-content: center;
	flex-direction: column;
}

.hnp-sponsors {
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	align-items: flex-start;
	margin: auto;
	padding: 4dvw 1dvw;
	border-top: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
	background-color: white;
    font-family: 'Roboto', sans-serif;
	width: 93dvw;
}


.hnp-sponsors-message {
    font-size: 2.5dvw;
    font-style: italic;
    color: #838383;
	text-decoration: none;
}


.hnp-sponsors-inner {
    display: flex;
	justify-content: space-between;
    align-items: center;
	width: 100%
}


.hnp-sponsors-logo {
    width: 18dvw;
}


.hnp-home-second-section-whitebox {
	margin: 2.5dvw 2.5dvw;
    background-color: white;
}


.hnp-home-second-section-titles {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
}


.hnp-home-second-section-titles-head {
    color: #006CCD;
    text-transform: uppercase;
	text-align: center;
    font-family: 'DM Sans', sans-serif;
    font-weight: 600;
	font-size: 3.8dvw;
    letter-spacing: 0.5dvw;
    margin-bottom: 0.5dvw;
    margin-top: 10dvw;
}


.hnp-home-second-section-titles-title {
    font-size: 5.75dvw;
	font-weight: 500;
	font-family: 'DM Sans', sans-serif;
	text-align: center;
    letter-spacing: -0.2dvw;
    line-height: 7.5dvw;
    margin-bottom: 1dvw;
    width: 88dvw;
    margin-top: 0dvw;
    color: #2B2B2B;
}


.hnp-home-second-section-reasons {
    width: 95dvw;
    margin: auto;
    padding-top: 10dvw;
    flex-direction: column;
	display: flex;
}

.hnp-home-second-section-reason-icon {
    width: 9dvw;
    height: 9dvw;
}


.hnp-home-second-section-reason-title {
    font-size: 6dvw;
    letter-spacing: -0.1dvw;
    line-height: 1.2em;
    margin-bottom: 5px;
    margin-top: 5px;
	font-weight: 600;
    font-family: 'DM Sans', sans-serif;
}


.hnp-home-second-section-reason-text {
    font-size: 5.25dvw;
	font-weight: 500;
    font-family: 'DM Sans', sans-serif;
    line-height: 8dvw;
    margin: 0;
}


#map_holder, #map_inner svg {
	width:90dvw;
}


@media (max-width: 767px) and (orientation: portrait) {
	.hnp-home-second-section-image {
		width: 95dvw;
		padding: 0dvw 2.5dvw;
	}
	
	.hnp-home-second-section-reason {
		padding-bottom: 10dvw;
		display: flex;
		flex-direction: column;
		align-items: center;
		text-align: center;
		width: 90dvw;
		margin: auto;
		height: 45dvw;
	}
}


@media (min-width: 768px) and (max-width: 1919px) , (orientation: landscape) {
	.hnp-home-second-section-reason {
		height:13dvw;
	}
	
	.hnp-sponsors-message {
		font-size: 0.8dvw;
	}
}

@media (min-width:1920px) {
	.hnp-sponsors-message {
		font-size: 0.8em;
	}
}

@media (min-width: 768px) , (orientation: landscape) {
	.hnp-homepage-second-section {
		width: 60dvw;
	}
	

	.hnp-sponsors {
		display: flex;
		flex-direction: row;
		align-items: center;
		margin: auto;
		padding: 1% 3%;
		width: 94%;
	}


	.hnp-sponsors-message {
		font-style: initial;
		color: initial;
		width: 18%;
	}


	.hnp-sponsors-inner {
		display: flex;
		justify-content: space-around;
		align-items: center;
	}


	.hnp-sponsors-logo {
		width: 14%;
	}


	.hnp-home-second-section-whitebox {
		margin: auto;	    
		margin-top: 2dvw;
		margin-bottom: 2dvw;
		padding-bottom: 1dvw;
		width: 60dvw;
	}


	.hnp-home-second-section-titles {
		margin: auto;
		padding-top: 2.75dvw;
	}


	.hnp-home-second-section-titles-head {
		font-size: 1dvw;
		letter-spacing: normal;
		margin-bottom: 0.5dvw;
		margin-top: revert;
	}


	.hnp-home-second-section-titles-title {
		font-size: 1.5dvw;
		letter-spacing: -0.07dvw;
		line-height: revert;
		margin-bottom: 5px;
		width: auto;
		margin-top: 0px;
	}
	
	
	
	.hnp-home-second-section-reasons {
		width: 60dvw;
		align-items: center;
		justify-content: space-evenly;
		flex-direction: row;
		padding-top: 2.5dvw;
	}


	.hnp-home-second-section-reason-icon {
		width: 2.2dvw;
		height: 2.2dvw;
	}


	.hnp-home-second-section-reason-title {
		font-size: 1.2dvw;
		letter-spacing: -0.1dvw;
	}


	.hnp-home-second-section-reason-text {
		width: 17dvw;
		font-size: 1.2dvw;
		line-height: 1.5dvw;
		margin: revert;
	}
	
	
	#map_holder, #map_inner svg {
		width:60dvw;
	}
}


@media (min-width: 1920px) {
    .hnp-homepage-second-section {
        width: 1152px;
    }

    #hnp-home-second-section-image {
        width: 1152px;
    }

    .hnp-home-first-section-titles {
        width: 1100px;
    }

    .hnp-home-second-section-titles {
        margin: auto;
		padding-top:0;
    }

    .hnp-home-second-section-titles-head {
        font-weight: 600;
        font-size: 1em;
        margin-bottom: 20px;
    }

    .hnp-home-second-section-titles-separator {
        margin: 0;
        font-size: 1.5em;
        padding-top: 10px;
    }


    .hnp-home-second-section-titles-title {
        font-size: 1.5em;
        letter-spacing: -1px;
        margin-bottom: 5px;
        margin-top: 5px;
        color: black;
    }

    .hnp-home-second-section-titles-title-head {
        width: 600px;
    }

    .hnp-home-second-section-whitebox {
        width: 1152px;
        padding: 50px 0px;
        margin-bottom: 50px;
    }

    .hnp-home-second-section-reasons {
        width: 1152px;
        padding-top: 80px;
        align-items: center;
        justify-content: space-evenly;
    }

    .hnp-home-second-section-reason {
        height: 250px;
    }

    .hnp-home-second-section-reason-icon {
        width: 40px;
        height: 40px;
    }

    .hnp-home-second-section-reason-title {
        font-size: 1.5em;
        letter-spacing: -2px;
        font-weight: 600;
        line-height: 1.2em;
        margin-bottom: 5px;
        margin-top: 5px;
    }

    .hnp-home-second-section-reason-text {
        width: 325px;
        font-size: 1.4em;
        line-height: 1.4em;
    }

    #map_holder,
    #map_inner svg {
        width: 1152px;
    }
}


/*  Third section */

.hnp-homepage-third-section {
    display: flex;
	flex-direction: column;
	align-items: center;
	flex-wrap: wrap;
    justify-content: space-between;
    background-color: #e4e4e4;
    font-family: 'Archivo Narrow', sans-serif;
	width: 95dvw;
    margin: 0 2.5dvw;
}


.hnp-homepage-third-left {
	display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: auto;
    width: 95dvw;
    height: 85dvw;
}


.hnp-homepage-third-left-text {
    display: flex;
    flex-direction: column;
    align-content: flex-start;
    align-items: flex-start;
    background-size: 17.5dvw;
    background-position: bottom center;
	background-image: url(https://housingnonprofit.com/wp-content/uploads/2023/12/hnp-home-drawing-e1703029140252.png);
    background-repeat: no-repeat;
}


#hnp-homepage-third-logo {
    width: 20dvw;
    margin-bottom: 3dvw;
}


.hnp-homepage-third-left-text h4 {
    font-size: 5.25dvw;
    margin-top: 1dvw;
    margin-bottom: 2dvw;
}


.hnp-homepage-third-left-text p {
    font-size: 4.25dvw;
    font-weight: 500;
	margin-top: 0px;
	color: black;
}


.hnp-homepage-third-donate {
    color: white;
    border-radius: 0px;
    background-color: black;
	text-align: center;
    text-transform: uppercase;
    text-decoration: none;
	font-weight: 500;
	padding: 3dvw 5dvw;
    margin-top: 2dvw;
}


#hnp-homepage-third-section-image {
    width: 95dvw;
    margin: auto;
}


@media (min-width: 768px) , (orientation: landscape) {
	.hnp-homepage-third-section {
		flex-direction: row;
		width: 60dvw;
		margin: auto;
	}
	
	
	.hnp-homepage-third-left {
		width: 30dvw;
		height: auto;
	}


	.hnp-homepage-third-left-text {
		width: 85%;
		background-size: 8dvw;
		background-position: bottom right;
	}


	#hnp-homepage-third-logo {
		width: 4dvw;
		margin-bottom: 1dvw;
	}


	.hnp-homepage-third-left-text h4 {
		font-size: 1.25dvw;
		margin-top: 0dvw;
		margin-bottom: 0.75dvw;
	}


	.hnp-homepage-third-left-text p {
		font-size: 1.15dvw;
	}


	.hnp-homepage-third-donate {
		padding: 0.5dvw 1.25dvw;
		margin-top: 2dvw;
		font-size: 0.75dvw;
	}


	#hnp-homepage-third-section-image {
		width: 30dvw;
	}
}


@media (min-width: 1920px) {
    .hnp-homepage-third-section {
        width: 1152px;
    }

    #hnp-homepage-third-section-image {
        width: 50%;
    }

    .hnp-homepage-third-left {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin: auto;
        width: 50%;
    }

    .hnp-homepage-third-left-text {
        display: flex;
        flex-direction: column;
        align-content: flex-start;
        align-items: flex-start;
        width: 85%;
        height: 350px;
        background-size: 140px;
        background-position: bottom right;
        justify-content: space-between;
    }

    .hnp-homepage-third-left-text h4 {
        font-size: 1.6em;
        margin-top: 0px;
        font-weight: 500;
        margin-bottom: 10px;
    }

    .hnp-homepage-third-left-text p {
        font-size: 1.3em;
        line-height: 1.5em;
        letter-spacing: 0.5px;
        margin-top: 0px;
        font-weight: 500;
    }

    .hnp-homepage-third-donate {
        padding: 10px 20px;
        margin-top: 20px;
		font-size: 0.9em;
    }

    .hnp-homepage-third-section .hnp-site-notice-button-apply {
        border: 1px solid black;
    }

    .hnp-homepage-third-section .hnp-site-notice-button-touch {
        border: none;
    }

    #hnp-homepage-third-logo {
        width: 80px;
        margin-bottom: 10px;
    }

}

/* Interest Rates */

.hnp-interest-chart-section {
    width: 90dvw;
    margin: auto;
    display: flex;
    justify-content: center;
}

@media (min-width: 768px) and (max-width: 1919px) , (orientation: landscape) {
    .hnp-interest-chart-section {
        width: 60dvw;
    }
}

@media (min-width: 768px) , (orientation: landscape) {
    .hnp-interest-chart-section {
        width: 60dvw;
    }
}

@media (min-width: 1920px)  {
    .hnp-interest-chart-section {
        width: 1152px;
        margin-bottom: 40px;
    }
}