@import url('https://fonts.googleapis.com/css?family=Cabin|Herr+Von+Muellerhoff|Source+Sans+Pro:400,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400&family=Shadows+Into+Light&display=swap');
*,
*::before,
*::after{
				margin: 0;
				padding: 0;
				box-sizing: border-box;
}

:root{
				--nav-font:font-family: 'Chaloops', sans-serif; font-weight: 600; font-style: normal;
				--nav-font-color: #000;
				--nav-feature-font-color: #33ccff;
				--background-color: #333366;
				--testimonial-font-color: #333366;
				--testimonial-font: font-family: 'Dancing Script', cursive;font-style: normal;
				--footer-color: #33ccff;
				--secondary-font-color: #333366;
				--button-color1: #660066;
				--button-color2: #ffcc33;
				--body-font-color: #515151;    
				--body-font: 'Open Sans', sans-serif;
				--white-color: #fff;
				--nav-font-invis: rgba(51, 204, 255,0);
				--footer-color: #33ccff;
				--tag-font2: font-family: 'Poppins', san-serif; font-weight: 100; font-style: normal;
				--tag-color: #ff9933;
				--hot-pink: #ff00ff;
				--bold-purple: /*#663366; #9966cc;*/ #ccccff;
				--dark-orange: #660066;
				--orange: #ff9933; 
				--pink: #ff00ff;
				--cyan: #33ccff;
				--yellow: #ffcc33;
				--dark-yellow: #cc6600;

}

html{
				font-family: var(--body-font);
				font-size: 10px;
				color: var(--nav-font-color);
				scroll-behavior: smooth;

}

body{
				/*overflow-x: hidden;*/
				margin: 0;
				padding: 0;
				background-color: #333366;
				box-sizing: border-box;				
  				overflow-x: hidden !important;
}

h1 {
				font-size: 2.5rem;
				font-family: var(--testimonial-font);
				color: var(--dark-orange);

}

h4{
				text-transform: uppercase;
}


a{
				text-decoration: none;
				color: var(--main-font-color);
}

p{
				font-size: 1.6rem;
}

div{
				box-sizing: border-box;
}

.dot-flex div span{

				text-decoration: none;
}

/*|||||||||||||||||| paddings  ||||||||||||||||||||*/

.pad_all{
	padding: 3rem;
}

.pad_differ{
	padding: 3rem 3rem;
}

.pad_l{
	padding-left: 3rem;
}

.pad_r{
	padding-right: 3rem;
}

.allow-logo{
	padding-top: 40vw;
}

.allow-logo-r{
	padding-top: 3rem;
}

.logo-top{
	padding-top: 0rem;
}


/*|||||||||||||||||| center flex  ||||||||||||||||||||*/

.x-direction{
				display: flex;
				flex-direction: column;
				justify-content: center;
				text-align: center;
				align-items: center;
}


.x-col{
				display: flex;
				flex-direction: column;
				justify-content: center;
				text-align: center;
				align-items: center;
}

.x-col-stretch{
				display: flex;
				flex-direction: column;
				justify-content: center;
				text-align: center;
}

.x-row{
				display: flex;
				flex-direction: row;
				justify-content: center;
				text-align: center;
				align-items: center;
}

.splitter{
				width: 100vw;
				min-height: 100vw;
}

.full{
				width: 100vw;
				min-height: 30vw;
}

/*|||||||||||||||||| buttons  ||||||||||||||||||||*/


.btn{
				display: inline-block;
				text-transform: uppercase;
				letter-spacing: 2px;
				margin-right: -2px;

}

.cta-btn{
				font-size: 1.4rem;
				background-color: var(--button-color1);
				border-style: solid;
				border-width: 2px;
				border-color: #fff;
				padding: 1.9rem 2.8rem;
				color: var(--white-color);
				border-radius: 4em;
				transition: background-color .5s;
				margin: 3rem 0;

}

.cta-btn:hover,
.cta-btn:focus{
				color: #fff;
				background-color: var(--button-color2);
}





/*/////////////////////////////////////////////////*/
/*|||||||||||||||||| sections  ||||||||||||||||||||*/
/*/////////////////////////////////////////////////*/


header{
				width: 100%;
				height: 10vh;
				position: absolute;
				top: 0;
				left: 0;
				overflow: hidden;
				z-index: 1;
}



section{
				width: 100vw;
				padding: 0rem 0rem;
				overflow: hidden;
}



/*/////////////////////////////////////////////////*/
/*|||||||||||||||||| hero section |||||||||||||||||*/
/*/////////////////////////////////////////////////*/



section .hero-section{

				position: absolute;
				overflow: hidden;
}

	.hero-container{
				background: url(images/portrait-cute-laughing-little-boy-yellow-background-copy-space_mobile.jpg)
				center 0;
				background-size: cover;
				top: 0;
				left: 0;
				overflow: hidden;
				height: 100vh;
				width: 100vw;
				flex-wrap: wrap;
				box-sizing: border-box;
				
}

.about{
    background: url(images/orange_stripes.png);
    background-size: 6rem auto;
    width: 100%;
    height: 10vw;
				box-sizing: border-box;
}


.container-secondary5{
		height: 100vh;
		width: 100vw;
        background: url(images/secondary5_mobile.jpg)
        center 0;
        background-size: cover;
        overflow: hidden;
				box-sizing: border-box;
}

.container-secondary2{
		height: 100vh;
		width: 100vw;
        background: url(images/secondary2_mobile.jpg)
        center 0;
        background-size: cover;
        overflow: hidden;
				box-sizing: border-box;
}


.ab-sky{
				position: absolute;
				top: -0vh;
				width: 100%;
				height: auto;
				box-sizing: border-box;
}

.ab-sky img{
				max-width: 100vw;
				height: auto;
}


.logo-home{
				padding-top: 0rem;
}

.logo{
				width: 100%;
				height: auto;
}

.logo a:hover {
						animation: shake 0.5s;

		/* When the animation is finished, start again */
		animation-iteration-count: infinite; 
}

.logo img{
				width: 100%;
				height: auto;
}

.ab-rocket{
				width: 33.3vw;
				height: auto;
}

.ab-rocket img{
				width: 100%;
				height: auto;
}

.spacer-sm{
				padding-top: 3em;
				width: 33.3vw;
				align-items: flex-end;
				content: "";
}

