:root, body, a{
	font-size: 16px;
	color: #161925;
	font-family: 'Titillium Web', sans-serif;
	line-height: 1.5;
	--brand-color: #EB1768;
	--white: #FBF5F3;
	--black: #40424C;
	--light-gray: #95969B;
	--baseline: 1.5rem;
}

body, html{
	height: 100%;
}

.container{
	min-height: 100%;
}



/*
a:hover{
	text-decoration: none;
	color: #F56476;
	transition: color 0.25s ease;
}*/

h1{
	font-size: 3.375rem;
	margin: 0;
}

h2{
	font-size: 2.25rem;
	margin: 0;
}

h3{
	font-size: 1.5rem;
	margin: 0;
}

hr{
	margin-top: 0;
	margin-bottom: 0;
}

button:focus{
	outline: none;
}

.active-link{
	color: var(--black) !important;
}

.link-container .heading-text{
	color: var(--light-gray);
}

.heading-text{
	font-family: 'Fjalla One', sans-serif;
	line-height: 1 !important;
}

.link-container{
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: distribute;
	    justify-content: space-around;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	height: 4rem;
}

.baseline-small-both{
	margin-top: 1.5rem;
	margin-bottom: 1.5rem;
}

.baseline-very-small-both{
	margin-top: 0.75rem;
	margin-bottom: 0.75rem;
}

.baseline-very-small-bottom{
	margin-bottom: 0.75rem;
}

.baseline-small-bottom{
	margin-bottom: 1.5rem;
}

.baseline-medium-bottom{
		
}

.baseline-large-bottom{
	margin-bottom: 7.5rem;
}


.top-logo{
	height: 4rem;
}


.footer-container{
	background-color: var(--black);
	color: var(--white);
	height: 17rem;
}

.footer-container .container{
	padding: 0;
}

#footer-logo{
	width: 2.25rem;
	height: auto;
}

.menu-dropdown{
	position: absolute;
	right: 1.65rem;
	top: 2.15rem;
}

.hamburger-line{
	height: 2px;
	background-color: var(--black);
	width: 1.65rem;
	-webkit-transition: all .3s ease 0s;
	-o-transition: all .3s ease 0s;
	transition: all .3s ease 0s;
}

.hamburger-line:not(:last-child){
	margin-bottom: 5px; 
}

.js-nav-open .hamburger-line:nth-child(2){
	opacity: 0;
}

.js-nav-open .hamburger-line:first-child{
	-webkit-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	        transform: rotate(45deg);
	-webkit-transform-origin: top left;
	    -ms-transform-origin: top left;
	        transform-origin: top left;
}

.js-nav-open .hamburger-line:last-child{
	-webkit-transform: rotate(-45deg);
	    -ms-transform: rotate(-45deg);
	        transform: rotate(-45deg);
	-webkit-transform-origin: bottom left;
	    -ms-transform-origin: bottom left;
	        transform-origin: bottom left;
}

.navigation{
	-webkit-transition: all .3s ease 0s;
	-o-transition: all .3s ease 0s;
	transition: all .3s ease 0s;
}

.mobile-menu{
	-webkit-transition: all .3s ease 0s;
	-o-transition: all .3s ease 0s;
	transition: all .3s ease 0s;
	text-align: center;
	position: fixed;
	top: 78px;
	width: 100%;
	z-index: 98;
	height: 0px;
	overflow: hidden; 
	-webkit-transition: all .5s ease-in-out; 
	-o-transition: all .5s ease-in-out; 
	transition: all .5s ease-in-out;
}

.mobile-menu .mobile-active-nav a{
	color: white;
}



@media screen and (min-width: 768px) and (max-width: 991px){
	.center-text-sm{
		text-align: center;
	}

}


@media screen and (max-width: 767px ){
	:root{
		font-size: 13px !important;
		line-height: 1.25!important;
	}

	.footer-container{
		height: 24rem;
	}

	h1{
		font-size: 1.953rem;
	}

	h2{
		font-size: 1.563rem;
	}

	h3{
		font-size: 1.25rem;
	}

	h4{
		font-size: 1rem;
	}

	

	.is-fixed{
		position: fixed !important;
		padding: 1rem;
		width: calc( 100% + 26px );
		background-color: white;
		margin-top: 0;
		margin-bottom: 0; 
		left: 0;
		top:0 ;
		z-index: 99;
/*		box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.75);*/
	}

	.navigation-wrapper{
		min-height: 6.5rem;
	}

	.navigation{
		margin-bottom: 0.75rem !important;
	}

	
	.mobile-active-nav{
		color: white!important;
		background-color: #EE4266 !important;
	}


	.mobile-menu div{
		padding-top: 0.75rem;
		padding-bottom: 0.75rem; 
		background-color: white;
	}

	.show-menu{
		height: 66px;
	}


}