/* ~~~~~~~~~~~~~~~~~~~  Tablet: Landscape ~~~~~~~~~~~~~~~~~~~ */
@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {

	/* ~~~~~~~~~~~~~~ General ~~~~~~~~~~~~~~ */
	.heading-text h3 {
		font-size: 2.25rem;
	}

	h2 {
		font-size: 1.75rem;
	}

	h3 {
		font-size: 1.5rem;
	}

	h4 {
		font-size: 1.25rem;
	}

	h5 {
		font-size: 1.15rem;
	}

	/* ~~~~~~~~~~ Sections ~~~~~~~~~~ */
	/* Logo */

	/* Nav */
	#mainMenu:not(.menu-overlay) nav>ul>li>a {
		font-size: 24px;
		text-align: left;
	}

	/* Footer */
	#footer-contact {
		margin-bottom: 2vh;
	}

	/* ~~~~~~~~~~ Pages ~~~~~~~~~~ */
	/* Home Page */
	#home-landing-img {
		background-position: 40% 0%;
	}

	#opening-text {
		color: white;
		text-shadow: 2px 2px black;
		line-height: 1.65em;
		font-size: 4.4em;
		font-weight: 800;

		text-align: center;
		margin-left: 15px;
	}

	.offset-lg-2 {
		margin-left: 7.666667%;
	}

	#mini-about-section #mini-about-text {
		background-image: url(../images/banner3.jpg);
		background-position: 88% 80%;
		background-size: cover;
		padding: 2vh 2vh;
	}

	#mini-about-text h3 {
		font-size: 2em;
		margin-top: 0px;
		width: 100%;
		font-weight: 400;
		font-family: "Poppins", sans-serif;
	}

	.about_us {
		padding-bottom: 130px;
		text-decoration: none;

	}

	.about_us h2,
	.about_us h5 {
		font-size: 2em;
	}




	#attorneys-section .attorney_card .btn {
		height: 45px;
		width: 115px;
		position: relative;
		top: 28px;
	}




	/* Portal */
	#madden-portal-services {
		padding: 3px;
		background-color: rgba(255, 245, 245, 100%);
		position: fixed;
		width: 90%;
		height: fit-content;
		border: 3px solid black;
		margin: auto;
		top: 0;
		right: 0;
		left: 0;
		bottom: 0;
		z-index: 999;
		border-radius: 15px;
		display: none;
	}

	#service-title {
		font-size: 1.5em;
		text-align: center;
		font-weight: 700;
		padding-top: 10px;
		height: 40px;
	}

	#service-description {
		padding-top: 0;
		font-size: 1.5em;

	}

}



