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



/* viewport <= 768px */

@media only screen and (max-width: 800px) {
	
		
	.mobile-hide {
		display: none !important;
	}
	
	.cc-col-1,
	.cc-col-2,
	.cc-col-3,
	.cc-col-4 {
		width: 49% !important;
		margin: 10px auto !important;
		transition: .4s
	}
	
	.cc-row div {
		margin: 10px auto;
	}
	
	.cc-col-5,
	.cc-col-6,
	.cc-col-7,
	.cc-col-8,
	.cc-col-9,
	.cc-col-10,
	.cc-col-11,
	.cc-col-12 {
		width: 100% !important;
		margin: 10px auto !important;
		transition: .4s
	}
	.show-first {
		order: 1 !important;
	}
	.show-second {
		order: 2 !important;
	}
	.show-third {
		order: 3 !important;
	}
	.show-fourth {
		order: 4 !important;
	}

	
	.cc-mobile-col-2 {
	width: 49% !important;
	}
	
	.font-large, .font-large > a {
	font-size: 30px !important;
}
	.mobile-text-center {
		text-align: center !important;
	}
	
	.cc-anchor-nav a {
	display: block !important;
}

.cc-anchor-nav a:hover {
	letter-spacing: 2px;
	transition: ease 1s;
}

.cc-anchor-nav a:not(:last-child):after {
display: none !important;
}


}


/* viewport <= 650px */

@media screen and (max-width: 650px) {
		.cc-row {
		width: 100% !important;
	}
	.cc-col-1,
	.cc-col-2,
	.cc-col-3,
	.cc-col-4,
	.cc-col-5,
	.cc-col-6,
	.cc-col-7,
	.cc-col-8,
	.cc-col-9,
	.cc-col-10,
	.cc-col-11 {
		width: 90% !important;
		margin: 10px auto !important;
		transition: .4s
	}
	
	.cc-col-12 {
		width: 100% !important;
		margin: 10px auto !important;
		transition: .4s
	}
		.cc-mobile-col-2 {
			width: 49% !important;
	}
}