@charset "utf-8";
/* CSS Document */

@font-face{
	font-family: 'Glacial Indifference';
	src: url("Fonts/GlacialIndifference-Regular.otf") format('opentype');
	font-style: normal;
	font-weight: 400;
}

@font-face{
	font-family: 'The Seasons';
	src: url("Fonts/otf/TheSeasons-Reg.otf") format('opentype');
	font-style: normal;
	font-weight: 400;
}



body{
	margin:0;
	padding: 0;
	box-sizing: border-box;
	 
}

#wrapper{
	position:absolute;
	top:0;
	left:0;
	width:100%;
}

html{scroll-behavior: smooth;}

.logo{
	position:absolute;
	top:10px;
	left:2.5%;
	width:13%;
	z-index: 999999999;
}

 
.header{
	position:relative;
	margin:0px auto;
	width: 100%;
	height:130px;
	background: transparent;
	text-align:center;	 
	z-index: 99999; 
}

.navbar{
	position:absolute;
	top:40px;
	left:17%;
	width:80%;
	height:60px; 
	text-align:center;
	z-index: 9999999999; 
}

.navbar ul{
	list-style: none;
} 

.navbar ul li{
	position:relative;
	float:left;
	 
}

.navbar ul li a{
	font-family: "futura-pt", sans-serif;
	font-size:.95em;
	padding:10px;
	width:198px; 
	color:#222222;
	display: block;
	transition:all .4s ease-in-out;
	text-decoration:none;
	 
}

.navbar ul li a:hover{
	background:#333333;
	color:#FFFFFF;
	width:200px;
}

.navbar ul li ul{
	position:absolute;
	left:5px;
	width:240px;
	background:#FFFFFF;
	display: none;
	text-align: left;
}

.navbar ul li ul li{
	width:100%;
	border-top:1px solid #EFEFEF;
	left:-10px;
}

.navbar ul li:hover > ul{
	display: initial;
}

.slidetext{
	position:absolute;
	top:950px;
	right:20%;
	width:20%;
	z-index: 99999;
	display: block;
	text-align:center;
}

.slidetext a:link{text-decoration:none;}

.slidetext h2{
	font-family: "futura-pt", sans-serif;
	font-size:2em;
	font-weight: 800;
	color:#222222;
	text-shadow: 1px 1px 2px #000000;
}


.tagbtn{
	position:relative;
	margin:20px 31%;
	width:35%; 
	text-align: center;
	padding:8px;
	background:#55af4b;
	font-family: "futura-pt", sans-serif;
	font-size: 1em;
	color:#FFFFFF;
	transition: all .4s ease-in-out;
	border: .25px solid #222222;
	text-decoration:none;
	border: 1px solid green;
}

.tagbtn:hover{
	background:#999;
	color:#FFFFFF;
	text-decoration:none;
}

.sliderwrapper{
	max-height:600px; 
	display:flex;
	overflow-x: auto;
	overflow-y: hidden;
	display: none;
}

body::-webkit-scrollbar-thumb{
	 background: red;

}

.sliderwrapper .item{
	width:100%;
	height:600px;
	line-height:600px;
	text-align: center;	 
}


.carousel-inner{width:100vw; height:800px;}
.carousel-item img{width: 110vw; height:800px;}	
 


.tagarea{
	position:relative;
	margin:10px auto;
	width:100%;
	height:200px;
	background:transparent;
	display: flex;
}

.tagarea h1{
	position:relative;
	margin:auto;
	font-family: "futura-pt", sans-serif;
	font-size: 3em;
	color:#000000;
	font-weight: 700;
}

 
.videoarea{
	position:relative;
	margin:50px auto;
	width:100%;
	height:700px; 
	 
}

.video-wrapper {
	position: relative;
	width: 100%;
	padding-bottom: 30%;
}

.tagline1{
	position:absolute;
	top:250px;
	right:56%;
	width:25%;
	height:100px;
	z-index: 9999999;
} 
  
.tagline1 h5{
	font-family: 'The Seasons', serif;
	font-size: 2.8em;
	color:#FFFFFF;	 
	font-weight: 800;
	text-shadow: 3px 3px 4px #000000;
}

.tagline2{
	position:absolute;
	top:200px;
	left:16%;
	width:65%;
	height:100px;
	z-index: 9999999;
} 
  
.tagline2 h5{
	font-family: 'The Seasons', serif;
	font-size: 1.6em;
	color:#222222;
	font-variant: small-caps;
	font-weight: 600;
	text-shadow: ;
}


.reviews{
	position:relative;
	margin:150px auto;
	width:100%;
	height:450px;
	display: flex;
	overflow-x: auto;
	background-image: url("Backgrounds/ReviewsBkgrnd4.jpg");
	background-position: center;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size: cover;
}