/* ~~~~~~~~~~~~~~~~~~~  Tablet: Portrait ~~~~~~~~~~~~~~~~~~~ */
@media only screen and (min-width: 481px) and (max-width: 768px) and (orientation: portrait) {

	/* ~~~~~~~~~~~~~~ General ~~~~~~~~~~~~~~ */
	.heading-text h3 {
		font-size: 2.25rem;
	}

	h2 {
		font-size: 1.75rem;
	}

	h3 {
		font-size: 1.5rem;
	}

	h4 {
		font-size: 1.25rem;
	}

	h5 {
		font-size: 1.15rem;
	}

	/* ~~~~~~~~~~ Sections ~~~~~~~~~~ */
	/* Logo */

	/* Nav */
	#mainMenu:not(.menu-overlay) nav>ul>li>a {
		font-size: 24px;
		text-align: left;
	}

	/* Footer */
	#footer-contact {
		margin-bottom: 2vh;
	}

	/* ~~~~~~~~~~ Pages ~~~~~~~~~~ */
	/* Home Page */
	#home-landing-img {
		background-position: 40% 0%;
	}

	#opening-text {
		color: white;
		text-shadow: 2px 2px black;
		line-height: 1.65em;
		font-size: 4.2em;
		font-weight: 800;

		text-align: center;
		margin-left: 20px;
	}

	#mini-about-section #mini-about-text {
		background-image: url(../images/banner3.jpg);
		background-position: 78% 100%;
		background-size: cover;
		padding: 2vh 2vh;
	}

	.about_us {
		padding-bottom: 130px;

	}

	.about_us h2,
	.about_us h5 {
		font-size: 3em;
	}

	.attorney_card {
		height: 45vh;
		text-align: center;
	}


	#attorneys-section .attorney_card .btn {
		height: 45px;
		width: 115px;
		position: relative;
		top: 45px;
	}

	/* Portal */
	#madden-portal-services {
		padding: 3px;
		background-color: rgba(255, 245, 245, 100%);
		position: fixed;
		width: 90%;
		height: fit-content;
		border: 3px solid black;
		margin: auto;
		top: 0;
		right: 0;
		left: 0;
		bottom: 0;
		z-index: 999;
		border-radius: 15px;
		display: none;
	}

	#madden-portal-services .portal_container {
		height: 100%;
		width: 100%;
		border: 1px solid black;
		border-radius: 5px;
		padding-bottom: 25px;
	}

	#service-title {
		font-size: 1.5em;
		text-align: center;
		font-weight: 700;
		padding-top: 10px;
		height: 40px;
	}

	#service-description {
		padding-top: 0px;
		font-size: 1.5em;

	}

	#modal-close-row {
		position: absolute;
		width: 100%;
		left: 15px;
		top: auto;
		bottom: 15px;
	}


}

/* ~~~~~~~~~~~~~~~~~~~  Cell Phone: Landscape ~~~~~~~~~~~~~~~~~~~  */
@media only screen and (max-height: 481px) and (max-width: 926px) and (orientation: landscape) {

	/* ~~~~~~~~~~ Global ~~~~~~~~~~ */
	.heading-text h3 {
		font-size: 2.25rem;
	}

	h2 {
		font-size: 1.75rem;
	}

	h3 {
		font-size: 1.5rem;
	}

	h4 {
		font-size: 1.25rem;
	}

	h5 {
		font-size: 1.15rem;
	}

	.container {
		max-width: 92vw;
	}

	/* ~~~~~~~~~~ Sections ~~~~~~~~~~ */
	/* Logo */


	/* Nav */
	#mainMenu:not(.menu-overlay) nav>ul>li>a {
		font-size: 18px;
		text-align: left;
	}

	/* Footer */
	#footer-contact {
		margin-bottom: 2vh;
	}

	/* ~~~~~~~~~~ Pages ~~~~~~~~~~ */
	/* Home Page */
	#home-landing-img {
		background-position: 40% 0%;
	}

	#opening-text {
		color: white;
		text-shadow: 2px 2px black;
		line-height: 1.65em;
		font-size: 3.4em;
		font-weight: 800;
		text-align: center;
		margin-top: 0px;
	}

	#mini-about-section #mini-about-text {
		background-image: url(../images/banner3.jpg);
		background-position: 78% 110%;
		background-size: cover;
		padding: 8vh 9vh;

	}

	#mini-about-text h3 {
		font-size: 2em;
		margin-top: 0px;
		width: 68%;
		font-weight: 400;
		font-family: "Poppins", sans-serif;
	}

	.about_us {
		padding-bottom: 50px;
	}


	/* About */
	.attorney_card {
		height: 130vh;
	}

	.attorney_card img {
		width: 100% !important;
	}

	#about-text-section p {
		font-size: 1.15rem;
	}

	#attorneys-section .attorney_card .btn {
		height: 40px;
		width: 115px;
		position: relative;
		top: 85px;
	}




	/* Portal */

	#madden-portal-services {
		padding: 3px;
		background-color: rgba(255, 245, 245, 100%);
		position: fixed;
		width: 95%;
		height: fit-content;
		border: 3px solid black;
		margin: auto;
		top: 0;
		right: 0;
		left: 0;
		bottom: 0;
		z-index: 999;
		border-radius: 15px;
		display: none;
	}



	#madden-portal-services .portal_container {
		height: 100%;
		width: 100%;
		border: 1px solid black;
		border-radius: 5px;
		padding-bottom: 25px;
	}

	#service-title {
		font-size: 1.5em;
		text-align: center;
		font-weight: 700;
		padding-top: 10px;
		height: 40px;
	}

	#service-description {
		font-size: 1.5em;

	}




	#madden-portal {
		background-color: rgba(148, 148, 148, 0.6);
		position: fixed;
		width: 70%;
		height: auto;
		border: 3px solid black;
		margin: auto;
		top: 1vh;
		right: 0;
		left: 0;
		z-index: 999;
		display: none;
		margin-bottom: 1;
	}

	#modal-close-row {
		position: absolute;
		width: 100%;
		left: 15px;
		top: auto;
		bottom: 15px;
	}

}