.spacer{
				width: 33.3vw;
				height: auto;
				content: "";
}
.spacer .logo img{
	width: 120%;
	transform: translateY(-4rem);

}

.spacer .ab-rocket img{
	width: 120%;
}

.spacer-sm-long{
				width: 33.3vw;
				height: auto;
				content: "";
}

.long-spacer{
				width: 66.6vw;
				height: auto;
				content: "";
}

.tag{
				height: 30vh;
/*    background-color: red;*/
				text-align: center;
				font-family: "Poppins";
				font-weight: 400;
				color: #333;
				font-size: 2rem;
				line-height: 1.2;
}

.read-more-container{
				position: absolute;
				left: 0;
				top: 70vh;
				width: 100vw;
				height: auto;
    			display: flex;
    			flex-direction: column;
    			justify-content: right;
				align-items: flex-start;
				box-sizing: border-box;

}


.down-arrow{
    display: flex;
    flex-direction: column;
    justify-content: left;
    margin: .5rem;
    margin-left: 2rem;
}

.arrow-image img{
    margin-top: -1.5rem;
				width: 5rem;
				height: auto;
}

.services_tag{
				width: auto;
				height: auto;
    border-radius: 4rem 2rem 2rem 0rem;
    text-align: center;
    font-family: "Poppins";
    font-weight: 700;
    color: var(--dark-orange);
    font-size: 1.5rem;
    line-height: 1.2;
    padding: .5rem 1rem;
    padding-left: 5rem;
    background-color: rgba(255, 255, 255, 0.8);
    opacity: 1;
}



@keyframes shake {
		0% { transform: translate(1px, 1px) rotate(0deg); }
		10% { transform: translate(-1px, -2px) rotate(-1deg); }
		20% { transform: translate(-3px, 0px) rotate(1deg); }
		30% { transform: translate(3px, 2px) rotate(0deg); }
		40% { transform: translate(1px, -1px) rotate(1deg); }
		50% { transform: translate(-1px, 2px) rotate(-1deg); }
		60% { transform: translate(-3px, 1px) rotate(0deg); }
		70% { transform: translate(3px, 1px) rotate(-1deg); }
		80% { transform: translate(-1px, -1px) rotate(1deg); }
		90% { transform: translate(1px, 2px) rotate(0deg); }
		100% { transform: translate(1px, -2px) rotate(-1deg); }
}


/*/////////////////////////////////////////////////*/
/*|||||||||||||||||| logo section |||||||||||||||||*/
/*/////////////////////////////////////////////////*/

.logo-container{
				position: relative;
}

.logo-on-top{
				position: absolute;
				top: 0;
				left: 0;
				}



/*/////////////////////////////////////////////////*/
/*|||||||||||||||||| split section |||||||||||||||||*/
/*/////////////////////////////////////////////////*/


section .split-section{;
				
}


.flex-container {
	display: flex;
	flex-direction:column;
	flex-wrap: wrap;
	align-content: stretch;
	background-color: DodgerBlue;
	overflow: hidden;
}

.flex-container > div {
	background-color: #f1f1f1;
	width: 100vw;
	text-align: center;
	box-sizing: border-box;
}


.split-container{
	display: flex;
	width: 100%;
	height: auto;
	overflow: hidden;
	box-sizing: border-box;

}


.x-col-stretch{
				display: flex;
				flex-direction: column;
				justify-content: center;
				text-align: left;
}


.splitter-square{
	width: 100vw;
	height: 100vw;
	box-sizing: border-box;

}

.splitter-rect{ width: 100vw;
	box-sizing: border-box;

}


.split-left{


				background: url(images/lft_pattern.png);
				background-size: 26rem auto;
}

.split-right{

background: url(images/pink_circle_bg.png);
				background-size: 26rem auto;

}

.services-headline{
				font-size: 2rem;
				font-family: "Chaloops";
				line-height: 1;
				color: var(--dark-orange);
				padding: 3rem;

}
.orange-feather p{
				color: var(--white-color);
				font-family: Open Sans, sans-serif;
				font-size: 1.5rem;
				line-height: 1.5;
}

.yellow-feather p{
				color: var(--white-color);
				font-family:  Open Sans, sans-serif;
				font-size: 1.5rem;
				line-height: 1.5;
}

.bio p{
				font-size: 1.5rem;
    margin-bottom: 3rem;
    line-height: 1.5;
}

.step{
				font-family: "Chaloops";
				color: var(--button-color2);
}

.orange-feather{
				background: url(images/orange-feather.png) center center no-repeat;
				background-size: cover;
				height: 100%;
				width: 100%;
				box-sizing: border-box;


}

.yellow-feather{
				background: url(images/yellow-feather.png) center center no-repeat;
				background-size: cover;;
				height: 100%;
				width: 100%;
				box-sizing: border-box;


}


.therapist-pic{
				width: 80%;
				height: auto;
}


.therapist-pic img{
				width: 100%;
				height: auto;
				margin: auto;
}


.comm-container{
    box-sizing: border-box;
    position: relative;
    margin: auto;
    width: 98%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
	box-sizing: border-box;
}

.comm{
    width: 100%;
    padding: 1rem;
    background-color: var(--white-color);
    border: dashed 6px #33ccff ;
    border-radius: 2rem;
    font-family: "Chaloops";
    color: var(--dark-orange);
    font-size: 1rem;
    margin: auto;
    margin: 1.5rem 0rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    position: relative;
	box-sizing: border-box;

}

.right-half{
				width: 98%;
				flex: 1 1 auto;
				box-sizing: border-box;

}

.comm img{
    width: 3rem;
    height: auto;
    margin: .5rem;
}

.large-page-header{
				font-family: Open-sans, sans-serif;
				font-weight: 400;
    font-size: 2rem;
    line-height: 1;
    color: var(--white-color);
    padding: 3rem;
}

.page-header{
    font-size: 2rem;
    font-family: "Chaloops";
    line-height: 1;
    color: var(--dark-orange);
    padding: 3rem;
}

.step{
				font-size: 2rem;
				font-family: "Chaloops";
				color: var(--button-color2);
}

.bio{
    background: url(images/star_border_soft.png) center no-repeat;
    background-size: cover;
    background-color: var(--white-color);
   }


.bio p{
				font-size: 1.5rem;
    margin-bottom: 3rem;
    line-height: 1.5;
}

