/* ======== RESPONSIVE CSS ========= */


/* ===================================================
		MIN WIDTH 
=================================================== */
@media screen and (min-width: 1300px) {}

@media screen and (min-width: 1600px) {}

@media screen and (min-width: 1900px) {}

@media screen and (min-width: 2000px) {}

@media screen and (min-width: 2200px) {}

@media screen and (min-width: 2700px) {}


/* ------------------------------ 
	768px SMALL
------------------------------ */
@media (min-width: 768px) {
	.hide-mobile {
		display: block;
	}

	.show-mobile {
		display: none;
	}
}


@media (min-width: 576px) {
	.modal-dialog {
		max-width: 750px;
		margin: 6.75rem auto;
	}
}


/* ===================================================
		MIN - MAX WIDTH 
=================================================== */
/* ------------------------------ 
	992px - 1199px LARGE
------------------------------ */
@media (min-width: 992px) and (max-width: 1199px) {

	.page-template-page-about h1,
	.page-template-page-about .h1 {
		font-size: 68px;
	}

	.page-template-page-endorsements h2 {
		font-size: 35px;
	}

	.page-template-page-endorsements1 h2 {
		font-size: 24px;
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}

	.page-template-page-endorsements1 h4 {
		font-size: 33px;
	}
}

/* ------------------------------ 
	768px - 991px MEDIUM
------------------------------ */
@media (min-width: 768px) and (max-width: 991px) {}

/* ------------------------------ 
	501px - 767px SMALL
------------------------------ */
@media (min-width: 501px) and (max-width: 767px) {

	.home h1,
	.home .h1 {
		font-size: 68px;
	}
}


/* ===================================================
		MAX WIDTH 
=================================================== */
@media screen and (max-width: 1199px) {

	h2,
	.h2 {
		font-size: 36px;
	}

	.home .body img {
		height: 270px;
	}

	.gform_wrapper.gravity-theme .gfield_checkbox label,
	.gform_wrapper.gravity-theme .gfield_radio label {
		font-size: 14px !important;
	}

	.page-template-page-join .gform_button {
		margin-left: 4rem !important;
	}
}

@media screen and (max-width: 991px) {
	.home .body img {
		height: auto;
	}

	.page-template-page-priorities .legislative-wins ul {
		margin-right: 0;
	}

	.page-template-page-priorities .legislative-wins ul {
		padding-left: 40px;
	}

	.news-articles h1 {
		font-size: 36px;
	}

	.page-template-page-join h1,
	.page-template-page-join .h1 {
		line-height: 1;
	}

	.page-template-page-endorsements1 ul {
		columns: 2;
	}

	.page-template-page-endorsements1 h1 {
		font-size: 53px;
	}
}


@media screen and (max-width: 767px) {
	.page-template-page-priorities ul {
		padding-left: 40px;
	}

	.news-articles h1 {
		font-size: 24px;
	}

	.gform_wrapper.gravity-theme .gform_fields {
		justify-content: center;
	}

	.first_name,
	.last_name,
	.email_address,
	.phone_number {
		grid-column: 1/6 span !important;
	}

	.address,
	.city,
	.state {
		grid-column: 7/6 span !important;
	}

	.zip {
		-ms-grid-column-span: 6 !important;
		grid-column: span 6 !important;
	}

	.page-template-page-endorsements h1,
	.page-template-page-endorsements .h1 {
		font-size: 58px;
	}

	.page-template-page-join .serif {
		grid-column: 4/6 span !important;
		grid-row: 5;
	}

	.page-template-page-join .gform_button {
		margin-left: 0 !important;
	}

	.page-template-page-endorsements1 h2 {
		font-size: 30px;
	}

	.page-template-page-endorsements1 h4 {
		font-size: 40px;
	}
}

@media screen and (max-width: 640px) {
	.desktop {
		display: none !important;
	}

	.mobile {
		display: block !important;
	}

	.page-template-page-endorsements1 ul {
		columns: 1;
	}
}

@media screen and (max-width: 600px) {

	/* Reset for Mobile Admin bar */
	body {
		position: initial;
	}
}

@media screen and (max-width: 576px) {
	.page-template-page-about .img-row [class*="col-"] {
		padding-right: 0;
		padding-left: 0;
	}

	.page-template-page-about .img-row [class*="col-"]:first-child {
		margin-bottom: 30px;
	}

	.page-template-page-endorsements h1,
	.page-template-page-endorsements .h1 {
		font-size: 48px;
	}

	.page-template-page-endorsements ul {
		columns: 1;
	}

	.page-template-page-endorsements .gfield {
		grid-column: 12 span !important;
	}

	.page-template-page-endorsements1 h1 {
		font-size: 40px;
	}
}

@media screen and (max-width: 500px) {

	h1,
	.h1 {
		font-size: 68px;
	}

	.home h1,
	.home .h1 {
		font-size: 58px;
	}

	.page-template-page-endorsements h1,
	.page-template-page-endorsements .h1 {
		font-size: 40px;
	}

	.page-template-page-join .serif {
		grid-column: 4/8 span !important;
	}
}

@media screen and (max-width: 450px) {

	h1,
	.h1 {
		font-size: 58px;
	}

	.home h1,
	.home .h1 {
		font-size: 48px;
	}

	.page-template-page-priorities .hero img {
		height: 385px;
	}

	.gform_wrapper.gravity-theme .gfield.gfield--width-half {
		grid-column: 12 span !important;
	}

	.address,
	.city,
	.state,
	.page-template-page-join .serif {
		grid-row: auto;
	}

	.page-template-page-join .serif {
		grid-column: 3/8 span !important;
	}

	.page-template-page-endorsements1 h1 {
		font-size: 33px;
	}
}

@media screen and (max-width: 400px) {

	h1,
	.h1 {
		font-size: 48px;
	}

	.home h1,
	.home .h1 {
		font-size: 42px;
	}

	.page-template-page-endorsements h1,
	.page-template-page-endorsements .h1 {
		font-size: 32px;
	}

	.page-template-page-endorsements1 h2 {
		font-size: 25px;
	}

	.page-template-page-endorsements1 h4 {
		font-size: 35px;
	}
}

@media screen and (max-width: 365px) {
	.d-365 {
		display: block;
	}
}

@media screen and (max-width: 350px) {

	h1,
	.h1 {
		font-size: 42px;
	}

	h2,
	.h2 {
		font-size: 32px;
	}

	.home h1,
	.home .h1 {
		font-size: 40px;
	}

	.home h2,
	.home .h2 {
		font-size: 30px;
	}

	.page-template-page-priorities .hero img {
		height: 325px;
	}

	.gform_wrapper.gravity-theme .gform_fields {
		grid-column-gap: 0 !important;
	}

	.page-template-page-endorsements h1,
	.page-template-page-endorsements .h1 {
		font-size: 28px;
	}

	.page-template-page-join .serif {
		grid-column: 2/10 span !important;
	}

	.page-template-page-endorsements1 h1 {
		font-size: 27px;
	}
}

@media screen and (max-width: 300px) {

	h1,
	.h1 {
		font-size: 40px;
	}

	h2,
	.h2 {
		font-size: 30px;
	}

	.home h1,
	.home .h1 {
		font-size: 36px;
	}

	.home h2,
	.home .h2 {
		font-size: 28px;
	}

	.page-template-page-endorsements h1,
	.page-template-page-endorsements .h1 {
		font-size: 26px;
	}
}