/* ~~~~~~~~~~~~~~~~~~~  Cell Phone: Portrait ~~~~~~~~~~~~~~~~~~~  */
@media only screen and (max-width: 480px) and (orientation: portrait) {

	/* ~~~~~~~~~~ Global ~~~~~~~~~~ */
	.heading-text h3 {
		font-size: 2.25rem;
	}

	h2 {
		font-size: 1.75rem;
	}

	h3 {
		font-size: 1.5rem;
	}

	h4 {
		font-size: 1.25rem;
	}

	h5 {
		font-size: 1.15rem;
	}

	/* ~~~~~~~~~~ Sections ~~~~~~~~~~ */
	/* Logo */


	/* Nav */
	#mainMenu:not(.menu-overlay) nav>ul>li>a {
		font-size: 18px;
		text-align: left;
	}

	/* Footer */
	#footer-contact {
		margin-bottom: 2vh;
	}

	/* ~~~~~~~~~~ Pages ~~~~~~~~~~ */
	/* Home Page */
	#home-landing-img {
		background-position: 40% 0%;
	}

	#opening-text {
		color: white;
		padding: 30px;
		padding-top: 13vh;
		text-shadow: 2px 2px black;
		line-height: 1.65em;
		font-size: 3.4em;
		font-weight: 800;

		text-align: center;
		margin-left: 0px;
	}

	#mini-about-section #mini-about-text {
		background-image: url(../images/banner3.jpg);
		background-position: 99% 75%;
		background-size: auto;
		background-repeat: no-repeat;
		height: 72vh;
		padding: 2vh 2vh;
	}

	#mini-about-text h3 {
		width: 100%;
	}

	.about_us {
		padding-bottom: 100px;
	}

	/* Portal */



	#service-title {
		font-size: 1.4em;
		text-align: center;
		font-weight: 700;
		padding-top: 10px;
		padding-right: 5px;
		height: 40px;
	}

	#service-description {
		padding-top: 0;
		font-size: 1.5em;
		/* margin: 25px; */
	}

	#about-landing-img.halfscreen {
		min-height: 36vh;
		background-position: 36% 65%;
	}


	#madden-portal-services {
		padding: 3px;
		background-color: rgba(255, 245, 245, 100%);
		position: fixed;
		width: 97%;
		height: fit-content;
		border: 3px solid black;
		margin: auto;
		top: 0;
		right: 0;
		left: 0;
		bottom: 0;
		z-index: 999;
		border-radius: 15px;

	}

	#madden-portal-services .portal_container {
		height: 100%;
		width: 100%;
		border: 1px solid black;
		border-radius: 5px;
		padding-bottom: 50px;
	}


	/*card */

	#madden-portal {
		background-color: rgba(148, 148, 148, 0.6);
		position: fixed;
		width: 97%;
		height: fit-content;
		border: 3px solid black;
		margin: auto;
		top: 15vh;
		right: 0;
		left: 0;
		z-index: 999;
		display: none;
	}

	#modal-close-row {
		position: absolute;
		width: 100%;
		left: 15px;
		top: auto;
		bottom: 15px;
	}

}