.services-list-headline{
    font-size: 2rem;
    font-weight: 400;
    font-family: "Poppins";
    line-height: 1;
    color: var(--dark-orange);
    padding: 3rem 0;
    text-align: left;
    text-transform: none;

}

.services-list{
    font-size: 1.5rem;
    line-height: 1.5;
    text-align: left;
}

.services-full{
    background: url(images/star_border_soft.png) center no-repeat;
    background-size: cover;
    background-color: var(--white-color);
}

.services-1{
    background: url(images/three.jpg) center no-repeat;
    background-size: cover;
}

.services-1b{
	background-color: #f0fbfc; 
}

.services-2{
    background: url(images/two.jpg) center no-repeat;
    background-size: cover;
}

.services-2b{
    background: url(images/star_border_soft.png) center no-repeat;
    background-size: cover;
    background-color: var(--white-color);

}

/*/////////////////////////////////////////////////*/
/*|||||||||||||||| gallery section ||||||||||||||||*/
/*/////////////////////////////////////////////////*/

section .gallery-section{
				width: 100vw;
				height: auto;
				box-sizing: border-box;
				
}

.container-gallery{
				background: url(images/gallery_clouds.png) center center no-repeat;
				background-size: cover;
				width: 100%;
				height: auto;
				display: flex;
				flex-wrap: wrap;
				overflow: hidden;
				box-sizing: border-box;


}

.blue-feather-gallery img{
				max-width: 80vw;
				height: auto;
}

.gallery-headline{
				margin-top: -3rem;
				font-size: 3rem;
				font-family: "Poppins";
				font-weight: 400;
				padding: 2rem;
				text-align: center;
}

.blue-feather-gallery{
				background: url(images/blue-feather.png) center center no-repeat;
				background-size: 80% 100%;
				width: 100%;
				height: auto;
				box-sizing: border-box;
}



.container-gallery .blue-feather-gallery{
				width: 100%;
				padding: 3rem auto;
				margin: 0 auto;
				box-sizing: border-box;
}

.slideshow-container {
		width: 100%;
		height: auto;
		position: relative;
		margin: auto;
		overflow: hidden;
		box-sizing: border-box;
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
}

.slideshow-container2{
		width: 100%;
		height: auto;
		position: relative;
		margin: auto;
		overflow: hidden;
		box-sizing: border-box;
}

/*|||||||||||||||| gallery testimony container ||||||||||||||||*/

/*
.mySlides {
		display: none;
		transform: translateX(-100vw);

}*/

.mySlides {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	justify-items: center;
	height: auto;

}
/*img {vertical-align: middle;}*/

.mySlides2 {
		display: none;
		transform: translateX(-100vw);
}

/*img {vertical-align: middle;}*/


/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
	text-decoration: none;
  transition: background-color 0.6s ease;
}

.dot2 {
		height: 15px;
		width: 15px;
		margin: 0 2px;
		background-color: #fff;
		border-radius: 50%;  
		text-decoration: none;
		display: inline-block;
		transition: background-color 0.6s ease;

}

.hot {
		background-color: #000066;
		text-decoration: none;
}

.hot2 {
		background-color: #000066;
		text-decoration: none;
}

/* Fading animation */
/*
.fade {
		animation-name: fade;
		animation-duration: 1.5s;
		animation-iteration-count: 1;
		animation-fill-mode: forwards;
}*/

.fade2 {
		animation-name: fade;
		animation-delay: 3s;
		animation-duration: 1.5s;
		animation-iteration-count: 1;
		animation-fill-mode: forwards;
}


.slideshow-container {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	justify-items: center;
	  margin: auto;
				box-sizing: border-box;
}

/* Next & previous buttons */
.prev, .next {
	position: absolute;
	top: 6rem;
	background-color: var(--orange);
  cursor: pointer;
  height: 50px;
  width: 50px;
  padding: 16px 20px;
  margin-top: -22px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 50%;
  user-select: none;
}

/* Position the "next button" to the right */

.prev {
 	left:6vw;
}

.next {
  right: 6vw;
  border-radius: 50%;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}


.active, .dot:hover {
  background-color: var(--pink);
	text-decoration: none;
}

@keyframes fade {
		from {transform: translateX(-100vw)} 
		to {transform: translateX(0)}
}

.dot-box{
				text-align:center; margin: 2rem; margin-left: 1.2rem; 

										text-decoration: none;
}


/*/////////////////////////////////////////////////*/
/*|||||||||||||||| testimony section ||||||||||||||*/
/*/////////////////////////////////////////////////*/

section .testimony-section{
				width: 100vw;
				height: auto;
				margin: 0rem;
				overflow: hidden
				box-sizing: border-box;;
}


.testimony-flex{
	position: relative;
				background: url(images/orange_stripes.png);
				background-size: 6rem auto;
	display: flex;
	align-items: stretch;
	flex-wrap: wrap;


}

.t-flex-p-n{
	display: flex;
	align-items: center;
	justify-content: center;
	justify-items: center;
	width: 5vw;
	height: auto;
}

.t-flex-frame{
				position: absolute;
				width: 100%;
				height: 100%;
				content: "";
				background: url(images/frame.png) center center no-repeat;
				background-size: cover;
				box-sizing: border-box;

}

.t-flex-content{

display: flex;
align-items: stretch;
				
	width: 90vw;
	height: 100%;
	padding: 3rem;
				box-sizing: border-box;

}
.t-flex-row{
	display: flex;
	flex-direction: row;
	align-items: stretch;
}
.t-flex-frame-l{
	display: flex;
	align-items: stretch;
	justify-content: right;
	margin-right: -1px;
	width: auto;
	content: "";
	padding: 1.5rem;
	background-color: var(--hot-pink);
}

.t-flex-stretch{
	width: 100%;
	background-color: var(--white-color);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	justify-items: center;
	padding: 2rem;
				box-sizing: border-box;
/*	border-radius: 6rem;
	border: solid 8px #ccccff;*/

}

.t-flex-frame-r{
	display: flex;
	align-items: stretch;
	justify-content: left;
	margin-right: -1px;
	width: auto;
	content: "";
	padding: 1.5rem;
	background-color: var(--hot-pink);
}

.t-flex-frame-l img{
	height: 100%;
	width: 100%;
}
.t-flex-frame-r img{
	height: 100%;
	width: 100%;
}

