@media all{
	.header-mobile { display:none;}

}

@media all and (max-width: 1180px){
	.header-mobile  *::after, .header-mobile  *::before {
		content: '';
	}
	header nav { display:none;}
	.header-mobile { display:block; position:relative;}
	.cd-nav-trigger {
		position: fixed;
		display: inline-block;
		top: 26px;
		right: 2%;
		height: 44px;
		width: 44px;
		z-index: 13;
		/* image replacement */
		overflow: hidden;
		text-indent: 100%;
		white-space: nowrap;
		color: #000;
	}
	.nav-is-stuck .cd-nav-trigger  { top:13px;}


	.cd-nav-trigger .cd-icon {
		/* icon created in CSS */
		position: absolute;
		left: 50%;
		top: 50%;
		bottom: auto;
		right: auto;
		-webkit-transform: translateX(-50%) translateY(-50%);
		-moz-transform: translateX(-50%) translateY(-50%);
		-ms-transform: translateX(-50%) translateY(-50%);
		-o-transform: translateX(-50%) translateY(-50%);
		transform: translateX(-50%) translateY(-50%);
		display: inline-block;
		width: 25px;
		height: 2px;
		background-color: #ffffff;
		z-index: 10;
	}
	.cd-nav-trigger .cd-icon::before, .cd-nav-trigger .cd-icon:after {
		/* upper and lower lines of the menu icon */
		position: absolute;
		top: 0;
		right: 0;
		width: 100%;
		height: 100%;
		background-color: #ffffff;
		/* Force Hardware Acceleration in WebKit */
		-webkit-transform: translateZ(0);
		-moz-transform: translateZ(0);
		-ms-transform: translateZ(0);
		-o-transform: translateZ(0);
		transform: translateZ(0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		/* apply transition to transform property */
		-webkit-transition: -webkit-transform .3s;
		-moz-transition: -moz-transform .3s;
		transition: transform .3s;
	}
	.cd-nav-trigger .cd-icon::before {
		-webkit-transform: translateY(-8px) rotate(0deg);
		-moz-transform: translateY(-8px) rotate(0deg);
		-ms-transform: translateY(-8px) rotate(0deg);
		-o-transform: translateY(-8px) rotate(0deg);
		transform: translateY(-8px) rotate(0deg);
	}
	.cd-nav-trigger .cd-icon::after {
		-webkit-transform: translateY(8px) rotate(0deg);
		-moz-transform: translateY(8px) rotate(0deg);
		-ms-transform: translateY(8px) rotate(0deg);
		-o-transform: translateY(8px) rotate(0deg);
		transform: translateY(8px) rotate(0deg);
	}
	.cd-nav-trigger::before, .cd-nav-trigger::after {
		/* 2 rounded colored backgrounds for the menu icon */
		position: absolute;
		top: 0;
		left: 0;
		border-radius: 50%;
		height: 100%;
		width: 100%;
		/* Force Hardware Acceleration in WebKit */
		-webkit-transform: translateZ(0);
		-moz-transform: translateZ(0);
		-ms-transform: translateZ(0);
		-o-transform: translateZ(0);
		transform: translateZ(0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-webkit-transition-property: -webkit-transform;
		-moz-transition-property: -moz-transform;
		transition-property: transform;
	}
	.cd-nav-trigger::before {
		/*background-color: #021622;*/
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
		-webkit-transition-duration: 0.3s;
		-moz-transition-duration: 0.3s;
		transition-duration: 0.3s;
		-webkit-transition-delay: 0.4s;
		-moz-transition-delay: 0.4s;
		transition-delay: 0.4s;
	}
	.cd-nav-trigger::after {
		/*background-color: #fff;*/
		-webkit-transform: scale(0);
		-moz-transform: scale(0);
		-ms-transform: scale(0);
		-o-transform: scale(0);
		transform: scale(0);
		-webkit-transition-duration: 0s;
		-moz-transition-duration: 0s;
		transition-duration: 0s;
		-webkit-transition-delay: 0s;
		-moz-transition-delay: 0s;
		transition-delay: 0s;
	}
	.cd-nav-trigger.close-nav::before {
		/* user clicks on the .cd-nav-trigger element - 1st rounded background disappears */
		-webkit-transform: scale(0);
		-moz-transform: scale(0);
		-ms-transform: scale(0);
		-o-transform: scale(0);
		transform: scale(0);
	}
	.cd-nav-trigger.close-nav::after {
		/* user clicks on the .cd-nav-trigger element - 2nd rounded background appears */
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
		-webkit-transition-duration: 0.3s;
		-moz-transition-duration: 0.3s;
		transition-duration: 0.3s;
		-webkit-transition-delay: 0.4s;
		-moz-transition-delay: 0.4s;
		transition-delay: 0.4s;
	}
	.cd-nav-trigger.close-nav .cd-icon {
		/* user clicks on the .cd-nav-trigger element - transform the icon */
		background-color: rgba(255, 255, 255, 0);
	}.cd-nav-trigger .cd-icon {
		 /* user clicks on the .cd-nav-trigger element - transform the icon */
		 background-color: rgba(2, 22, 34, 1);
	 }
	.cd-nav-trigger.close-nav .cd-icon::before, .cd-nav-trigger.close-nav .cd-icon::after {
		background-color: #fff;
	}
	.cd-nav-trigger .cd-icon::before, .cd-nav-trigger .cd-icon::after {
		background-color: #021622;
	}
	.cd-nav-trigger.close-nav .cd-icon::before {
		-webkit-transform: translateY(0) rotate(45deg);
		-moz-transform: translateY(0) rotate(45deg);
		-ms-transform: translateY(0) rotate(45deg);
		-o-transform: translateY(0) rotate(45deg);
		transform: translateY(0) rotate(45deg);
	}
	.cd-nav-trigger.close-nav .cd-icon::after {
		-webkit-transform: translateY(0) rotate(-45deg);
		-moz-transform: translateY(0) rotate(-45deg);
		-ms-transform: translateY(0) rotate(-45deg);
		-o-transform: translateY(0) rotate(-45deg);
		transform: translateY(0) rotate(-45deg);
	}

	.cd-primary-nav {
		/* by default it's hidden */
		position: fixed;
		left: 0;
		top: 0;
		height: 100%;
		width: 100%;
		padding: 80px 5%;
		z-index: 11;
		background-color: #091d23;
		overflow: auto;
		/* this fixes the buggy scrolling on webkit browsers - mobile devices only - when overflow property is applied */
		-webkit-overflow-scrolling: touch;
		visibility: hidden;
		opacity: 0;
		-webkit-transition: visibility 0s, opacity 0.3s;
		-moz-transition: visibility 0s, opacity 0.3s;
		transition: visibility 0s, opacity 0.3s;
	}
	.cd-primary-nav li {
		margin: 1.6em 0;
		text-align: center;
		text-transform: capitalize;
	}
	.cd-primary-nav a {
		font-size: 20px;
		font-size: 1.25rem;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		-webkit-transition: color 0.2s;
		-moz-transition: color 0.2s;
		transition: color 0.2s;
	}
	.no-touch .cd-primary-nav a:hover {
		color: #ffffff;
	}
	.cd-primary-nav.fade-in {
		/* navigation visible at the end of the circle animation */
		visibility: visible;
		opacity: 1;
	}
	.cd-primary-nav li {
		margin: 1.5em 0; display: block;
	}
	.cd-primary-nav a {
		font: 400 28px 'Abhaya Libre', Arial, Helvetica, sans-serif;    color: #fff;
	}




	.cd-overlay-nav, .cd-overlay-content {
		/* containers of the 2 main rounded backgrounds - these containers are used to position the rounded bgs behind the menu icon */
		position: fixed;
		top: 18px;
		right: 5%;
		height: 4px;
		width: 4px;
		-webkit-transform: translateX(-20px) translateY(20px);
		-moz-transform: translateX(-20px) translateY(20px);
		-ms-transform: translateX(-20px) translateY(20px);
		-o-transform: translateX(-20px) translateY(20px);
		transform: translateX(-20px) translateY(20px);
	}
	.cd-overlay-nav span, .cd-overlay-content span {
		display: inline-block;
		position: absolute;
		border-radius: 50%;
		/* Force Hardware Acceleration in WebKit */
		-webkit-transform: translateZ(0);
		-moz-transform: translateZ(0);
		-ms-transform: translateZ(0);
		-o-transform: translateZ(0);
		transform: translateZ(0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		will-change: transform;
		-webkit-transform-origin: 50% 50%;
		-moz-transform-origin: 50% 50%;
		-ms-transform-origin: 50% 50%;
		-o-transform-origin: 50% 50%;
		transform-origin: 50% 50%;
		-webkit-transform: scale(0);
		-moz-transform: scale(0);
		-ms-transform: scale(0);
		-o-transform: scale(0);
		transform: scale(0);
	}
	.cd-overlay-nav.is-hidden, .cd-overlay-content.is-hidden {
		/* background fades out at the end of the animation */
		opacity: 0;
		visibility: hidden;
		-webkit-transition: opacity .3s 0s, visibility 0s .3s;
		-moz-transition: opacity .3s 0s, visibility 0s .3s;
		transition: opacity .3s 0s, visibility 0s .3s;
	}

	.cd-overlay-nav {
		/* main rounded colored bg 1 */
		z-index: 10;
	}
	.cd-overlay-nav span {
		background-color: #091d23;
	}

	.cd-overlay-content {
		/* main rounded colored bg 2 */
		z-index: 12;
	}
	.cd-overlay-content span {
		background-color: #fff;
	}

	.cd-content {
		/* just some dummy content */
		padding: 80px 0;
		width: 90%;
		max-width: 768px;
		margin: 0 auto;
		z-index: 1;
	}
	.cd-content .cd-intro {
		height: 200px;
		padding-top: 4.6em;
	}
	.cd-content h1 {
		text-align: center;
		font-size: 20px;
		font-size: 1.25rem;
	}
	.cd-content p {
		line-height: 1.5;
		color: #a76500;
	}
}

@media only screen and (min-width: 768px) {
	.cd-content .cd-intro {
		height: 250px;
		padding-top: 6em;
	}
	.cd-content h1 {
		font-size: 28px;
		font-size: 1.75rem;
	}
	.cd-content p {
		font-size: 18px;
		font-size: 1.125rem;
		line-height: 1.8;
	}
}

@media only screen and (max-width: 520px) {
	.cd-primary-nav a { font-size: 25px; padding: 10px; }
}