/* ~~~~~~~~~~~~~~~~~~~  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: 1.4em;
		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: 40%;
		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;

	}

	#mini-about-text h3 {
		font-size: 1.7em;
		margin-top: 20px;
		width: 80%;
		font-weight: 400;
		font-family: "Poppins", sans-serif;
		margin-left: 7px;
		color: #000000;
		text-shadow: 2px 2px #ffffff;
	}

	#services-card .background_black .img_project {
		height: 149px;
	}

	.contact-section {
		padding-top: 0px;
		padding-bottom: 100px;
		padding-left: 300px;
	}
}



/* ~~~~~~~~~~~~~~~~~~~  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: 3.5em;
		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: 30%;
		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: 0px;
		font-size: 1.5em;

	}

	.social-iconss {
		font-size: 20px;
		text-align: center;
		padding-left: 96px;
	}

	.subtitle {
		color: black;
		font-size: 2.2em;
		font-weight: 900;
		opacity: 0;
		transform: translateY(3rem);
		animation: fadeInUp 2s 2.5s ease forwards;
		padding-left: 57px;
		padding-bottom: 8px;
	}

	#mini-about-text h3 {
		font-size: 1.7em;
		margin-top: 20px;
		width: 80%;
		font-weight: 400;
		font-family: "Poppins", sans-serif;
		margin-left: 9px;
		color: #000000;
		text-shadow: 2px 2px #ffffff;
	}

	#footer .footer-content {
		text-align: center;
	}

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

	#services-card .background_black .img_project {
		height: 107px;
	}

	.contact-section {
		padding-top: 0px;
		padding-bottom: 100px;
		padding-left: 200px;
	}
}

/* ~~~~~~~~~~~~~~~~~~~  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: 75px;
	}




	/* Portal */

	#madden-portal-services {
		padding: 3px;
		background-color: rgba(255, 245, 245, 100%);
		position: fixed;
		width: 95%;
		height: 90%;
		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 {
		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;
	}

	.contact-section {
		padding-top: 0px;
		padding-bottom: 0px;
		padding-left: 271px;

	}




}



/* ~~~~~~~~~~~~~~~~~~~  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: 18vh;
		text-shadow: 2px 2px black;
		line-height: 1.65em;
		font-size: 1.6em;
		font-weight: 800;
		text-align: center;
		margin-left: 0px;
		height: 10px;
	}

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

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

	.about_us {
		padding-bottom: 100px;
	}

	/* Portal */



	#service-title {
		font-size: 1.5em;
		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: 75%;
		border: 3px solid black;
		margin: auto;
		top: 0;
		right: 0;
		left: 0;
		bottom: 0;
		z-index: 999;
		border-radius: 15px;
	}


	/*card */

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

	.social-iconss {
		font-size: 20px;
		text-align: center;
		padding-left: 96px;
	}

	.subtitle {
		color: rgb(0, 0, 0);
		font-size: 1.2em;
		font-weight: 900;
		opacity: 0;
		transform: translateY(3rem);
		animation: fadeInUp 2s 2.5s ease forwards;
		padding-left: 57px;
		padding-bottom: 8px;
	}

	#mini-about-text h3 {
		    font-size: 1.5em;
		margin-top: 20px;
		width: 80%;
		font-weight: 400;
		font-family: "Poppins", sans-serif;
		margin-left: 9px;
		color: #000000;
		text-shadow: 2px 2px #ffffff;
	}

	#footer .footer-content {
		text-align: center;
	}

	.col-4 {
		flex: 0 0 auto;
		width: 101.333333%;
	}

	.contact-section {
		padding-top: 0px;
		padding-bottom: 100px;
		padding-left: 0px;
	}
#skills-achievements .projects h3 {
	font-size: 1.6em;
}

#skills-achievements .projects p {
	font-family: 'Lato', sans-serif;
    letter-spacing: 1px;
    font-size: 1.4em;
}



	
}