.dot-flex{
	display: flex;
	align-items: center;
	justify-content: center;
	justify-items: center;
	width: 100%;
	height: auto;
	padding: 3rem;
	padding-top: 6rem;
	text-decoration: none;
				box-sizing: border-box;
}
.container-testimony{
				background: url(images/orange_stripes.png);
				background-size: 6rem auto;
				width: 100%;
				height: 100%;
				padding: 3rem 0rem;
				overflow: hidden;
				box-sizing: border-box;
}


.container-testimony2{
				background: url(images/orange_stripes.png);
				background-size: 6rem auto;
				width: 100%;
				height: 100%;
				padding: 3rem 0rem;
				overflow: hidden;
				box-sizing: border-box;
}



.testimonials-one2{				
  				position: relative;
  				top: 50%;
				background: url(images/frame.png) center center no-repeat;
				background-size: 130%;
				width: 100%;
				height: 100%;
				justify-content: center;
				align-items: center;
				box-sizing: border-box;
}

.testimonials-one{				
  				position: relative;
  				top: 50%;
				background: url(images/frame.png) center center no-repeat;
				background-size: 160% 110%;
				width: 100%;
				height: 90vh;
				justify-content: center;
				align-items: center;
				box-sizing: border-box;
}
.testimonial-quote{
				position: relative;
				top: 50%;
				width: 100%;
				height: auto;
				font-size: 1.5rem;
				text-align: center;
				font-family: 'Dancing Script';
				color: var(--testimonial-font-color);
				padding: 3rem;
				box-sizing: border-box;
}



/*/////////////////////////////////////////////////*/
/*|||||||||||||||| footer section ||||||||||||||*/
/*/////////////////////////////////////////////////*/

.web-by{
	font-size: .9rem;
	color: var(--white-color);
	margin: 1rem;
	text-align: left;
}

.web-by a{
	text-decoration: none;
	color: var(--white-color);
}

.container-footer2{
		  width: 100%;
		  padding: 6rem auto;
		  align-items: center;
		  margin:auto;
		  margin-left: 3rem;
		  justify-content: center;
		  text-align: left;
		  padding-top: 0rem;
		  display: flex;
		  flex-direction: column;
		  color: var(--white-color);;
				box-sizing: border-box;
}

.container-footer{
		  width: 100%;
		  margin:auto;
		  text-align: left;
		  padding: 6rem auto;
		  padding-top: 0rem;
		  color: var(--white-color);
				box-sizing: border-box;
}

.row{
			margin: 0 auto;
			width: 100%;
			height: auto;
			padding: 6rem auto;
			display: flex;
			flex-wrap: wrap;
			box-sizing: border-box;
}

.footer{
		  background-color: var(--footer-color);
		  background: url(images/blue_footer_pattern.png);
		  background-size: 20rem auto;
}

.footer-col{
		width: 100%;
		padding: 2rem .3rem;
		box-sizing: border-box;
}

.footer-col h4{
		  font-size: 2.5rem;
		  color: var(--white-color);
		  text-transform: capitalize;
			text-align: left;
		  margin-bottom: 2rem;
		  font-weight: 500;
		  position: relative;
		  font-family: "Chaloops";
}

.footer-col ul li:not(:last-child){
		  margin-bottom: 10px;
}

 .footer ul{
    list-style: none;
  }

.footer-col ul li a{
				list-style: none;
		  font-size: 1.9rem;
		  text-transform: capitalize;
		  color: var(--white-color);
		  text-decoration: none;
		  font-weight: 300;
		  display: block;
		  transition: all 0.3s ease;
}

.footer-col ul li a:hover{
		  color: #ffffff;
		  padding-left: 8px;
}

.footer-col .social-links a{
		  display: inline-block;
		  height: 40px;
		  width: 40px;
		  background-color: rgba(255,255,255,0.2);
		  margin:0 10px 10px 0;
		  text-align: center;
		  line-height: 40px;
		  border-radius: 50%;
		  transition: all 0.5s ease;
}

.footer-col .social-links a:hover{
		  color: #24262b;
		  background-color: #ffffff;
}
/*
.footer-col{
    width: 50%;
    margin-bottom: 30px;
}*/

/*separate footer elements*/

footer{
    background-color: var(--footer-color);
    color: var(--body-font-color);
    width: 100%;
    margin: 0 auto;
    padding: 0 auto;
    text-align: center;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
	box-sizing: border-box;
}

.back-to-top{
				background: url(images/blue_footer_pattern.png);
				background-size: 20rem auto;
    width: 7rem;
    height: 7rem;
    background-color: var(--footer-color);
    position: absolute;
    top: -3rem;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 50%;  
    text-align: center;
}

.back-to-top i{
    display: block;
    color: var(--white-color);;
    font-size: 2rem;
    padding: 2rem;
    animation: up 2s infinite;
}

.footer-content{
				padding: 6rem auto;
    overflow: hidden;
}

.footer-content h4{
    font-size: 1.25rem;
    text-transform: uppercase;
    font-weight: 100;
    letter-spacing: 1px;
    margin: 3.5rem 0;
}

.footer-content .asterisk{
    margin: 2.4rem 0;

}

.footer-content-about{
    margin-bottom: 5.4rem;
    font-size: 1.25rem;
				text-align: center;
}

.footer-content-about p{
				font-size: 1.25rem;
    line-height: 2;
    margin-bottom: 3rem;
}


.footer-content-about h4 a{
				padding: 0rem;
    margin-bottom: 5.4rem;
    font-size: 1.25rem;
				text-align: center;
}



/*|||||||||||||||| footer section 2 |||||||||||||||||*/

.footer-content{
			width: 100%;
			height: auto;
			padding: 6rem 0rem;
			box-sizing: border-box;
}
					
.footer-content-about{
			width: 100%;
			height: auto;
			padding: 6rem auto;
			box-sizing: border-box;
}


.social-media,
.newsletter-form{
			width: 100%;
			max-width: 100%;
			margin: 0 1rem;
}

.social-media{
			opacity: 1;
}

.footer-col{
			width: 40vw;
			padding: 2rem 1rem;
}

.footer-col h4{
			font-size: 1.9rem;
			text-transform: capitalize;
			margin-bottom: 2rem;
			font-weight: 500;
			position: relative;
			left: 0;
}