.reviewitem{
	min-width: 100%;
	height:relative;
	text-align: center;
	overflow-y: hidden;
}
 

.DWEVideo{
	position:relative;
	margin:0 auto;
	width:100%;  
}

 
.button{
	position:relative;
	margin:15px 0;
	width:60%;
	background-color:rgba(2,168,26,1.00);
	font-family: "futura-pt", sans-serif;
	font-weight: 700;
	font-style: normal;
	text-decoration:none;
	color: #FFFFFF;
	text-decoration:none;
	text-align:center;
	padding:10px;
	border: .25px solid #EFEFEF;
	transition:all .4s ease;
}

.button:hover{
	 
	background:#AAA;
	color:#222222;
}

.box{
	flex-basis: 40%;
}

.boxtext{
	flex-basis: 55%;
}

 
 
.section2{
	position:relative;
	margin:0px auto;
	width:100%;
	padding-bottom:50px; 
}

.section2flex{
	position:relative;
	margin:20px auto;
	width:80%;
	display: flex;
	justify-content: space-between;
	gap:40px;
	align-items: center;
}

.section2flex p{
	font-family: "futura-pt", sans-serif;
	font-weight: 400;
	font-style: normal;
	text-decoration:none;
	color: #222222;
	font-size:.95em;
}

.carousel2{
	position: relative;
	max-width:900px;
	margin: 60px auto;
	background-color: #EFEFEF;
	overflow: hidden;
}

.carousel2 .carousel2-inner{
 	position:relative;
	width:400%;
	display: flex;
	transition: transform 0.6s cubic-bezier(0.858, 0.01, 0.068, 0.99);
}

.carousel2-inner .carousel2-item{
	width:25%;
}

.carousel2-caption{
	padding:50px 120px 80px;
	text-align:center;
}

.carousel2 h5{
	font-family: "futura-pt", sans-serif;
	font-size:1.3em;
	font-weight:500;
	text-transform: capitalize;
	margin-bottom:20px;
}

.carousel2 input{
	display: none;
}

.carousel2 .indicators{
	width:100%;
	position:absolute;
	bottom:20px;
	left:0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.carousel2 .indicators label{
	position:relative;
	width:25px;
	height:7px;
	margin: 0 3px;
	background-color: #444444;
	border-radius:5px;
	cursor: pointer;
}

#indicator1:checked ~ .indicators label:nth-child(1),
#indicator2:checked ~ .indicators label:nth-child(2),
#indicator3:checked ~ .indicators label:nth-child(3),
#indicator4:checked ~ .indicators label:nth-child(4){
	background-color: aqua;
}

#indicator1:checked ~ .carousel2-inner{
	transform: translateX(0%);
}

#indicator2:checked ~ .carousel2-inner{
	transform: translateX(-25%);
}

#indicator3:checked ~ .carousel2-inner{
	transform: translateX(-50%);
}

#indicator4:checked ~ .carousel2-inner{
	transform: translateX(-75%);
}

.testimonialsheader{
	position:relative;
	margin:0px auto;
	width:100%;
	text-align:center;
} 


.asfeatured{
	position:relative;
	margin:40px auto;
	width:60%;
	text-align: center;
}



.announcement{
	position:relative;
	margin: 75px auto;
	width:100%;
	text-align: center;
	font-family: 'Anton', sans-serif;
	font-size: 2em;
	
}

.IGSECTIONDESK{
	position:relative;
	margin:10px auto;
	width:90%;
	display: flex;
	justify-content: space-between;
	gap:20px;
	text-align: center;
	 
}

.IGSECTION img{flex-basis: 25%;}

.footer{
	position:absolute;
	bottom:-650px;
	left:0; 
	width:100%;
	height:550px;
	background: #EFEFEF;
	border-top: 1px solid black;
}

.footer a{
	text-decoration: none;
	color:#777777;
}

.footer img{
	width:6%;
	margin:0 5px 0 5px;
}

.footertext{
	position: relative;
	margin:25px auto;
	width:70%;
	font-family: "futura-pt", sans-serif;
	font-weight: 400;
	font-style: normal;
	text-decoration:none;
	color: #FFFFFF;
	font-size:.9em;
}

.footerflex{
	position:relative;
	margin:0 auto;
	width:100%;
	display: flex;
	justify-content: space-between;
	text-align: center;
}

.footerbox2{
	position:relative;
	margin:25px auto;
	width:80%;
}

