/* ################################################################## */
/* ################################################################## */
/* ################################################################## */
/* Changes for screen resizing - responsive  */
/* When the screen hit 768 the items below are no longer used*/
/* When the screen is below 768px the items below ARE used*/
/* ################################################################## */
/* This is the setting for iphones and MOBILES */

/* Using max-width Applies styles when the viewport width is that number or LESS  */
/* Using min-width Applies styles when the viewport width is that number or MORE  */


@media only screen and (max-device-width: 1366px) {
	.parallax-element {
		background-attachment: scroll !important;
	}
}


/* Prevent landscape mode */

/* @media (orientation: landscape) and (max-width: 768px) {
	html {
		transform: rotateZ(90deg);
	}
} */

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

	.testimonials {
		width: 90%;
		height: 60vh;

		img {
			opacity: 0.95;
		}
	}

	.logoimg img {
		max-width: 40%;
		padding: 0px;
	}

	.navbar {
		display: flex;
	}

	.content {
		background-color: rgba(255, 255, 255, 0.8);
		/* Semi-transparent background for readability */
		/* padding: 10px 10px 10px 10px; */
		border-radius: 12px;
		max-width: 1000px;
		min-width: 350px;
		/* min-height: 400px; */
		margin: 5%;
		/* width: 1200px; */
	}

	.parallax-page1 {
		padding: 0%;
		/* margin-top: 70px; */
	}

	.parallax-bg-dogs1 {
		background-image: url('../img/side-peek.png');
		background-attachment: scroll;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 100% cover;
		/* object-fit: cover; */
	}

	.parallax-dogs4 {
		background-image: url('../img/sm_woman-and-dog-line.png');
		background-attachment: scroll;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 100% cover;
	}

	.parallax-dogs5 {
		background-image: url('../img/small_dogwithlead.jpg');
		background-attachment: scroll;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 100% cover;
	}

	.navbar-brand {
		padding: 0;
		flex-wrap: nowrap;
		align-self: flex-start;
		/* Reset padding if needed */
	}

	.bookimg {
		max-width: 150px;
		/* align-content: flex-end; */
	}

	.nav-item {
		font-size: 0.5em;
	}

	.footer-hr {
		hr {
			display: block;
		}
	}

	.contact-form {
		max-width: 100vw;
		/* top | right | bottom | left */
		/* margin: 10px 20px; */
		/* padding: 5%; */
		/* padding-left: 20px; */
		/* margin-left: 40px; */
		border: 1px solid #ccc;
		/* border-radius: 8px; */
		background-color: #d4cccc;
		margin-left: 0;
	}

	.form-preamble {
		h1, h3, p {
			margin-left: 5px;
		}
	}

	.contactus {
		padding-left: 0 important !;
	}

	.parallax-page1 {
		padding: 0%;
	}

	#page1 {
		text-transform: uppercase;
		font-size: 24px;
	}

	.page1-subhead1 {
		font-size: 0.9em;
	}

	.page1-subhead2 {
		font-size: 0.8em;
	}

	.page1-subhead3 {
		font-size: 0.7em;
	}

	.card h5 {
		color: #333;
		margin-bottom: px;
		font-size: 1em;
		text-transform: uppercase;
	}

	.card p {
		color: #666;
		font-size: 0.7em;
	}

	.card {
		flex: 1 1 48%;
		margin-bottom: 2px;
		gap: 2px;
	}

	.content-contact {
		h1 {
			font-weight: 700;
			text-align: left;
			padding-left: 20px;
			font-size: 24pt;
		}

		.contact-body {
			text-align: left;
			font-weight: 300;
			padding-left: 25px;
			padding-top: 20px;
			font-size: 14pt;
		}

		.contact-body2 {
			text-align: left;
			font-weight: 300;
			padding-left: 25px;
			font-size: 12pt;
			/* padding-top: 20px; */
		}

		.contact-text {
			max-width: 75%;
			justify-content: flex-start;
		}

		.btn-contactus {
			align-items: left;
			font-size: 0.5em;
		}

		.contactusbuttons {
			padding-left: 20px;

			.card {
				border-color: none;
				box-shadow: none;
				align-items: left;
			}
		}
	}

	.services-content {
		h2 {
			font-size: 20px;
		}

		p {
			font-size: 14px;
			line-height: 1.2em;
		}

		h5 {
			font-size: 14pt;
		}

		.card-footer {
			/* pt-0;
			mb-0;
			mt-0; */

			a {
				font-size: 12px;
			}
		}
	}

	.next-icon {
		color: rgb(255, 255, 254);
		/* text-align: center; */
		/* border-top: 0; */
		top: 10px;
		/* background-color: #a02d2d; */
		/* max-width: fit-content; */
		margin-inline: auto;
		/* min-height: 4vw; */
		/* transform: translateX(-50%); */
		/* width: 50%; */
		/* padding-top: 100px; */
		/* position: relative; */
		/* justify-content: flex-end; */
		/* bottom: 10%; */
		/* margin-bottom: 10%; */
		/* text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
	padding: 30px;
	border-radius: 8px;
	max-width: 800px;
	margin: 0 auto; 
	*/
	}
}