.footer-col ul li:not(:last-child){
			margin-bottom: 10px;
}

	.footer ul{
			list-style: none;
}

.footer-col ul li a{
			list-style: none;
			font-size: 1.9rem;
			text-transform: capitalize;
			text-decoration: none;
			font-weight: 300;
			display: block;
			transition: all 0.3s ease;
}

.footer-col ul li a:hover{
			padding-left: 8px;
}

.footer-col .social-links a{
			display: inline-block;
			height: 40px;
			width: 40px;
			background-color: rgba(255,255,255,0.2);
			margin:0 10px 10px 0;
			text-align: center;
			line-height: 40px;
			border-radius: 50%;
			transition: all 0.5s ease;
}

.footer-col .social-links a:hover{
			color: #24262b;
}


/*/////////////////////////////////////////////////*/
/*||||||||||||| navigation under 900  |||||||||||||*/
/*/////////////////////////////////////////////////*/


.nav{
				height: 6rem;
				display: flex;
				align-items: center;
				justify-content: center;
				z-index: 2;

}

.menu-toggle{
				color: #fff;
				font-size: 2.2rem;
				position: absolute;
				top: 2.5rem;
				transform: translateY(-50%);
				right: 2.5rem;
				cursor: pointer;
				z-index: 1500;
				box-sizing: border-box;
}

.fa-times {
				display: none;
}

.nav-list {
				list-style: none;
				position: fixed;
				top: 0;
				left:0;
				width: 80%;
				height: 100vh;
				background-color:var(--nav-font-color);
				padding: 4.4rem;
				display: flex;
				flex-direction: column;
				justify-content: space-around;
				z-index: 1300;
				transform:translateX(-100%);
				transition: transform .5s;
}

.secondary-bar-color{
				background-color: rgba(153, 0, 204, .8);
}

.primary-bar-color{
background-color: rgba(255, 153, 0, .8);
}

.nav::before{
				content: '';
				position: fixed;    

				top: 0;
				left: 0;
				width: 100vw;
				height: 100vh;
				background-color:rgba(0,0,0,.8);
				z-index: 1200;
				opacity: 0;
				transform: scale(0);
				transition: opacity .5s;
				box-sizing: border-box;
}

.open .fa-times {
				display: block;
}
.open .fa-bars {
				display: none;
}

.open .nav-list {
				transform: translateX(0);
}


.close .nav-list {
				transform: translateX(-100%);
}


.open .sec-nav-list {
				transform: translateX(0);
}


.close .sec-nav-list {
				transform: translateX(-100%);
}

.open .nav::before{
				opacity: 1;
				transform: scale(1);
}

.nav-item {
				border-bottom: 2px solid rgba(255, 255, 255, .3);

}

.nav-link{
				font-size: 4rem;
				font-family: 'Chaloops';
				display: block;
				color: var(--white-color);
				text-transform: uppercase;
				font-size: 1.5rem;
				letter-spacing: 2px;
				margin-right: -2px;
				/*transition: color 2s;*/
				padding: .5rem;
}

.nav-link:hover{
				color: var(--hot-pink);
				padding: .5rem;
					/* Start the shake animation and make the animation last for 0.5 seconds */
		animation: shake 0.5s;

		/* When the animation is finished, start again */
		animation-iteration-count: infinite; 




}



/*|||||||||||||||||| gallery and testimony slides  ||||||||||||||||||||*/



/* Slideshow container */

/* Caption text */
								.text {
										color: #f2f2f2;
										font-size: 15px;
										padding: 8px 12px;
										position: absolute;
										bottom: 8px;
										width: 100%;
										text-align: center;
										text-decoration: none;
										box-sizing: border-box;


								}

/* Number text (1/3 etc) */
								.numbertext {
										color: #f2f2f2;
										font-size: 12px;
										padding: 8px 12px;
										position: absolute;
										top: 0;
										visibility: hidden;  
										text-decoration: none;

								}

/* The dots/bullets/indicators */
								.dot {
										  cursor: pointer;
											text-decoration: none;
										  height: 15px;
										  width: 15px;
										  margin: 0 2px;
										  background-color: #bbb;
										  border-radius: 50%;
										  display: inline-block;
										  transition: background-color 0.6s ease;
										}


.active, .dot:hover {
 										 background-color: var(--pink);
										text-decoration: none;
}

								

								.dot2 {
										height: 15px;
										width: 15px;
										margin: 0 2px;
										background-color: #fff;
										border-radius: 50%;  
										text-decoration: none;
										display: inline-block;
										transition: background-color 0.6s ease;

								}

								.hot {
										background-color: #000066;
										text-decoration: none;
								}

								.hot2 {
										background-color: #000066;
										text-decoration: none;
								}

/* Fading animation *//*
								.fade {
										animation-name: fade;
										animation-duration: 1.5s;
										animation-iteration-count: 1;
										animation-fill-mode: forwards;
								}*/

								.fade2 {
										animation-name: fade;
										animation-delay: 3s;
										animation-duration: 1.5s;
										animation-iteration-count: 1;
										animation-fill-mode: forwards;
								}

								@keyframes fade {
										from {transform: translateX(-100vw)} 
										to {transform: translateX(0)}
								}


								.dot-box{
												text-align:center; margin: 1rem; margin-left: 1.2rem; 
								}


/*|||||||||||||||||| end slides  ||||||||||||||||||||*/




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



.spacer{
				width: 33.3vw;
				height: auto;
				content: "";
}
.spacer .logo img{
	width: 90%;
	transform: translateY(-4rem);

}

.spacer .ab-rocket img{
	width: 120%;
}

.spacer-sm-long{
				width: 33.3vw;
				height: auto;
				content: "";
}

.logo-home{
				padding-top: 3rem;
}

.long-spacer{
				width: 66.6vw;
				height: auto;
				content: "";
}

.long-spacer .tag{
	margin-top: -3rem;
}

}
}



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



/*|||||||||||||||||| hero section  ||||||||||||||||||||*/


.spacer{
				width: 33.3vw;
				height: auto;
				content: "";
}


.spacer-sm{
				padding-top: 3rem;
				width: 40vw;
				height: 42vw;
				align-items: flex-end;
				content: "";
}

.spacer-sm-long{
				width: 30vw;
				height: auto;
				content: "";
}

.long-spacer{
				width: 66.6vw;
				height: auto;
				content: "";
}

