.hideMenuNav {
    display: none;
}

.showMenuNav {
    display: block;
    position: absolute;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    background: white;
    z-index: 10;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
}

@media (max-width: 480px) {
    .tablet\:text-center {
        text-align: center
    }

    .headimgresp {
        display: block;
    }

    .headimg {
        display: none;
    }

    .headcontent {
        grid-column: span 4 / span 4;
        padding: 0 0 20px 0;
    }

    .nav-list {
        display: none;
    }
	
	.mobile-menu {
		display: block;
	}

    h2.large {
        font-size: 2em;
    }

    h3.large {
        font-size: 1.8em;
    }
	
	#contentsection {
		padding-top: 40px;
		padding-bottom: 40px;
		padding-left: 20px;
		padding-right: 40px;
	}

    .change,
    .section.campaign {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .changeblock {
        grid-template-columns: repeat(1, minmax(0, 1fr));
        padding: 20px;
        text-align: center;
    }

    .changebox {
        max-width: 100%;
    }

    .campaignimg,
    .volunteer,
    .footer {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .campaign .container {
        max-width: 90%;
    }

    .campaign.desc {
        padding: 50px;
        margin: 10% 0 0 0;
    }

    .volleft {
        text-align: center;
    }

    .voteimg {
        max-width: 100%;
        margin: auto;
    }

    .footertxtlft {
        padding: 0;
        text-align: center;
    }

    .footerlinks {
        padding: 50px 0;
        overflow: hidden;
    }
	
	#formbuilder .row-fluid.half, #formbuilder .row-fluid.quarter {
		width: 100%;
		float: none;
	}
	
	#formbuilder .orderquantity {
		max-width: 30px;
	}
	
	#formbuilder .phoneshort1 {
		max-width: 100px;
	}
	
}

@media (max-width: 640px) {
    .tablet\:text-center {
        text-align: center
    }

    .headimgresp {
        display: block;
    }

    .headimg {
        display: none;
    }

    .headcontent {
        grid-column: span 4 / span 4;
        padding: 0 0 20px 0;
    }

    .nav-list {
        display: none;
    }
	
	.mobile-menu {
		display: block;
	}

    h2.large {
        font-size: 2em;
    }

    h3.large {
        font-size: 1.8em;
    }
	
	#contentsection {
		padding-top: 40px;
		padding-bottom: 40px;
		padding-left: 20px;
		padding-right: 40px;
	}

    .change,
    .section.campaign {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .changeblock {
        grid-template-columns: repeat(1, minmax(0, 1fr));
        padding: 20px;
        text-align: center;
    }

    .changebox {
        max-width: 100%;
    }

    .campaignimg,
    .volunteer,
    .footer {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .campaign .container {
        max-width: 90%;
    }

    .campaign.desc {
        padding: 50px;
        margin: 10% 0 0 0;
    }

    .volleft {
        text-align: center;
    }

    .voteimg {
        max-width: 100%;
        margin: auto;
    }

    .footertxtlft {
        padding: 0;
        text-align: center;
    }

    .footerlinks {
        padding: 50px 0;
        overflow: hidden;
    }
	
	#formbuilder .row-fluid.half, #formbuilder .row-fluid.quarter {
		width: 100%;
		float: none;
	}
	
	#formbuilder .orderquantity {
		max-width: 30px;
	}
	
	#formbuilder .phoneshort1 {
		max-width: 100px;
	}
}

@media (max-width: 768px) {
	.change,
    .section.campaign {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .changeblock {
        grid-template-columns: repeat(1, minmax(0, 1fr));
        padding: 20px;
        text-align: center;
    }

    .changebox {
        max-width: 100%;
    }
	
    .volunteer,
    .footer {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
	.campaign .container {
		max-width: 90%;
	}
	
	.volleft {
        text-align: center;
    }

    .voteimg {
        max-width: 100%;
        margin: auto;
    }
	
	.voteimg img {
		max-width: 70%;
		margin: 0 auto;
	}

    .footertxtlft {
        padding: 0;
        text-align: center;
    }

    .footerlinks {
        padding: 50px 0;
        overflow: hidden;
    }
}

@media (max-width: 1024px) {
    .laptop\:text-center {
        text-align: center
    }
}

@media (max-width: 1280px) {
    .desktop\:text-center {
        text-align: center
    }
}