/* End of Media Query for 768 */

/* Turn off parallax scrolling for tablets and phones */
@media screen and (max-device-width: 1024px) {
	.bgimg-1, .bgimg-2, .bgimg-3, .bgimg-0, .bgimg-4, .bgimg-5, .bgimg-6, .bgimg-7, .bgimg-8, .bgimg-9 {
		background-attachment: scroll;
	}
}

/* End of disabling scrolling parallax */
/* ################################################################## */
/* When the screen is below 550px, this applies
/* Smallest Screen size - change font and floating  */
@media screen and (max-width: 550px) {
	.navbar a {
		float: none;
		display: block;
		flex-wrap: nowrap;
	}

	.testimonials {
		width: 100%;
		height: 60vh;

		img {
			opacity: 0.95;
		}
	}

	.bookimg {
		max-width: 100px;
		/* display: none; */
		/* align-content: flex-end; */
	}

	.logoimg img {
		max-width: 30%;
		padding: 0;
		/* flex-wrap: nowrap; */
		/* align-self: flex-start; */
	}

	.navbar-toggler {
		transform: scale(0.6);
		left: 50%;
		/* Move the left edge to the center */
		transform: translateX(-50%);
		/* Shift it left by half its own width */
	}

	#page1 {
		/* text-transform: uppercase; */
		font-size: 20px;
	}

	.page1-subhead1 {
		font-size: 0.8em;
	}

	.page1-subhead2 {
		font-size: 0.7em;
	}

	.page1-subhead3 {
		font-size: 0.6em;
	}

	.card-img-top {
		width: 100%;
		height: 15vw;
		max-height: 200px;
		object-fit: cover;
	}

	.card h5 {
		color: #333;
		margin-bottom: px;
		font-size: .8em;
		text-transform: uppercase;
	}

	.card {
		padding-bottom: 10px;
	}

	.card p {
		color: #666;
		font-size: 0.6em;
	}

	/* ################################################################## */
	/* ###################   Images to be used in Parallax    ########### */
	/* ################################################################## */

	.parallax-bg-dogs1 {
		background-image: url('../img/side-peek.png');
		background-attachment: scroll;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 100% cover;
	}

	.parallax-dogs2 {
		background-image: url('../img/dogwithlead.jpeg');
		background-attachment: scroll;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 100% cover;
	}

	.parallax-dogs3 {
		background-image: url('../img/manwithdog-illustrated.jpeg');
		background-attachment: scroll;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 100% cover;
	}

	.parallax-dogs4 {
		background-image: url('../img/woman-and-dog-line.png');
		background-attachment: scroll;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 100% cover;
	}

	.parallax-dogs5 {
		background-image: url('../img/small_dogwithlead.jpg');
		background-attachment: scroll;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 100% cover;
	}

	.parallax-dogs6 {
		background-image: url('../img/d1.png');
		background-attachment: scroll;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 100% cover;
	}

	.parallax-bg-Z {
		background-color: darkgrey;
	}

	.parallax-bg-git {
		background-image: url('../img/sm_happy.jpg');
		background-attachment: scroll;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 100% cover;
	}

	.parallax-bg-sad {
		background-image: url('../img/sm_sad.jpg');
		background-attachment: scroll;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 100% cover;
	}

	.parallax-bg-git {
		background-image: url('../img/sm_happy.jpg');
		background-size: cover;
		background-attachment: scroll;
		background-repeat: no-repeat;
		background-position: center center;
	}

	.parallax-bg-sad {
		background-image: url('../img/sm_sad.jpg');
		background-size: cover;
		background-attachment: scroll;
		background-repeat: no-repeat;
		background-position: center center;
	}
}

/* End of Small Screen 400px  */

/* Change font size when cards are squeezed together on services page */

#downarrow {
	color: #3b3b3b;
}

@keyframes zoomInOut {
	0% {
		transform: translateZ(-1px) scale(2);
	}

	100% {
		transform: translateZ(-1px) scale(2.2);
	}
}

/* @media (prefers-reduced-motion: no-preference) {
	.animated-element {
		animation: slideIn 1s ease-in-out;
		transition: transform 0.3s ease;
	}
} */


/* Media query for 480 pixel's  */
@media screen and (max-width: 480px) {
	.content {
		background-color: rgba(255, 255, 255, 0.8);
		/* Semi-transparent background for readability */
		/* padding: 10px 10px 10px 10px; */
		border-radius: 12px;
		max-width: 1000px;
		min-width: 350px;
		margin: 5%;
		/* width: 1200px; */
	}

	.contactus {
		scroll-margin-top: 70px;
	}

	#Show480 {
		display: block;
	}

	.navbar a {
		float: none;
		display: block;
		flex-wrap: nowrap;
	}

	/* Reduce the size of the hamburger menu*/
	.navbar-toggler-icon {
		transform: scale(0.6);
	}

	.footer-hr {
		hr {
			display: block;
		}
	}
}

/* End of Media query for 480 pixels  */