.tag{
				height: 30vh;
/*    background-color: red;*/
				text-align: center;
				font-family: "Poppins";
				font-weight: 400;
				color: #333;
				font-size: 2.5rem;
				line-height: 1.2;
}

.ab-rocket img{
				width: 90%;
				height: auto;
}

.ab-sky{
				position: absolute;
				top: -0vh;
				width: 100vw;
				height: auto;
}

.ab-sky img{
				max-width: 100%;
				height: auto;
}

.container-secondary5{
		width: 100vw;
		height: 100vh;
        background: url(images/secondary5.jpg)
        center 0;
        background-size: cover;
        overflow: hidden;
}

.container-secondary2{
		width: 100vw;
		height: 100vh;
        background: url(images/secondary2.jpg)
        center 0;
        background-size: cover;
        overflow: hidden;
}


/*|||||||||||||||||| paddings  ||||||||||||||||||||*/

.pad_all{
	padding: 3rem;
}

.pad_differ{
	padding: 3rem 3rem;
}

.pad_l{
	padding-left: 3rem;
}

.pad_r{
	padding-right: 3rem;
}

.logo-top{
	padding-top: 3rem;
}

.allow-logo{
	padding-top: 45vw;
}

.allow-logo-r{
	padding-top: 3rem;
}

/*|||||||||||||||||| center flex  ||||||||||||||||||||*/

.x-direction{
				display: flex;
				flex-direction: column;
				justify-content: center;
				text-align: center;
				align-items: center;
}

.splitter{
				width: 50vw;
				min-height: 50vw;
}





/*/////////////////////////////////////////////////*/
/*|||||||||||||||||| split section |||||||||||||||||*/
/*/////////////////////////////////////////////////*/


.flex-container {
display: flex;
flex-direction: column;
  flex-wrap: wrap;
  align-content: stretch;
}

.flex-container > div {
  width: 100vw;
  text-align: center;
}

.services-headline{
				font-size: 3rem;
				font-family: "Chaloops";
				line-height: 1;
				color: var(--dark-orange);
				padding: 3rem;

}
.orange-feather p{
				color: var(--white-color);
				font-family: Open Sans, sans-serif;
				font-size: 1.9rem;
				line-height: 1.5;
}

.yellow-feather p{
				color: var(--white-color);
				font-family:  Open Sans, sans-serif;
				font-size: 1.9rem;
				line-height: 1.5;
}


.bio p{
				font-size: 1.9rem;
    margin-bottom: 3rem;
    line-height: 1.5;
}


.comm{
    width: 100%;
    padding: 1rem;
    font-size: 1.25rem;
    margin: 1.5rem 0rem;
}

.comm img{
    width: 3rem;
    height: auto;
    margin: .5rem;
}

.large-page-header{
    font-size: 3rem;
    padding: 3rem;
}

.page-header{
    font-size: 3rem;
    padding: 3rem;
}

.step{
				font-size: 2rem;
}



/*/////////////////////////////////////////////////*/
/*|||||||||||||||| footer section ||||||||||||||*/
/*/////////////////////////////////////////////////*/


.container-footer2{
		  width: 100%;
		  padding: 6rem auto;
}

.container-footer{
		  width: 100%;
		  padding: 6rem auto;
}

.row{
				margin: 0 auto;
		  width: 100%;
		  height: auto;
		  padding: 6rem auto;
}


.back-to-top i{
    font-size: 1.5rem;
}

.footer-content h4{
    font-size: 1.25rem;
}


.footer-content-about{
				padding: 0rem;
    margin-bottom: 5.4rem;
    font-size: 1.25rem;
				text-align: center;
}


.footer-content-about h4 a p{
				padding: 0rem;
    margin-bottom: 5.4rem;
    font-size: 1.25rem;
				text-align: center;
}


.footer-col{
			width: 40vw;
			padding: 3rem 1rem;
}

.footer-col h4{
			font-size: 1.5rem;
}

.footer-col ul li a{
			font-size: 1.5rem;
}


.splitter{
				width: 100vw;
				min-height: 100vw;
}


}


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


	.hero-container{
				background: url(images/portrait-cute-laughing-little-boy-yellow-background-copy-space.jpg)
				center 0;
				background-size: cover;
				top: 0;
				left: 0;
				overflow: hidden;
				height: 100vh;
				width: 100vw;
				flex-wrap: wrap;
				
}

.x-direction{
				display: flex;
				flex-direction: row;
				justify-content: center;
				text-align: center;
				align-items: center;
}


.x-col-stretch{
				display: flex;
				flex-direction: row;
				justify-content: center;
				text-align: center;
}


.splitter-square{width: 30vw;
				height: auto;
				flex-grow: 1;
}

.splitter-rect{ width: 30vw;
				height: auto;
				flex-grow: 2;
}


.blue-feather-gallery img{
				max-width: 22vw;
				height: auto;
}


.testimonials-one{
				background: url(images/frame.png) center center no-repeat;
				background-size: 130% 95%;
}

.testimonial-quote{
				
				width: 100%;
				height: auto;
				font-size: 1.5rem;
				text-align: center;
				font-family: 'Dancing Script';
				color: var(--testimonial-font-color);
				padding: 3rem;
				
}


.logo-home{
				padding-top: 6rem;
}


.logo-top{
	padding-top: 0rem;
}


}

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

.spacer-sm{
				padding-top: 3rem;
				width: 20vw;
				height: 22vw;
				align-items: flex-end;
				content: "";
}

.spacer-sm-long{
				width: 40vw;
				height: auto;
				content: "";
}


.allow-logo{
	padding-top: 20vw;
}

}

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


/*|||||||||||||||||| hero section  ||||||||||||||||||||*/


.spacer-sm{
				padding-top: 3rem;
				width: 16.65vw;
				align-items: flex-end;
				content: "";
}

.spacer{
				width: 33.3vw;
				height: auto;
				content: "";
}

.spacer .logo img{
	width: 80%;
}


.spacer .ab-rocket img{
	width: 80%;
}

.spacer-sm-long{
				width: 41.625vw;
				height: auto;
				content: "";
}

.long-spacer{
				width: 66.6vw;
				height: auto;
				content: "";
}



.logo-home{
				padding-top: 10rem;
}



.tag{
				height: 30vh;
/*    background-color: red;*/
				text-align: center;
				font-family: "Poppins";
				font-weight: 400;
				color: #333;
				font-size: 3.5rem;
				line-height: 1.2;
}