.footerflex2{
	position:relative;
	margin:30px auto;
	width:80%;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

.footerflex2 ul{list-style:none;}

.footerleft{
	flex-basis:33%;
}

.footermid{
	flex-basis: 33%;
}

.footerright{flex-basis:33%;}

.footerright img{width: 100%;}

#mc_embed_signup{width:200px; height:400px; overflow-y: scroll;}


.footerbox{
	position:relative;
	margin:15px auto;
	width:90%;
	flex-basis: 45%;
	text-align: center;
	
}

.bottomfooter{
	position:absolute;
	bottom:-150px;
	left:0;
	width:100%;
	height:150px;
	background-color: rgba(74,74,74,1.00);
	text-align:center;
}

.mobbackground{display: none;}
#sidebar{display: none;}

.mobhome{display: none;}
.moblogo{display: none;}
.mobtestimonials{display: none;}
.mobig{display: none;}

/*CSS for dogwalking page*/


.title{
	position:relative;
	margin:0 auto;
	width:100%;
	height:150px;
	background-color:#444444;
	display: flex;	
}

.title h1{
	position:relative;
	margin:auto;
	font-family: "Glacial Indifference", sans-serif;
	font-size: 3em;
	color:#FFFFFF;
	font-weight: 700;
}

.contentarea{
	position:relative;
	margin:80px auto;
	width:80%;	
}

.contentarea h3{
	font-family: "Glacial Indifference", sans-serif;
	font-size: 1.5em;
	color:#222222;
	font-weight: 700;	
}


.contentcontainer{
	position:relative;
	margin:0 auto;
	width:98%;
	display: flex;
	flex-direction: column;
	text-align: center;
}

.contentflex{
	position:relative;
	margin:0 auto;
	width:60%;
	display: flex;
	justify-content: space-between;
	margin-bottom: 50px;
	align-items: center;
}

.box{flex-basis:50%; gap:20px; Text-align:center;}

.boxbtn{
	position:relative;
	margin:10px auto;
	width:35%;
	padding:10px;
	background-color: #222222;
	font-family: 'futura-pt', sans-serif;
	color:#FFFFFF;
	text-align:center;
	text-decoration:none;
	transition: all .4s ease-in-out;
}

.boxbtn:hover{
	background: #EFEFEF;
	color:#222222;
}


.box2{
	flex-basis:45%;
	gap:20px;
	text-align:center;
	min-height: 650px; 
}

.staffflex{
	position:relative;
	margin:0 auto;
	width:80%;
	gap:10px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.staffbox{
	flex-basis: 20%; 
	text-align: center;
	min-height:100px;	 
	border:none;
	margin-bottom:20px;
}

.staffbox2{
	flex-basis: 22%; 
	text-align: center;
	min-height:100px;	 
	border:none;
	margin-bottom:20px;
}


.staffbox img{border-radius:50%;}
.staffbox2 img{border-radius:50%;}

.stafftext{
	position:relative;
	margin:5px auto;
	width:98%;
	height:100px;
	overflow-y: scroll;
}


.stipulations{
	position:relative;
	margin: 40px auto;
	width:60%;
	height:100px;
	background-color:#FFFFFF;
	margin-bottom:125px;
}

.subfooter{
	position:relative;
	margin:0px auto;
	width:100%;
	height:125px;
	background-color: rgba(74,74,74,1.00);
}

/*CSS for training pages*/


.blocks{
	position:relative;
	margin:100px auto;
	width:80%;
	text-align: center;
}

.blocks h3{
font-family: 'Anton', sans-serif;
color:#000000;
font-size: 1.2em;
}

.blocks p{
font-family: 'Futura-pt', sans-serif;
color:#333333;
font-size:.9em;
text-align: left;
}

.blockflex{
	position:relative;
	margin:0 auto;
	width:90%;
	display: flex;
	justify-content: space-between;
	gap:20px;
	flex-wrap:wrap;
}

.blockbox{
	flex-basis: 30%;
	height:260px;
	background-color: #EFEFEF;
	border: .5px solid black;
	display: flex;
}

.blockboxtext{
	position:relative;
	margin: auto;
	width:90%;
	text-align:center;	 
}


.SubMobbkgrnd{display: none;}
.mobig{display: none;}
.mobfooter{display: none;}
.sublogo{display: none;}
.mobheader{display: none;}

@media screen and (max-width:1680px){
	
.logo{
	position:absolute;
	top:10px;
	left:3%;
	width:17%;
	z-index: 99999;
}
	
.navbar{
	position:absolute;
	top:40px;
	left:30%;
	width:70%;
	height:60px; 
	text-align:center;
	z-index: 99999999; 
}

	
	

.carousel-inner{width:100vw; height:700px;}
.carousel-item img{width: 110vw; height:700px;}	
	
	
.reviews{
	position:relative;
	margin:10px auto;
	width:100%;
	height:450px;
	display: flex;
	overflow-x: auto;
	background-image: url("Backgrounds/ReviewsBkgrnd3.jpg");
	background-position: center;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size: cover;
}
	
 
	
.footerbox2{
	position:relative;
	margin:25px auto;
	width:80%;
}

.footerflex2{
	position:relative;
	margin:30px auto;
	width:90%;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
	
.slidetext{
	position:absolute;
	top:850px;
	right:20%;
	width:20%;
	z-index: 99999;
	display: block;
	text-align:center;
} 

.tagbtn{
	position:relative;
	margin:20px 31%;
	width:35%; 
	text-align: center;
	padding:6px;
	background:#55af4b;
	font-family: "futura-pt", sans-serif;
	font-size: 1em;
	color:#FFFFFF;
	transition: all .4s ease-in-out;
	border: .25px solid #222222;
	text-decoration:none;
	border: 1px solid green;
} 
	
.testimonialsheader{
	position:relative;
	margin:-50px auto;
	width:100%;
	text-align:center;
}
	
.carousel2{
	position: relative;
	 
	max-width:900px;
	margin: 60px auto;
	background-color: #EFEFEF;
	overflow: hidden;
}


	
}


@media screen and (max-width:1600px){
 	
.logo{
	position:absolute;
	top:10px;
	left:3%;
	width:17%;
	z-index: 99999;
}
	
.navbar{
	position:absolute;
	top:40px;
	left:28%;
	width:70%;
	height:60px; 
	text-align:center;
	z-index: 99999999; 
}
	
.carousel-inner{width:100vw; height:600px;}
.carousel-item img{width: 110vw; height:600px;}
	
.slidetext{
	position:absolute;
	top:775px;
	right:20%;
	width:20%;
	z-index: 99999;
	display: block;
	text-align:center;
} 
	

	
 .section2{
	position:relative;
	margin:-150px auto;
	width:100%;
	padding-bottom:50px;	
}

.section2flex{
	position:relative;
	margin:50px auto;
	width:85%;
	display: flex;
	justify-content: space-between;
	gap:40px;
	align-items: center;
	 
}	
 	
.IGSECTION{
	position:relative;
	margin:20px auto;
	width:90%;
	display: flex;
	justify-content: space-between;
	gap:20px;
	text-align: center;
	padding-bottom: 250px;
}
	
.footer{
	position:absolute;
	bottom:-750px;
	left:0; 
	width:100%;
	height:550px;
	background: #EFEFEF;
	border-top: 1px solid black;
}

.footer a{
	text-decoration: none;
}

.footer img{
	width:6%;
	margin:0 5px 0 5px;
}

.footertext{
	position: relative;
	margin:25px auto;
	width:70%;
	font-family: "futura-pt", sans-serif;
	font-weight: 400;
	font-style: normal;
	text-decoration:none;
	color: #FFFFFF;
	font-size:.9em;
}

.footerflex{
	position:relative;
	margin:0 auto;
	width:100%;
	display: flex;
	justify-content: space-between;
	text-align: center;
}

.footerbox2{
	position:relative;
	margin:25px auto;
	width:80%;
}

.footerflex2{
	position:relative;
	margin:30px auto;
	width:90%;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

.footerflex2 ul{list-style:none;}

.footerleft{
	flex-basis:33%;
}

.footermid{
	flex-basis: 33%;
}

.footerright{flex-basis:33%;}

.footerright img{width: 100%;}

#mc_embed_signup{width:200px; height:400px; overflow-y: scroll;}


.footerbox{
	position:relative;
	margin:15px auto;
	width:90%;
	flex-basis: 45%;
	text-align: center;
	
}

.bottomfooter{
	position:absolute;
	bottom:-50px;
	left:0;
	width:100%;
	height:120px;
	background-color: rgba(74,74,74,1.00);
	text-align:center;
}
	
.reviews{
	position:relative;
	margin:-125px auto;
	width:100%;
	height:450px;
	 
}
	
.announcement{
	position:relative;
	margin: 200px auto;
	width:100%;
	text-align: center;
	font-family: 'Anton', sans-serif;
	font-size: 2em;
	
}
	
.testimonialsheader{
	position:relative;
	margin:-40px auto;
	width:100%;
	text-align:center;
} 


.IGSECTION{
	position:relative;
	margin:-280px auto;
	width:90%;
	display: flex;
	justify-content: space-between;
	gap:20px;
	text-align: center;
	 
}	

}


@media screen and (max-width:1440px){	
	
.logo{
	position:absolute;
	top:15px;
	left:1%;
	width:18%;
	z-index: 99999;
}
	
.navbar{
	position:absolute;
	top:40px;
	left:24%;
	width:74%;
	height:60px; 
	text-align:center;
	z-index: 99999999; 
}
	
.navbar ul li a{
	font-family: "futura-pt", sans-serif;
	font-size: 1em;
	padding:10px;
	width:190px;
	color:#222222;
	display: block;
	transition:all .4s ease-in-out;
	text-decoration:none;
	 
}

.navbar ul li a:hover{
	background:#333333;
	color:#FFFFFF;
	width:190px;
}

.navbar ul li ul{
	position:absolute;
	left:5px;
	width:225px;
	background:#FFFFFF;
	display: none;
	text-align: left;
}


 	
.carousel-inner{width:100vw; height:550px;}
.carousel-item img{width: 100vw; height:550px;}	
.topbtn{
	position:absolute;
	top:400px;
	left:23%;	
	width:10%;
	padding:10px;
	text-align: center;
	text-decoration:none;
	background-color: #FFFFFF;
	color:#222222;
	z-index: 99999;
	border:1px solid black;
	scroll-behavior: smooth;
}	
 	
/*CSS after Erin edits*/
	
.reviews {
	position:relative;
	margin:-150px auto;
	width:100%;
	height:500px;
	background-image: url("Backgrounds/ReviewsBkgrnd3.jpg");
	background-position:center;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size:cover;
}
	
	
 

.section2flex{
	position:relative;
	margin:100px auto;
	width:75%;
	display: flex;
	justify-content: space-between;
	gap:40px;
	align-items: center;
}
	
	
.tagbtn{
	margin:10px auto;
	width:40%;}
	
.asfeatured{
	margin:-100px auto;
	padding-bottom:100px;}
	
.announcement{
	position:relative;
	margin: 105px auto;
	width:100%;
	text-align: center;
	font-family: 'Anton', sans-serif;
	font-size: 2em;
	
}

	
.IGSECTIONDESK{
	position:relative;
	margin:100px auto;
	width:90%;
	display: flex;
	justify-content: space-between;
	gap:20px;
	text-align: center;
	padding-bottom:200px; 
}
	
.footer{
	position:absolute;
	bottom: -400px;
	left:0; 
	width:100%;
	height:550px;
	background: #EFEFEF;
	border-top: 1px solid black;
}
	
.bottomfooter{
	position:absolute;
	bottom:-100px;
	left:0;
	width:100%;
	height:150px; 
}

	
.footerflex2{width:100%;}
	
.tagline1{
	position:absolute;
	top:200px;
	right:50%;
	width:35%;
	height:100px;
	z-index: 9999999; 
} 
  
.tagline1 h5{
	font-family: 'The Seasons', serif;
	font-size: 2.4em;
	color:#FFFFFF; 
	font-weight: 600;
	text-shadow: 2px 2px 3px #000000;
}
	
.slidetext{
	position:absolute;
	top:725px;
	right:20%;
	width:20%;
	z-index: 99999;
	display: block;
	text-align:center;
}
	
.slidetext h2{font-size: 1.6em;}
	
.testimonialsheader{
	position:relative;
	margin:-240px auto;
	width:100%;
	text-align:center;
}


.carousel2{
	position: relative;
	max-width:900px;
	margin: 260px auto;
	background-color: #EFEFEF;
	overflow: hidden;
}
	
/*CSS for dogwalking pages*/
	
.title{
	position:relative;
	margin:0 auto;
	width:100%;
	height:120px;
	background-color:#444444;
	display: flex;	
}

.title h1{
	position:relative;
	margin:auto;
	font-family: "futura-pt", sans-serif;
	font-size: 2.6em;
	color:#FFFFFF;
	font-weight: 700;
}
	
.contentflex{width: 75%;}
	
	
/*CSS for training page*/
	
 

	
	
}

@media screen and (max-width:1366px){
 
	
.header{
	position:relative;
	margin:0px 30%;
	width: 60%;
	height: ;
	background: #transparent;
	text-align:center;	 
	z-index: 9999999;
}

	
.navbar{
	position:absolute;
	top:40px;
	left:-15%;
	width:140%;
	height:60px; 
	text-align:center;
	z-index: 99999999; 
}
	
.navbar ul li a{
	font-family: "futura-pt", sans-serif;
	font-size: 1em;
	padding:8px;
	width:165px;
	color:#222222;
	display: block;
	transition:all .4s ease-in-out;
	text-decoration:none;
	 
} 
	
.navbar ul li a:hover{
	font-family: "futura-pt", sans-serif;
	font-size: 1em;
	padding:8px;
	width:165px;
	color:#FFFFFF;
	display: block;
	transition:all .4s ease-in-out;
	text-decoration:none;	 
}
	
	
.carousel-inner{width:100vw; height:525px;}
.carousel-item img{width: 100vw; height:525px;}	
	
.slidetext{
	position:absolute;
	top:735px;
	right:20%;
	width:20%;
	z-index: 99999;
	display: block;
	text-align:center;
}
	


	
.section2{
	position:relative;
	margin:-150px auto;
	width:100%;
	padding-bottom:50px;
	
}

.section2flex{
	position:relative;
	margin:140px auto;
	width:75%;
	display: flex;
	justify-content: space-between;
	gap:40px;
	align-items: center; 
}
	
.asfeatured{
	margin:-150px auto;
	padding-bottom:0px;}
	
	
.announcement{
	position:relative;
	margin: 250px auto;
	width:100%;
	text-align: center;
	font-family: 'Anton', sans-serif;
	font-size: 2em;
	
}
	
.IGSECTIONDESK{
	position:relative;
	margin:-180px auto;
	width:90%;
	display: flex;
	justify-content: space-between;
	gap:20px;
	text-align: center;
	padding-bottom: 100px;
}
	
.footer{
	position:absolute;
	bottom:-880px;
	left:0; 
	width:100%;
	height:550px;
	background: #EFEFEF;
	border-top: 1px solid black;
}
	
.title{
	position:relative;
	margin:0 auto;
	width:100%;
	height:100px;
	background-color:#444444;
	display: flex;	
}

.title h1{
	position:relative;
	margin:auto;
	font-family: "futura-pt", sans-serif;
	font-size: 2em;
	color:#FFFFFF;
	font-weight: 700;
}
	
.contentflex{width: 75%;}

.box2{
	flex-basis:45%;
	gap:20px;
	text-align:center;
	min-height: 700px; 
}
 	
}

@media screen and (max-width:1280px){
	
.logo{
	position:absolute;
	top:15px;
	left:1%;
	width:20%;
	z-index: 99999;
}
	
 	
.header{
	position:relative;
	margin:0px 30%;
	width: 60%;
	background: transparent;
	text-align:center;	 
	z-index: 9999999;
}

	
.navbar{
	position:absolute;
	top:35px;
	left:-10%;
	width:125%;
	height:60px; 
	text-align:center;
	z-index: 99999999; 
}
	
.navbar ul li a{
	font-family: "futura-pt", sans-serif;
	font-size: .9em;
	padding:8px;
	width:165px;
	color:#222222;
	display: block;
	transition:all .4s ease-in-out;
	text-decoration:none;
	 
} 
	
.navbar ul li a:hover{
	font-family: "futura-pt", sans-serif;
	font-size: .9em;
	padding:8px;
	width:165px;
	color:#FFFFFF;
	display: block;
	transition:all .4s ease-in-out;
	text-decoration:none;
	 
} 	
	
.carousel-inner{width:100vw; height:500px;}
.carousel-item img{width: 110vw; height:500px;}
	
.tagline1{
	position:absolute;
	top:160px;
	right:55%;
	width:35%;
	height:100px;
	z-index: 9999999;
}
	
.tagline1 h5{font-size: 1.8em;}
	
.slidetext{
	position:absolute;
	top:650px;
	right:20%;
	width:20%;
	z-index: 99999;
	display: block;
	text-align:center;
}




	
.footerbox2{width:96%;}
	
.contentflex{width:85%;}
	
}

@media screen and (max-width:1024px){
	
.logo{
	position:absolute;
	top:15px;
	left:5px;
	width:5%;
	z-index: 99;
}
	
.navbar{
	position:absolute;
	top:20px;
	left:-25%;
	width:140%;
	height:60px; 
	text-align:center;
	z-index: 99999999; 
}
	
.navbar ul li a{
	font-family: "futura-pt", sans-serif;
	font-size: .9em;
	padding:8px;
	width:150px;
	color:#222222;
	display: block;
	transition:all .4s ease-in-out;
	text-decoration:none;
	 
} 
	
.navbar ul li a:hover{
	font-family: "futura-pt", sans-serif;
	font-size: .9em;
	padding:8px;
	width:150px;
	color:#FFFFFF;
	display: block;
	transition:all .4s ease-in-out;
	text-decoration:none;
	 
} 	
	
.tagline1{
	position:absolute;
	top:100px;
	right:53%;
	width:25%;
	height:100px;
	z-index: 9999999;
} 
  
.tagline1 h5{
	font-family: 'The Seasons', serif;
	font-size: 1.8em;
	color:#FFFFFF; 
	font-weight: 600;
	text-shadow: 2px 2px 3px #000000;
}

.section2flex{
	position:relative;
	margin:170px auto;
	width:95%;
	display: flex;
	justify-content: space-between;
	gap:40px;
	align-items: center; 
}
	
	.section2flex p{font-size:.85em;}
	.slidetext{display: none;}
 
	
	
.videooverlay{
	position: absolute;
	top:40%;
	left:30%;
	width:45%;
	padding:10px;
	background-color: #EFEFEF;
	opacity: .90;
	z-index: 9999;
	display: flex;
	justify-content: space-between;
	gap:20px;
	align-items: center;
}
	
	
.videocan{
	position:relative;
	margin:80px auto;
	width: 100%;
	height:1050px;
	overflow: hidden;
}
	
.section2{margin:0px auto; padding-bottom:300px;}
	
.section2flex{
	position:relative;
	margin:50px auto;
	width:90%;
	display: flex;
	justify-content: space-between;
	gap:40px;
	align-items: center;
}
	
.carousel-inner{height:300px;}		
.carousel-item img{width: 110vw; height:300px;}
	
.testimonialsheader{
	position:relative;
	margin:-240px auto;
	width:100%;
	text-align:center;
}


.carousel2{
	position: relative;
	max-width:-340px;
	margin: 260px auto;
	background-color: #EFEFEF;
	overflow: hidden;
}
	
	.contentflex{
		width:95%;
	}
	
.footer h2{font-size: 1.2em;}
.footer a{}
.footerright{flex-basis:33%;}
	.footerflex2{gap 10px;}
.footerright img{width: 100%;}
	
#mc_embed_signup{width:450px;}
	
/*CSS for training page*/
	
	.blockflex{
		flex-direction: column;
		width:80%;
	}
	
	.blockbox{
		flex-basis:100%;
		margin-bottom:25px;
	}


	
}

@media screen 
	and (min-width:734px)
	and (max-width:1023px){
		
 
		
.logo{width:29%;}
	
.carousel-inner{height:350px;}		
.carousel-item img{width: 110vw; height:350px;}

		
	.header{display: none;}
		.mobheader{
			position:relative;
			margin:0 auto;
			width:100%;
			height:130px;
			background-color: #FFFFFF;
			display: block;
		}
		
		.navbar{width:150%; border: 1px solid red;}
		
.navbar ul li a {width:130px;}
		
.videoarea{
	position:relative;
	margin:50px auto;
	width:100%;
	height:800px; 
	display: block;
}
		
.testimonialsheader{
	position:relative;
	margin:-320px auto;
	width:100%;
	text-align:center;
}


.carousel2{
	position: relative;
	max-width:1900px;
	margin: 260px auto;
	background-color: #EFEFEF;
	overflow: hidden;
}
		
.IGSECTIONDESK{
	flex-direction: column;
}

.footerright{display: none;}	
}


@media screen and (max-width:732px){
	
.topheader{
	position:relative;
	margin:0 auto;
	width:100%;
	height:60px;
	background-color: #000000;
	text-align:center;
}

.topheader a{
	line-height:55px;
	font-family: "futura-pt", sans-serif;
	font-weight: 400;
	font-style: normal;
	color:#FFFFFF;
	text-decoration: none;
	font-size: 1em;
}
	
.menu{display: none;}
	
.logo{
	position:absolute;
	top:65px;
	left:25%;
	width:65%;
	z-index: 99;
	display: none;
}
	
.moblogo{
	position:absolute;
	top:55px;
	left:22%;
	width:65%;
	display: block;
	z-index: 9999;
}
	
.sublogo{
	position:absolute;
	top:50px;
	left:28%;
	width:45%;
	display: block;
	z-index: 9999;
}

.subbkgrnd{display: none;}	
.parallaximg{display: none;}
.mobbackground{
	position:relative;
	margin:0 auto;
	width:100%;
	height:800px;
	display: block;
	background-image: url("Backgrounds/mobhm1.jpg");
	background-position: top, left;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size:cover;
	display:flex;
	justify-content:space-between;
	flex-direction:column;
	align-items: center;
	text-align:center;
}
	
.mobbackground h1{
	position:relative;
	margin:auto;	
	font-family: 'Anton', sans-serif;
	font-size: 2em;
	color:#FFFFFF;
	text-shadow: 0 0 5px #000000;
	margin-top:50px;
}
	
.mobbackground h2{
	position:relative;
	margin:auto;
	font-family: 'Anton', sans-serif;
	font-size: 2em;
	color:#FFFFFF;
	text-shadow: 0 0 5px #000000;
}
	
.mobhome{
	position:relative;
	margin:40px auto;
	width:100%;
	display: block;
}
	
.videoarea{
	position:relative;
	margin:50px auto;
	width:100%;
	height:300px; 
	display: block;
}	
.box{
	flex-basis: 100%;
	margin-bottom:40px;
}
	
 
.section2flex{flex-direction: column; width:80%;}
	
	.footer{ display: none;}
	.footertext{width:90%; text-align:center;}
	
	.footerflex{
		flex-direction: column;
		width:100%;
	}
	
	.footerbox{flex-basis:100%; margin:0 0 40px 0; text-align: center;}
	
	#sidebar{
		position:fixed;
		background:#666666;
		width:200px;
		right:-200px;
		height:100%;
		display: block;
		top:0;
		opacity: .90;
		transition: right 0.3s linear;
		z-index: 999999999;
	}
	
	#sidebar.visible{
		right:0;
		transition: right 0.3s linear;
	}
	
	#sidebar-btn{
		display: inline-block;
		vertical-align: middle;
		width:40px;
		height:15px;
		cursor:pointer;
		margin:15px;
		position:fixed;
		top:90px;
		right:330px;
		z-index: 99999999;
	}
	
	#sidebar-btn span{
	height:3px;
	background:#222222;
	box-shadow: none;
	margin-bottom:5px;
	display: block;
}
			
#sidebar-btn span:nth-child(2){width:100%;}
#sidebar-btn span:nth-child(3){width:100%;}
	
ul{
	margin:0;
	padding:0;				
}
			
ul li{list-style:none; padding-top:10px;}
	
ul li a{
	font-family:'Anton', sans-serif;
	font-size:.9em;
	color:#FFFFFF;
	border-bottom:.25px solid #FFFFFF;
	display:block;
	width:152px;
	padding:15px 0 15px 10px;
	text-decoration:none;				
}
	
.carousel-inner{display:none;}
.carousel-item img{width: 110vw; height:100px;}

.testimonialsheader{
	display: none;
}


.carousel2{
	display: none;
}
.section2{display: none;}
	
#mobreveiws{display: none;}
	
 
	
.mobtestimonials{
	position:relative;
	margin:-840px auto;
	width:20rem;
	height:20rem;
	overflow-x: scroll;
	scroll-snap-type: x mandatory;
	display: none;
}
	
.announcement{
	display: none;
	
}
	
.announcement{display: none;}
.IGSECTIONDESK{display: none;}
	
.asfeatured{
	margin:-150px auto;
	padding-bottom:0px;
	width:100%;	
}

	
	
.mobig{
	position:relative;
	margin:175px auto;
	width:90%;
	display: block;
}
	
	.mobfooter{
		position:absolute;
		bottom:-300px;
		left:0;
		width:100%;
		height:260px;
		background-color: rgba(74,74,74,1.00);
		display: block;
	}
	
	.mobfooter img{width:8%; margin: 0 5px 0 5px;}
	
/*CSS for dogwalking page*/
	

 
.SubMobbkgrnd{
	position:relative;
	margin:0 auto;
	width:100%;
	display: block;
}
	
.title h1{font-size: 1.3em;}
	.contentarea{width:90%; overflow:hidden;}
.contentflex{flex-direction:column;}

.subfooter{
	position:absolute;
	bottom:-650px;
	left:0;
	width:100%;
	height:205px;
	background-color: rgba(74,74,74,1.00);
}
	
	.stipulations{width:90%;}
	
	
	
	
/*CSS for staff page*/
	
	.staffflex{flex-direction:column;}
	.staffbox{flex-basis:80%;}

	
	
}