.ab-sky{
				position: absolute;
				top: -10vh;
				width: 100vw;
				height: auto;
}
.ab-sky img{
				max-width: 100%;
				height: auto;
}

.ab-rocket img{
				width: 90%;
				height: auto;
}

/*/////////////////////////////////////////////////*/
/*|||||||||||||||||| split section |||||||||||||||||*/
/*/////////////////////////////////////////////////*/


section {
	width: 100vw;

}
section .split-section{
				
}


.flex-container {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: stretch;
	background-color: DodgerBlue;
	overflow: hidden;
}

.flex-container > div {
  background-color: #f1f1f1;
  width: 50vw;
  text-align: center;
}

.comm{
    width: 100%;
    padding: 1rem;
    font-size: 1.5rem;
    margin: auto;
    margin: 1.5rem 0rem;
}

.comm img{
    width: 4rem;
    height: auto;
    margin: .5rem;
}

.large-page-header{
    font-size: 4.5rem;
    line-height: 1;
    padding: 3rem;
}

.page-header{
    font-size: 4.5rem;
    padding: 3rem;
}

.step{
				font-size: 3rem;

}


.services-list-headline{
    font-size: 3rem;
    font-weight: 400;
    font-family: "Poppins";
    line-height: 1;
    color: var(--dark-orange);
    padding: 3rem 0;
    text-align: left;
    text-transform: none;

}

.services-list{
    font-size: 2rem;
    line-height: 1.5;
    text-align: left;
}

.testimonials-one{
				background: url(images/frame.png) center center no-repeat;
				background-size: 95% 85%;
}

.testimonial-quote{
				
				width: 100%;
				height: auto;
				font-size: 2.5rem;
				text-align: center;
				font-family: 'Dancing Script';
				color: var(--testimonial-font-color);
				padding: 3rem;
}

/*|||||||||||||||||| paddings  ||||||||||||||||||||*/

.pad_all{
	padding: 7rem;
}

.pad_differ{
	padding: 3rem 12rem;
}

.pad_l{
	padding-left: 12rem;
}

.pad_r{
	padding-right: 12rem;
}

.allow-logo{
	padding-top: 20vw;
}

.allow-logo-r{
	padding-top: 20vw;
}

.logo-top{
	padding-top: 8rem;
}


/*|||||||||||||||||| center flex  ||||||||||||||||||||*/

.x-direction{
				display: flex;
				flex-direction: row;
				justify-content: center;
				text-align: center;
				align-items: stretch;
}


.splitter{
				width: 50vw;
				min-height: 50vw;
				align-items: stretch;
				flex: 1 1 auto;
}



.services-headline{
				font-size: 3.5rem;
				font-family: "Chaloops";
				line-height: 1;
				color: var(--dark-orange);
				padding: 3rem;

}
.orange-feather p{
				color: var(--white-color);
				font-family: Open Sans, sans-serif;
				font-size: 1.9rem;
				line-height: 1.5;
}

.yellow-feather p{
				color: var(--white-color);
				font-family:  Open Sans, sans-serif;
				font-size: 1.9rem;
				line-height: 1.5;
}

/*/////////////////////////////////////////////////*/
/*||||||||||||| navigation over 900  |||||||||||||*/
/*/////////////////////////////////////////////////*/



#navlist {
						position: fixed;
						top: 0;
						width: 100%;
						display: block;
						transition: top 0.3s;
}


.menu-toggle{
				display: none;

				}
.nav{
								justify-content: space-between;
								margin: 0 auto;
								margin-top: 0rem;

				align-items: center;
				justify-content: center;

				}

				.nav-list{
								position: initial;
								width: 100vw;
								margin: 0 auto;
								height: auto;
								/*background-color: rgba(255, 153, 0, .8);*//*var(--dark-orange);/*#cc0099 #f7ad19*/;
								padding: .5rem;
								padding-right: 3rem;
								padding-left: 1rem;
								border-style: solid 8px;
								/*border-radius: 0rem 0rem 100rem 100rem;*/
								justify-content: initial;
								flex-direction: row;
								justify-content: center;
								transform: initial;
								transition: initial;
				} 


				.nav-list2{
								position: initial;
								width: 100vw;
								margin: 0 auto;
								height: auto;
								background-color: rgba(153, 0, 204, .8);/*var(--dark-orange);/*#cc0099 #f7ad19*/;
								padding: .5rem;
								padding-right: 3rem;
								padding-left: 1rem;
								border-style: solid 8px;
								/*border-radius: 0rem 0rem 100rem 100rem;*/
								justify-content: initial;
								flex-direction: row;
								justify-content: center;
								transform: initial;
								transition: initial;
				}

				.sec-nav-list{
								position: initial;
								width: 100vw;
								margin: 0 auto;
								height: auto;
								background-color: rgba(153, 0, 204, .8);/*var(--dark-orange);/*#cc0099 #f7ad19*/;
								padding: .5rem;
								padding-right: 3rem;
								padding-left: 1rem;
								border-style: solid 8px;
								/*border-radius: 0rem 0rem 100rem 100rem;*/
								justify-content: initial;
								flex-direction: row;
								justify-content: center;
								transform: initial;
								transition: initial;
				}

				

				.nav-item{
								margin: 0 2.4rem;
								border: none;

				}
				.nav-item:last-child{
								margin-right: 0;

				}
				.nav-link{
								font-size: 3rem;

				}
				.active{
								position: relative;
				}
				.active::before{
								content: '';
								position: absolute;
								width: 100%;
								height: 2px;
								background-color: #000;
								left: 0;
								bottom: -3px;

				}



/*/////////////////////////////////////////////////*/
/*|||||||||||||||| footer section ||||||||||||||*/
/*/////////////////////////////////////////////////*/


.container-footer2{
		  width: 100%;
		  padding: 3rem auto;
		  align-items: center;
		  margin:auto;
		  justify-content: center;
		  text-align: left;
		  padding-top: 0rem;
		  display: flex;
		  flex-direction: column;
		  color: var(--white-color);;
}

.container-footer{
		  width: 100%;
		  margin:auto;
		  text-align: left;
		  padding: 3rem auto;
		  padding-top: 0rem;
		  color: var(--white-color);
}

.row{
				margin: 0 auto;
		  width: 100%;
		  height: auto;
		  padding: 0 auto;
		  padding-left: 10vw;
		  display: flex;
		  flex-wrap: wrap;
}


.footer-col h4{
		  font-size: 2.5rem;
}

.footer-col ul li a{
		  font-size: 1.9rem;
}


.back-to-top i{
    font-size: 2rem;
}

.footer-content h4{
    font-size: 1.6rem;
}



.footer-content-about{
    margin-bottom: 5.4rem;
    font-size: 1.6rem;
				text-align: center;
}


.footer-content-about p h4 a{
	font-size: 1.6rem;
}

.footer-content-about h4 a{
	font-size: 1.6rem;
}

/*|||||||||||||||| footer section 2 |||||||||||||||||*/

.footer-content{
			width: 100%;
			height: auto;
			padding: 0rem 12.5rem;
}
					
.footer-content-about{
			width: 100%;
			height: auto;
			padding: 3rem 12.5rem;
}

.footer-col{
			width: 20vw;
			padding: 7rem auto;
}

.footer-col h4{
			font-size: 1.9rem;
}

.footer-col ul li a{
			font-size: 1.9rem;
}


.footer-content-about h4 a p{
				padding: 0rem;
    margin-bottom: 5.4rem;
    font-size: 1.9rem;
				text-align: center;
}



}


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

.tag{
				height: 30vh;
/*    background-color: red;*/
				text-align: center;
				font-family: "Poppins";
				font-weight: 400;
				color: #333;
				font-size: 6rem;
				line-height: 1.2;
}

}

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


.tag{
				height: 30vh;
/*    background-color: red;*/
				text-align: center;
				font-family: "Poppins";
				font-weight: 400;
				color: #333;
				font-size: 6rem;
				line-height: 1.2;
}


.ab-sky{
				position: absolute;
				top: -10vh;
				width: 100vw;
				height: auto;
}

.ab-sky img{
				max-width: 100%;
				height: auto;
}

.ab-rocket img{
				width: 90%;
				height: auto;
}

.comm{
    width: 100%;
    padding: 1rem;
    font-size: 2rem;
    margin: 1.5rem 0rem;
}


.comm img{
    width: 5rem;
    height: auto;
    margin: 1rem;
}
}

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

.testimonial-quote{
			font-size: 3rem;
}

.footer-col h4{
			font-size: 3rem;
}

.footer-col ul li a{
			list-style: none;
			font-size: 3rem;
}


.footer-col .social-links a{
		  display: inline-block;
		  height: 80px;
		  width: 80px;
		  background-color: rgba(255,255,255,0.2);
		  margin:0 20px 20px 0;
		  text-align: center;
		  line-height: 80px;
		  border-radius: 50%;
		  transition: all 0.5s ease;
}


.footer-content h4{
			font-size: 3rem;
}

.footer-content-about{
			font-size: 3rem;
}

.footer-content-about p, h4, a{
			font-size: 3rem;
}

.footer-content-about h4 a{
			font-size: 3rem;
}

.footer-content a{
			font-size: 3rem;
}

.tag{
			font-size: 8.5rem;
}

.services-headline{
			font-size: 6rem;
}

.orange-feather p{
			font-size: 3rem;
}

.yellow-feather p{
			font-size: 3rem;
}

.bio p{
			font-size: 3rem;
}

.comm{
			font-size: 2.5rem;
}

.large-page-header{
			font-size: 6rem;
}

.page-header{
			font-size: 6rem;
}

.step{
			font-size: 4rem;
}


.services-list-headline{
    font-size: 4.5rem;

}

.services-list{
    font-size: 3rem;

}

}



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

.testimonial-quote{
			font-size: 6rem;
}

.footer-col h4{
			font-size: 6rem;
}

.footer-col ul li a{
			list-style: none;
			font-size: 6rem;
}


.footer-col .social-links a{
		  display: inline-block;
		  height: 120px;
		  width: 120px;
		  background-color: rgba(255,255,255,0.2);
		  margin:0 30px 30px 0;
		  text-align: center;
		  line-height: 120px;
		  border-radius: 50%;
		  transition: all 0.5s ease;
}


.footer-content h4{
			font-size: 6rem;
}

.footer-content-about{
			font-size: 6rem;
}

.footer-content-about p, h4, a{
			font-size: 6rem;
}

.footer-content-about h4 a{
			font-size: 6rem;
}

.footer-content a{
			font-size: 6rem;
}

.tag{
			font-size: 13rem;
}

.services-headline{
			font-size: 12rem;
}

.orange-feather p{
			font-size: 6rem;
}

.yellow-feather p{
			font-size: 6rem;
}

.bio p{
			font-size: 6rem;
}

.comm{
			font-size: 5rem;
}

.large-page-header{
			font-size: 12rem;
}

.page-header{
			font-size: 12rem;
}

.step{
			font-size: 8rem;
}


.services-list-headline{
    font-size: 9rem;

}

.services-list{
    font-size: 6rem;

}

}


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

.testimonial-quote{
			font-size: 9rem;
}

.footer-col h4{
			font-size: 9rem;
}

.footer-col ul li a{
			list-style: none;
			font-size: 9rem;
}


.footer-col .social-links a{
		  display: inline-block;
		  height: 240px;
		  width: 240px;
		  background-color: rgba(255,255,255,0.2);
		  margin:0 60px 60px 0;
		  text-align: center;
		  line-height: 240px;
		  border-radius: 50%;
		  transition: all 0.5s ease;
}


.footer-content h4{
			font-size: 9rem;
}

.footer-content-about{
			font-size: 9rem;
}

.footer-content-about p, h4, a{
			font-size: 9rem;
}

.footer-content-about h4 a{
			font-size: 9rem;
}

.footer-content a{
			font-size: 9rem;
}

.tag{
			font-size: 15rem;
}

.services-headline{
			font-size: 12rem;
}

.orange-feather p{
			font-size: 12rem;
}

.yellow-feather p{
			font-size: 12rem;
}

.bio p{
			font-size: 12rem;
}

.comm{
			font-size: 10rem;
}

.large-page-header{
			font-size: 14rem;
}

.page-header{
			font-size: 14rem;
}

.step{
			font-size: 12rem;
}


.services-list-headline{
    font-size: 14rem;

}

.services-list{
    font-size: 12rem;

}

}