@media screen and (max-width:600px){
 	
	.navbar ul{display: none;}
	
	.carousel-inner{height:250px;}		
.carousel-item img{width: 110vw; height:250px;}
	
.videocan{
	position:relative;
	margin:140px auto;
	width: 100%;
	height:1050px;
	overflow: hidden;
}
	
.testimonialsheader{
	position:relative;
	margin:-600px auto;
	width:100%;
	text-align:center;
}


.carousel2{
	position: relative;
	max-width: 900px;
	margin: 700px auto;
	background-color: #EFEFEF;
	overflow: hidden;
}
	
.announcement{
	position:relative;
	margin: -650px auto;
	width:100%;
	text-align: center;
	font-family: 'Anton', sans-serif;
	font-size: 2em;
	
}
	
.IGSECTION{
	position:relative;
	margin:700px auto;
	width:90%;
	display: flex;
	justify-content: space-between;
	gap:20px;
	text-align: center;
	padding-bottom: 100px;
}

	
.footer{
	position:absolute;
	bottom:0px;
	left:0; 
	width:100%;
	height:550px;
	background: #EFEFEF;
	border-top: 1px solid black;
}

 

	
	
	
}


.vimeo-wrapper {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	pointer-events: none;
	overflow: hidden;
 }
 .vimeo-wrapper iframe {
	width: 100vw;
	height: 56.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
	min-height: 100vh;
	min-width: 177.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
 }