/********************************************************************************************
 1. STYLES FOR MOBILE DEVICES - media screen max width: 400px (line 15)
 2. STYLES FOR MOBILE DEVICES - media screen min width: 400px / max width: 568px (line 257)
 3. STYLES FOR MOBILE DEVICES - media screen min width: 568px / max width: 600px (line 499)
 4. STYLES FOR MOBILE DEVICES - media screen min width: 600px / max width: 700px (line 751)
 5. STYLES FOR MOBILE DEVICES - media screen min width: 700px / max width: 768px (line 1009)
 6. STYLES FOR MOBILE DEVICES - media screen min width: 768px / max width: 1024px (line 1281)
 7. STYLES FOR MOBILE DEVICES - media screen min width: 1024px / max width: 1280px (line 1554)
 8. STYLES FOR MOBILE DEVICES - media screen min width: 1280px / max width: 1366px (line 1833)
 9. STYLES FOR MOBILE DEVICES - media screen min width: 1336px / max width: 1536px (line 2115) 
 10. STYLES FOR MOBILE DEVICES - media screen min width: 1536px / max width: 1680px (line 2392)
*********************************************************************************************/


/* -- 1. STYLES FOR MOBILE DEVICES - media screen max width: 400px -- */
@media only screen and (max-width: 400px) {

	body {
		overflow-x: hidden;
	}

	h1 {
		font-size: 3em;
		line-height: 100%;
	}

	h2 {
		font-size: 1.4em;
	}

	h3 {
		font-size: 1em;
		line-height: 40%;
	}
	
	#wrapper {
		overflow-x: hidden;
	}	
	
	.container {
		overflow-x: hidden;
	}
	
	.navbar-brand {
		padding: 0;
	}
	
	.nav > li {
		background: #5E3921;
	}
	
	.navbar-default .navbar-nav > li > a {
		padding: 5px 20px;
		margin: 0 auto;
		background: #5E3921;
	}

	.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{
		color: #FFF;
		background: #D86030;
		padding: 5px 20px;
		margin: 0 auto;
	}

	.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
		color: #FFF;
		background: #D86030;
		padding: 5px 20px;
		margin: 0 auto;
	}
	
	.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
		color: #FFF;
		background: #D86030;
		padding: 5px 20px;
		margin: 0 auto;
	}
	
	.dropdown-menu {
		padding: 0 20px;
	}
	
	.navbar-nav .open .dropdown-menu {
		background: #FFF;
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0;
	}
	
	.navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header {
		padding: 0 20px;
		background: #5E3921;
	}
	
	.navbar-toggle {
		position: absolute;
		right: 2px;
		top: 14px;
	}
	
	.navbar-nav {
		margin: 0 -15px;
	}
	
	.navbar-collapse.collapse {
	
		margin-top: 0;
		padding-top: 12px;
	}

	#top-bar {
		height: 100%;
	}

	.program {
		text-align: center;
		margin: 3% auto;
	}
		
	.reservation {
		margin: 6% auto;
	}

	.social {
		padding: 0;
		text-align: center;
		margin: 4% auto;
		width: 100%;
	}
	
	.headline-right-content {
		width: 100%;
		min-width: 260px;
		margin-top: 10%;
	}
	
	.headline-left-content {
		display: none;
		overflow-x: hidden;
	}
	
	.headline-button {
		margin: 10% auto;
	}	
		
	#deal {
		min-height: 980px;
	}
	
	.daily-deal-icons {
		margin: 2% auto;
		padding: 1.5% 3%;
		text-align: center;
		font-size: 1.8em;
		font-weight: 300;
		line-height: 180%;
	}
	
	.featured-product-text {
		text-align: center !important;
	}
	
	#about{
		min-height: 1020px;
		height: auto;
		padding: 25% 0;	
	}
	
	.about-icon {
		margin: 10% auto !important;
	}
	
	.about-events {
		margin: 0;
		font-size: 2em;
		line-height: 80%;
	}
	
	.about-button {
		width: 260px;
		margin: 10% auto;
		padding: 1%;
		border: 2px solid #F0A830;
	}
	
	#facts{
		min-height: 720px;
		height: auto;
		margin: 0 auto;
		padding: 20% 0;
	}
	
	.timer {
		font-size: 2em;
		padding: 8% 0;
	}

	.timer-text h3 {
		color: #FFF;
		font-size: 1.2em;
		padding: 4% 2%;
	}

	#events{
		min-height: 880px;
		height: auto;
	}
	
	.cn_wrapper{
		margin: 4% auto;
		height: 615px;
	}

	.cn_preview, .cn_list{
		width: 100%;
		float: left;
	}

	.cn_preview{
		left: 0;
		float: right;
		top: 300px !important;
		overflow-x: hidden;
	}

	.cn_content{
		width: 100%;
	}
	
	.cn_nav{
		width: 96%;
	}
	
	.cn_content img{
		width: 100%;
		height: auto;
	}
	
	#contact{
		min-height: 650px;
		height: auto;	
	}
		
	.contact-img {
		margin: 12% auto;
	}
	
	.copyright {
		margin: 12% 0 0 0;
	}
	
	.row {
		margin: 0 2%;
	}
}


/* -- 2. STYLES FOR MOBILE DEVICES - media screen min width: 400px / max width: 568px -- */
@media screen and (min-width: 400px) and (max-width: 568px) {	

	body {
		overflow-x: hidden;
	}

	h1 {
		font-size: 3em;
		line-height: 100%;
	}

	h2 {
		font-size: 1.4em;
	}

	h3 {
		font-size: 1em;
		line-height: 40%;
	}
	
	#wrapper {
		overflow-x: hidden;
	}	
	
	.container {
		overflow-x: hidden;
	}
	
	.navbar-brand {
		padding: 0;
	}
	
	.nav > li {
		background: #5E3921;
	}
	
	.navbar-default .navbar-nav > li > a {
		padding: 5px 20px;
		margin: 0 auto;
		background: #5E3921;
	}

	.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{
		color: #FFF;
		background: #D86030;
		padding: 5px 20px;
		margin: 0 auto;
	}

	.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
		color: #FFF;
		background: #D86030;
		padding: 5px 20px;
		margin: 0 auto;
	}
	
	.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
		color: #FFF;
		background: #D86030;
		padding: 5px 20px;
		margin: 0 auto;
	}
	
	.dropdown-menu {
		padding: 0 20px;
	}
	
	.navbar-nav .open .dropdown-menu {
		background: #FFF;
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0;
	}
	
	.navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header {
		padding: 0 20px;
		background: #5E3921;
	}
	
	.navbar-toggle {
		position: absolute;
		right: 2px;
		top: 14px;
	}
	
	.navbar-nav {
		margin: 0 -15px;
	}
	
	.navbar-collapse.collapse {
	
		margin-top: 0;
		padding-top: 12px;
	}

	#top-bar {
		height: 100%;
	}

	.program {
		text-align: center;
		margin: 3% auto;
	}
		
	.reservation {
		margin: 6% auto;
	}

	.social {
		padding: 0;
		text-align: center;
		margin: 4% auto;
		width: 100%;
	}

	.headline-right-content {
		width: 100%;
		min-width: 260px;
		margin-top: 20%;
	}
	
	.headline-left-content {
		display: none;
		overflow-x-x: hidden;
	}
	
	.headline-button {
		margin: 20% auto;
	}	
		
	#deal {
		min-height: 1000px;
	}
	
	.daily-deal-icons {
		margin: 2% auto;
		padding: 1.5% 3%;
		text-align: center;
		font-size: 2em;
		font-weight: 300;
		line-height: 180%;
	}
	
	.featured-product-text {
		text-align: center !important;
	}
	
	#about{
		min-height: 1020px;
		height: auto;
		padding: 25% 0;	
	}
	
	.about-icon {
		margin: 10% auto !important;
	}
	
	.about-events {
		margin: 0;
		font-size: 2em;
		line-height: 80%;
	}
	
	.about-button {
		width: 260px;
		margin: 10% auto;
		padding: 1%;
		border: 2px solid #F0A830;
	}
	
	#facts{
		min-height: 720px;
		height: auto;
		margin: 0 auto;
		padding: 20% 0;
	}
	
	.timer {
		font-size: 2.6em;
		padding: 8% 0;
	}

	.timer-text h3 {
		color: #FFF;
		font-size: 1.4em;
		padding: 4% 2%;
	}

	#events{
		min-height: 880px;
		height: auto;
	}
	
	.cn_wrapper{
		margin: 4% auto;
		height: 615px;
	}

	.cn_preview, .cn_list{
		width: 100%;
		float: left;
	}

	.cn_preview{
		left: 0;
		float: right;
		top: 300px !important;
		overflow-x: hidden;
	}

	.cn_content{
		width: 100%;
	}
	
	.cn_nav{
		width: 96%;
	}
	
	.cn_content img{
		width: 100%;
		height: auto;
	}
	
	#contact{
		min-height: 650px;
		height: auto;	
	}
		
	.contact-img {
		margin: 12% auto;
	}
	
	.copyright {
		margin: 12% 0 0 0;
	}
	
	.row {
		margin: 0 2%;
	}	
}


/* -- 3. STYLES FOR MOBILE DEVICES - media screen min width: 568px / max width: 600px -- */
@media screen and (min-width: 568px) and (max-width: 600px) {	

	body {
		overflow-x: hidden;
	}

	h1 {
		font-size: 3.4em;
		line-height: 100%;
	}

	h2 {
		font-size: 1.8em;
	}

	h3 {
		font-size: 1.4em;
		line-height: 40%;
	}
	
	#wrapper {
		overflow-x: hidden;
	}	
	
	.container {
		overflow-x: hidden;
	}
	
	.navbar-brand {
		padding: 0;
	}
	
	.nav > li {
		background: #5E3921;
	}
	
	.navbar-default .navbar-nav > li > a {
		padding: 5px 20px;
		margin: 0 auto;
		background: #5E3921;
	}

	.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{
		color: #FFF;
		background: #D86030;
		padding: 5px 20px;
		margin: 0 auto;
	}

	.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
		color: #FFF;
		background: #D86030;
		padding: 5px 20px;
		margin: 0 auto;
	}
	
	.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
		color: #FFF;
		background: #D86030;
		padding: 5px 20px;
		margin: 0 auto;
	}
	
	.dropdown-menu {
		padding: 0 20px;
	}
	
	.navbar-nav .open .dropdown-menu {
		background: #FFF;
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0;
	}
	
	.navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header {
		padding: 0 20px;
		background: #5E3921;
	}
	
	.navbar-toggle {
		position: absolute;
		right: 2px;
		top: 14px;
	}
	
	.navbar-nav {
		margin: 0 -15px;
	}
	
	.navbar-collapse.collapse {
	
		margin-top: 0;
		padding-top: 12px;
	}

	#top-bar {
		height: 100%;
	}

	.program {
		text-align: center;
		margin: 3% auto;
		font-size: 1.2em;
	}
		
	.reservation {
		font-size: 1.2em;
		margin: 6% auto;
		width: 200px;
	}

	.social {
		padding: 0;
		text-align: center;
		margin: 3% auto;
		width: 100%;
		font-size: 1.4em;
	}
	
	#intro{
		height: 540px;
	}

	.headline-right-content {
		width: 100%;
		margin-top: 10%;
	}
	
	.headline-left-content {
		display: none;
		overflow-x-x: hidden;
	}
	
	.headline-button {
		margin: 12% auto;
	}	
		
	#deal {
		min-height: 1000px;
	}
	
	.daily-deal-icons {
		margin: 2% auto;
		padding: 1.5% 3%;
		text-align: center;
		font-size: 2.6em;
		font-weight: 300;
		line-height: 180%;
	}
	
	.featured-product-text {
		text-align: center !important;
	}
	
	#about{
		min-height: 1020px;
		height: auto;
		padding: 15% 0;	
	}
	
	.about-icon {
		margin: 10% auto !important;
	}
	
	.about-events {
		margin: 0;
		font-size: 2em;
		line-height: 80%;
	}
	
	.about-button {
		width: 260px;
		margin: 10% auto;
		padding: 1%;
		border: 2px solid #F0A830;
	}
	
	#facts{
		min-height: 740px;
		height: auto;
		margin: 0 auto;
		padding: 20% 0;
	}
	
	.timer {
		font-size: 2.6em;
		padding: 8% 0;
	}

	.timer-text h3 {
		width: 300px;
		color: #FFF;
		font-size: 1.4em;
		padding: 4% 2%;
	}

	#events{
		min-height: 880px;
		height: auto;
		width : 96%;
	}
	
	.cn_wrapper{
		margin: 2% auto;
		height: 615px;
		width: 100%;
	}

	.cn_preview, .cn_list{
		width: 98%;
		float: left;
	}

	.cn_preview{
		left: 0;
		float: right;
		top: 300px !important;
		overflow-x: hidden;
	}

	.cn_content{
		width: 100%;
	}
	
	.cn_nav{
		width: 96%;
	}
	
	.cn_content img{
		width: 100%;
		height: auto;
	}
	
	#contact{
		min-height: 650px;
		height: auto;	
	}
		
	.contact-img {
		margin: 12% auto;
	}
	
	.copyright {
		margin: 12% 0 0 0;
	}
	
	.row {
		margin: 0 2%;
	}	
}


/* -- 4. STYLES FOR MOBILE DEVICES - media screen min width: 600px / max width: 700px -- */
@media screen and (min-width: 600px) and (max-width: 700px) {	

	body {
		overflow-x: hidden;
	}

	h1 {
		font-size: 3.4em;
		line-height: 100%;
	}

	h2 {
		font-size: 1.8em;
	}

	h3 {
		font-size: 1.4em;
		line-height: 40%;
	}
	
	#wrapper {
		overflow-x: hidden;
	}	
	
	.container {
		overflow-x: hidden;
	}
	
	.navbar-brand {
		padding: 0;
	}
	
	.nav > li {
		background: #5E3921;
	}
	
	.navbar-default .navbar-nav > li > a {
		padding: 5px 20px;
		margin: 0 auto;
		background: #5E3921;
	}

	.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{
		color: #FFF;
		background: #D86030;
		padding: 5px 20px;
		margin: 0 auto;
	}

	.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
		color: #FFF;
		background: #D86030;
		padding: 5px 20px;
		margin: 0 auto;
	}
	
	.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
		color: #FFF;
		background: #D86030;
		padding: 5px 20px;
		margin: 0 auto;
	}
	
	.dropdown-menu {
		padding: 0 20px;
	}
	
	.navbar-nav .open .dropdown-menu {
		background: #FFF;
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0;
	}
	
	.navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header {
		padding: 0 20px;
		background: #5E3921;
	}
	
	.navbar-toggle {
		position: absolute;
		right: 2px;
		top: 14px;
	}
	
	.navbar-nav {
		margin: 0 -15px;
	}
	
	.navbar-collapse.collapse {
	
		margin-top: 0;
		padding-top: 12px;
	}

	#top-bar {
		height: 100%;
	}

	.program {
		text-align: center;
		margin: 3% auto;
		font-size: 1.2em;
	}
		
	.reservation {
		font-size: 1.2em;
		margin: 6% auto;
		width: 200px;
	}

	.social {
		padding: 0;
		text-align: center;
		margin: 3% auto;
		width: 100%;
		font-size: 1.4em;
	}
	
	#intro{
		height: 540px;
	}

	.headline-right-content {
		min-width: 100%;
		width: 100%;
		margin-top: 10%;
	}
	
	.headline-left-content {
		display: none;
		overflow-x-x: hidden;
	}
	
	.headline-button {
		margin: 12% auto;
	}	
	
	.headline-button {
		width: 260px; 
		font-size: 1.2em;
	}
		
	#deal {
		min-height: 1160px;
		height: auto;
	}
	
	.daily-deal-icons {
		font-size: 2.8em;
		line-height: 180%;
	}
	
	.daily-deal-icons2 {
		padding: 0 8%;
		font-size: 2em;
	}
	
	.featured-product-text {
		text-align: center !important;
	}
	
	#about{
		min-height: 1020px;
		height: auto;
		padding: 15% 0;	
	}
	
	.about-icon {
		margin: 10% auto !important;
	}
	
	.about-events {
		margin: 0;
		line-height: 100%;
	}
	
	.about-button {
		width: 300px;
		margin: 10% auto;
		padding: 1%;
		border: 2px solid #F0A830;
	}
	
	#facts{
		min-height: 850px;
		height: auto;
		margin: 0 auto;
		padding: 20% 0;
	}
	
	.timer {
		font-size: 2.6em;
		padding: 8% 0;
	}

	.timer-text h3 {
		color: #FFF;
		font-size: 1.4em;
		padding: 4% 2%;
	}

	#events{
		min-height: 880px;
		height: auto;
		width : 96%;
	}
	
	.cn_wrapper{
		margin: 2% auto;
		height: 615px;
		width: 100%;
	}

	.cn_preview, .cn_list{
		width: 98%;
		float: left;
	}

	.cn_preview{
		left: 0;
		float: right;
		top: 300px !important;
		overflow-x: hidden;
	}

	.cn_content{
		width: 100%;
	}
	
	.cn_nav{
		width: 96%;
	}
	
	.cn_content img{
		width: 100%;
		height: auto;
	}
	
	#contact{
		min-height: 650px;
		height: auto;	
	}
		
	.contact-img {
		margin: 12% auto;
	}
	
	.copyright {
		margin: 12% 0 0 0;
	}
	
	.row {
		margin: 0 2%;
	}	
}


/* -- 5. STYLES FOR MOBILE DEVICES - media screen min width: 700px / max width: 768px -- */
@media screen and (min-width : 700px) and (max-width : 768px) {

	body {
		overflow-x: hidden;
	}

	h1 {
		font-size: 3.4em;
		line-height: 100%;
	}

	h2 {
		font-size: 1.8em;
	}

	h3 {
		font-size: 1.4em;
		line-height: 40%;
	}
	
	#wrapper {
		overflow-x: hidden;
	}	
	
	.container {
		overflow-x: hidden;
	}
	
	.navbar-brand {
		padding: 0;
	}
	
	.nav > li {
		background: #5E3921;
	}
	
	.navbar-default .navbar-nav > li > a {
		padding: 5px 20px;
		margin: 0 auto;
		background: #5E3921;
	}

	.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{
		color: #FFF;
		background: #D86030;
		padding: 5px 20px;
		margin: 0 auto;
	}

	.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
		color: #FFF;
		background: #D86030;
		padding: 5px 20px;
		margin: 0 auto;
	}
	
	.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
		color: #FFF;
		background: #D86030;
		padding: 5px 20px;
		margin: 0 auto;
	}
	
	.dropdown-menu {
		padding: 0 20px;
	}
	
	.navbar-nav .open .dropdown-menu {
		background: #FFF;
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0;
	}
	
	.navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header {
		padding: 0 20px;
		background: #5E3921;
	}
	
	.navbar-toggle {
		position: absolute;
		right: 2px;
		top: 14px;
	}
	
	.navbar-nav {
		margin: 0 -15px;
	}
	
	.navbar-collapse.collapse {
	
		margin-top: 0;
		padding-top: 12px;
	}

	#top-bar {
		height: 100%;
	}

	.program {
		text-align: center;
		margin: 3% auto;
		font-size: 1.2em;
	}
		
	.reservation {
		font-size: 1.2em;
		margin: 6% auto;
		width: 200px;
	}

	.social {
		padding: 0;
		text-align: center;
		margin: 3% auto;
		width: 100%;
		font-size: 1.4em;
	}
	
	#intro{
		height: 540px;
	}

	.headline-right-content {
		min-width: 100%;
		width: 100%;
		margin-top: 8%;
	}
	
	.headline-left-content {
		display: none;
		overflow-x-x: hidden;
	}
	
	.headline-button {
		margin: 12% auto;
	}	
	
	.headline-button {
		width: 260px; 
		font-size: 1.2em;
	}
		
	#deal {
		min-height: 1160px;
		height: auto;
	}
	
	.daily-deal-icons {
		font-size: 2.8em;
		line-height: 180%;
	}
	
	.daily-deal-icons2 {
		padding: 0 8%;
		font-size: 2em;
	}
	
	.featured-product-text {
		text-align: center !important;
		padding: 6% 0 2% 0;
	}
	
	#about{
		min-height: 1000px;
		height: auto;
		padding: 15% 0;	
	}
	
	.about-icon {
		margin: 10% auto !important;
	}
	
	.about-events {
		margin: 0;
		line-height: 100%;
	}
	
	.about-button {
		width: 300px;
		margin: 10% auto;
		padding: 1%;
		border: 2px solid #F0A830;
	}
	
	#facts{
		min-height: 980px;
		height: auto;
		margin: 0 auto;
		padding: 10% 0 20% 0;
	}
	
	.timer {
		font-size: 2.6em;
		padding: 6% 0;
	}

	.timer-text h3 {
		color: #FFF;
		font-size: 1.4em;
		padding: 2%;
		width: 360px;
	}

	#events{
		min-height: 880px;
		height: auto;
		width : 96%;
	}
	
	.cn_wrapper{
		margin: 2% auto;
		height: 615px;
		width: 100%;
	}
	
	.cn_wrapper h3{
	padding: 3%;
	}

	.cn_preview, .cn_list{
		width: 98%;
		float: left;
	}

	.cn_preview{
		left: 0;
		float: right;
		top: 300px !important;
		overflow-x: hidden;
	}

	.cn_content{
		width: 100%;
	}
	
	.cn_nav{
		width: 98%;
	}
	
	.cn_content img{
		width: 100%;
		height: auto;
	}
	
	#contact{
		min-height: 800px;
		height: auto;	
	}
		
	.contact-img {
		margin: 8% auto;
	}
	
	.contact-details-title {
		visibility: visible;
	}

	.contact-details {
		visibility: visible;
	}
	
	.copyright {
		margin: 8% 0 0 0;
	}
	
	.row {
		margin: 0 2%;
	}	
}


/* -- 6. STYLES FOR MOBILE DEVICES - media screen min width: 768px / max width: 1024px -- */
@media screen and (min-width : 768px) and (max-width : 1024px) {

	body {
		overflow-x: hidden;
	}

	h1 {
		font-size: 3.4em;
		line-height: 100%;
	}

	h2 {
		font-size: 1.8em;
	}

	h3 {
		font-size: 1.4em;
		line-height: 40%;
	}
	
	#wrapper {
		overflow-x: hidden;
	}	
	
	.container {
		overflow-x: hidden;
	}
	
	.navbar-brand {
		padding: 0 2%;
	}
	
	.nav > li {
		background: #5E3921;
	}
	
	.navbar-default .navbar-nav > li > a {
		padding: 27px 10px;
		margin: 0 auto;
		background: #5E3921;
	}

	.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{
		color: #FFF;
		background: #D86030;
		padding: 27px 10px;
		margin: 0 auto;
	}

	.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
		color: #FFF;
		background: #D86030;
		padding: 27px 10px;
		margin: 0 auto;
	}
	
	.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
		color: #FFF;
		background: #D86030;
		padding: 27px 10px;
		margin: 0 auto;
	}
	
	.dropdown-menu {
		padding: 0 20px;
	}
	
	.navbar-nav .open .dropdown-menu {
		background: #FFF;
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0;
	}
	
	.navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header {
		padding: 0 10px;
		background: #5E3921;
	}
	
	.navbar-toggle {
		position: absolute;
		right: 2px;
		top: 14px;
	}
	
	.navbar-nav {
		margin: 0 -15px;
	}
	
	.navbar-collapse.collapse {
		margin-top: 0;
		padding-top: 0;
	}

	#top-bar {
		height: 100%;
	}

	.program {
		text-align: center;
		margin: 3% auto;
		font-size: 1.2em;
	}
		
	.reservation {
		font-size: 1.2em;
		margin: 6% auto;
		width: 200px;
	}

	.social {
		padding: 0;
		text-align: center;
		margin: 3% auto;
		width: 100%;
		font-size: 1.4em;
	}
	
	#intro{
		height: 540px;
	}

	.headline-right-content {
		min-width: 100%;
		width: 100%;
		margin-top: 8%;
	}
	
	.headline-left-content {
		display: none;
		overflow-x-x: hidden;
	}
	
	.headline-button {
		margin: 12% auto;
	}	
	
	.headline-button {
		width: 260px; 
		font-size: 1.2em;
	}
		
	#deal {
		min-height: 1160px;
		height: auto;
	}
	
	.daily-deal-icons {
		font-size: 2.8em;
		line-height: 180%;
	}
	
	.daily-deal-icons2 {
		padding: 0 8%;
		font-size: 2em;
	}
	
	.featured-product-text {
		text-align: center !important;
		padding: 6% 0 2% 0;
	}
	
	#about{
		min-height: 1000px;
		height: auto;
		padding: 15% 0;	
	}
	
	.about-icon {
		margin: 10% auto !important;
	}
	
	.about-events {
		margin: 0;
		line-height: 100%;
	}
	
	.about-button {
		width: 300px;
		margin: 10% auto;
		padding: 1%;
		border: 2px solid #F0A830;
	}
	
	.menu-images {
		width: 160px;
		height: auto;
	}
	
	#facts{
		min-height: 980px;
		height: auto;
		margin: 0 auto;
		padding: 10% 0 20% 0;
	}
	
	.timer {
		font-size: 2.6em;
		padding: 6% 0;
	}

	.timer-text h3 {
		color: #FFF;
		font-size: 1.4em;
		padding: 2%;
		width: 400px;
	}

	#events{
		min-height: 880px;
		height: auto;
		width : 96%;
	}
	
	.cn_wrapper{
		margin: 2% auto;
		height: 615px;
		width: 100%;
	}

	.cn_preview, .cn_list{
		width: 98%;
		float: left;
	}

	.cn_preview{
		left: 0;
		float: right;
		top: 300px !important;
		overflow-x: hidden;
	}

	.cn_content{
		width: 100%;
	}
	
	.cn_nav{
		width: 98%;
	}
	
	.cn_content img{
		width: 100%;
		height: auto;
	}
	
	#contact{
		min-height: 800px;
		height: auto;	
	}
		
	.contact-img {
		margin: 8% auto;
		visibility: visible;
	}
	
	.contact-details-title {
		visibility: visible;
	}

	.contact-details {
		visibility: visible;
	}
	
	.copyright {
		margin: 8% 0 0 0;
	}
	
	.row {
		margin: 0 2%;
	}	
}


/* -- 7. STYLES FOR MOBILE DEVICES - media screen min width: 1024px / max width: 1280px -- */
@media screen and (min-width : 1024px) and (max-width : 1280px) {

	body {
		overflow-x: hidden;
	}

	h1 {
		font-size: 3.4em;
		line-height: 100%;
	}

	h2 {
		font-size: 1.8em;
	}

	h3 {
		font-size: 1.4em;
		line-height: 40%;
	}
	
	#wrapper {
		overflow-x: hidden;
	}	
	
	.container {
		overflow-x: hidden;
	}
	
	.navbar-brand {
		padding: 0 2%;
	}
	
	.nav > li {
		background: #5E3921;
	}
	
	.navbar-default .navbar-nav > li > a {
		padding: 27px 14px;
		margin: 0 auto;
		background: #5E3921;
	}

	.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{
		color: #FFF;
		background: #D86030;
		padding: 27px 14px;
		margin: 0 auto;
	}

	.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
		color: #FFF;
		background: #D86030;
		padding: 27px 14px;
		margin: 0 auto;
	}
	
	.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
		color: #FFF;
		background: #D86030;
		padding: 27px 14px;
		margin: 0 auto;
	}
	
	.dropdown-menu {
		padding: 0 20px;
	}
	
	.navbar-nav .open .dropdown-menu {
		background: #FFF;
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0;
	}
	
	.navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header {
		padding: 0 10px;
		background: #5E3921;
	}
	
	.navbar-toggle {
		position: absolute;
		right: 2px;
		top: 14px;
	}
	
	.navbar-nav {
		margin: 0 -15px;
	}
	
	.navbar-collapse.collapse {
		margin-top: 0;
		padding-top: 0;
	}

	#top-bar {
		height: 150px;
	}

	.program {
		text-align: center;
		margin: 3% auto;
		font-size: 1.2em;
	}
		
	.reservation {
		font-size: 1.2em;
		margin: 8% 0 0 0;
		width: 200px;
	}

	.social {
		padding: 0;
		text-align: center;
		margin: 3% auto;
		width: 100%;
		font-size: 1.4em;
		padding: 6% 0;
	}
	
	#intro{
		height: 540px;
	}

	.headline-right-content {
		min-width: 100%;
		width: 100%;
		margin-top: 8%;
	}
	
	.headline-left-content {
		display: none;
		overflow-x-x: hidden;
	}
	
	.headline-button {
		margin: 6% auto;
		width: 260px; 
		font-size: 1.2em;
	}	
		
	#deal {
		min-height: 1050px;
		height: auto;
	}
	
	.daily-deal-icons {
		font-size: 2.2em;
		line-height: 120%;
	}
	
	.daily-deal-icons2 {
		padding: 0 4%;
		font-size: 1.8em;
	}
	
	.featured-product-image {
		width: 100%;
		margin: 3% auto;
		text-align: center;
		visibility: hidden; 
	}
	
	.featured-product-text {
		text-align: center !important;
		padding: 2% 0;
	}
	
	#about{
		min-height: 800px;
		height: auto;
		padding: 8% 0;	
	}
	
	.nbs-flexisel-item img {
		max-width: 170px;
		max-height: 170px;
	}
	
	.about-icon {
		margin: 8% auto !important;
	}
	
	.about-events {
		margin: 0;
		line-height: 100%;
	}
	
	.about-button {
		width: 300px;
		margin: 8% auto;
		padding: 1%;
		border: 2px solid #F0A830;
	}
	
	.menu-images {
		width: 200px;
		height: auto;
	}
	
	#facts{
		min-height: 460px;
		height: auto;
		padding: 6% 0;
	}
	
	.timer {
		font-size: 2em;
		padding: 10% 0;
	}

	.timer-text h3 {
		width: 200px;
		color: #FFF;
		font-size: 1em;
		padding: 4%;
	}

	#events{
		min-height: 500px;
		height: auto;
		width : 100%;
		padding: 4% 0;
	}
	
	.cn_preview, .cn_list{
		width: 470px;
	}

	.cn_preview{
		left: 500px;
		top: 0 !important;		
	}

	.cn_content{
		top: 310px;/*5*/
		width: 420px;
	}

	.cn_content img{
		width: 420px;
		height: auto;
	}
	
	.cn_wrapper{
		height: 300px;
	}
	
	.cn_nav{
		width: 99%;
	}
	
	#contact{
		min-height: 500px;
		height: auto;	
	}
		
	.contact-img {
		margin: 14% auto;
		visibility: visible;
	}
	
	.contact-details-title {
		visibility: visible;
	}

	.contact-details {
		visibility: visible;
	}
	
	.copyright {
		margin: 2% 0 0 0;
	}
	
	.row {
		margin: 0 2%;
	}	
}


/* -- 8. STYLES FOR MOBILE DEVICES - media screen min width: 1280px / max width: 1366px -- */
@media screen and (min-width : 1280px) and (max-width : 1366px) {

	body {
		overflow-x: hidden;
	}

	h1 {
		font-size: 3.4em;
		line-height: 100%;
	}

	h2 {
		font-size: 1.8em;
	}

	h3 {
		font-size: 1.4em;
		line-height: 40%;
	}
	
	#wrapper {
		overflow-x: hidden;
	}	
	
	.container {
		overflow-x: hidden;
	}
	
	.navbar-brand {
		padding: 0 2%;
	}
	
	.nav > li {
		background: #5E3921;
	}
	
	.navbar-default .navbar-nav > li > a {
		padding: 27px 14px;
		margin: 0 auto;
		background: #5E3921;
	}

	.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{
		color: #FFF;
		background: #D86030;
		padding: 27px 14px;
		margin: 0 auto;
	}

	.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
		color: #FFF;
		background: #D86030;
		padding: 27px 14px;
		margin: 0 auto;
	}
	
	.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
		color: #FFF;
		background: #D86030;
		padding: 27px 14px;
		margin: 0 auto;
	}
	
	.dropdown-menu {
		padding: 0 20px;
	}
	
	.navbar-nav .open .dropdown-menu {
		background: #FFF;
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0;
	}
	
	.navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header {
		padding: 0 10px;
		background: #5E3921;
	}
	
	.navbar-toggle {
		position: absolute;
		right: 2px;
		top: 14px;
	}
	
	.navbar-nav {
		margin: 0 -15px;
	}
	
	.navbar-collapse.collapse {
		margin-top: 0;
		padding-top: 0;
	}

	#top-bar {
		height: 150px;
	}

	.program {
		text-align: center;
		margin: 3% auto;
		font-size: 1.2em;
	}
		
	.reservation {
		font-size: 1.2em;
		margin: 8% auto;
		text-align: center;
		width: 200px;
	}

	.social {
		padding: 0;
		text-align: center;
		margin: 3% auto;
		width: 100%;
		font-size: 1.4em;
		padding: 6% 0;
	}
	
	#intro{
		height: 540px;
	}

	.headline-left-content {
		width: 48%;
		max-width: 360px;
		height: auto;
		display: initial;
		margin-left: 4%;
	}

	.headline-right-content {
		width: 60%;
		min-width: 400px;
		margin-top: 6%;
	}
	
	.headline-button {
		margin: 6% auto;
		width: 260px; 
		font-size: 1.2em;
	}	
		
	#deal {
		min-height: 850px;
		height: auto;
	}
	
	.daily-deal-icons {
		font-size: 2.2em;
		line-height: 120%;
	}
	
	.daily-deal-icons2 {
		padding: 0 4%;
		font-size: 1.8em;
	}
	
	.featured-product-image {
		width: 50%;
		margin: 3% auto;
		text-align: center;
		visibility: hidden; 
	}
	
	.featured-product-text {
		text-align: left !important;
		padding: 12% 0 0 0;
	}
	
	#about{
		min-height: 740px;
		height: auto;
		padding: 6% 0;	
	}
	
	.nbs-flexisel-item img {
		max-width: 200px;
		max-height: 200px;
	}
	
	.about-icon {
		margin: 6% auto !important;
	}
	
	.about-events {
		margin: 0;
		line-height: 100%;
	}
	
	.about-button {
		width: 480px;
		margin: 6% auto;
		padding: 1%;
		border: 2px solid #F0A830;
	}
	
	.menu-images {
		width: 240px;
		height: auto;
	}
	
	#facts{
		min-height: 480px;
		height: auto;
		padding: 6% 0;
	}
	
	.timer {
		font-size: 2em;
		padding: 10% 0;
	}

	.timer-text h3 {
		width: 240px;
		color: #FFF;
		font-size: 1.2em;
		padding: 4%;
	}

	#events{
		min-height: 500px;
		height: auto;
		width : 100%;
		padding: 4% 0;
	}
	
	.cn_preview, .cn_list{
		width: 500px;
	}

	.cn_preview{
		left: 540px;
	}

	.cn_content{
		top: 310px;/*5*/
		width: 600px;
		padding: 1% 2%;
	}

	.cn_content img{
		width: 600px;
	}

	.cn_wrapper{
		height: 300px;
	}
	
	.cn_nav{
		width: 99%;
	}
	
	#contact{
		min-height: 500px;
		height: auto;	
	}
		
	.contact-img {
		margin: 8% auto;
		visibility: visible;
	}
	
	.contact-details-title {
		visibility: visible;
	}

	.contact-details {
		visibility: visible;
	}
	
	.copyright {
		margin: 2% 0 0 0;
	}
	
	.row {
		margin: 0 2%;
	}	
}


/* -- 9. STYLES FOR MOBILE DEVICES - media screen min width: 1336px / max width: 1536px -- */
@media screen and (min-width : 1366px) and (max-width : 1536px) {

	body {
		overflow-x: hidden;
	}

	h1 {
		font-size: 3.4em;
		line-height: 100%;
	}

	h2 {
		font-size: 1.8em;
	}

	h3 {
		font-size: 1.4em;
		line-height: 40%;
	}
	
	#wrapper {
		overflow-x: hidden;
	}	
	
	.container {
		overflow-x: hidden;
	}
	
	.navbar-brand {
		padding: 0 2%;
	}
	
	.nav > li {
		background: #5E3921;
	}
	
	.navbar-default .navbar-nav > li > a {
		padding: 27px 14px;
		margin: 0 auto;
		background: #5E3921;
	}

	.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{
		color: #FFF;
		background: #D86030;
		padding: 27px 14px;
		margin: 0 auto;
	}

	.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
		color: #FFF;
		background: #D86030;
		padding: 27px 14px;
		margin: 0 auto;
	}
	
	.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
		color: #FFF;
		background: #D86030;
		padding: 27px 14px;
		margin: 0 auto;
	}
	
	.dropdown-menu {
		padding: 0 20px;
	}
	
	.navbar-nav .open .dropdown-menu {
		background: #FFF;
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0;
	}
	
	.navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header {
		padding: 0 10px;
		background: #5E3921;
	}
	
	.navbar-toggle {
		position: absolute;
		right: 2px;
		top: 14px;
	}
	
	.navbar-nav {
		margin: 0 -15px;
	}
	
	.navbar-collapse.collapse {
		margin-top: 0;
		padding-top: 0;
	}

	#top-bar {
		height: 150px;
	}

	.program {
		text-align: center;
		margin: 3% auto;
		font-size: 1.2em;
	}
		
	.reservation {
		font-size: 1.2em;
		margin: 8% auto;
		text-align: center;
		width: 220px;
	}

	.social {
		padding: 0;
		text-align: center;
		margin: 3% auto;
		width: 100%;
		font-size: 1.4em;
		padding: 6% 0;
	}
	
	#intro{
		height: 540px;
	}

	.headline-left-content {
		width: 48%;
		max-width: 360px;
		height: auto;
		display: initial;
		margin-left: 4%;
	}

	.headline-right-content {
		width: 60%;
		min-width: 400px;
		margin-top: 6%;
	}
	
	.headline-button {
		margin: 6% auto;
		width: 260px; 
		font-size: 1.2em;
	}	
		
	#deal {
		min-height: 850px;
		height: auto;
	}
	
	.daily-deal-icons {
		font-size: 2.2em;
		line-height: 120%;
	}
	
	.daily-deal-icons2 {
		padding: 0 4%;
		font-size: 1.8em;
	}
	
	.featured-product-image {
		width: 50%;
		margin: 3% auto;
		text-align: center;
		visibility: hidden; 
	}
	
	.featured-product-text {
		text-align: left !important;
		padding: 12% 0 0 0;
	}
	
	#about{
		min-height: 740px;
		height: auto;
		padding: 6% 0;	
	}
	
	.about-icon {
		margin: 6% auto !important;
	}
	
	.about-events {
		margin: 0;
		line-height: 100%;
	}
	
	.about-button {
		width: 480px;
		margin: 6% auto;
		padding: 1%;
		border: 2px solid #F0A830;
	}
	
	.menu-images {
		width: 240px;
		height: auto;
	}
	
	#facts{
		min-height: 500px;
		height: auto;
		padding: 6% 0;
	}
	
	.timer {
		font-size: 2.2em;
		padding: 10% 0;
	}

	.timer-text h3 {
		color: #FFF;
		font-size: 1.2em;
		padding: 4%;
	}
	
	#events{
		min-height: 500px;
		height: auto;
		width : 100%;
		padding: 4% 0;
	}
	
	.cn_preview, .cn_list{
		width: 500px;
	}

	.cn_preview{
		left: 540px;
	}

	.cn_content{
		top: 310px;/*5*/
		width: 600px;
		padding: 1% 2%;
	}

	.cn_content img{
		width: 600px;
	}

	.cn_wrapper{
		height: 300px;
	}
	
	.cn_nav{
		width: 99%;
	}
	
	#contact{
		min-height: 500px;
		height: auto;	
	}
		
	.contact-img {
		margin: 8% auto;
		visibility: visible;
	}
	
	.contact-details-title {
		visibility: visible;
	}

	.contact-details {
		visibility: visible;
	}
	
	.copyright {
		margin: 2% 0 0 0;
	}
	
	.row {
		margin: 0 2%;
	}	
}


/* -- 10. STYLES FOR MOBILE DEVICES - media screen min width: 1536px / max width: 1680px -- */
@media screen and (min-width : 1536px) and (max-width : 1680px) {

	body {
		overflow-x: hidden;
	}

	h1 {
		font-size: 3.4em;
		line-height: 100%;
	}

	h2 {
		font-size: 1.8em;
	}

	h3 {
		font-size: 1.4em;
		line-height: 40%;
	}
	
	#wrapper {
		overflow-x: hidden;
	}	
	
	.container {
		overflow-x: hidden;
	}
	
	.navbar-brand {
		padding: 0 2%;
	}
	
	.nav > li {
		background: #5E3921;
	}
	
	.navbar-default .navbar-nav > li > a {
		padding: 27px 14px;
		margin: 0 auto;
		background: #5E3921;
	}

	.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{
		color: #FFF;
		background: #D86030;
		padding: 27px 14px;
		margin: 0 auto;
	}

	.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
		color: #FFF;
		background: #D86030;
		padding: 27px 14px;
		margin: 0 auto;
	}
	
	.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
		color: #FFF;
		background: #D86030;
		padding: 27px 14px;
		margin: 0 auto;
	}
	
	.dropdown-menu {
		padding: 0 20px;
	}
	
	.navbar-nav .open .dropdown-menu {
		background: #FFF;
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0;
	}
	
	.navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header {
		padding: 0 10px;
		background: #5E3921;
	}
	
	.navbar-toggle {
		position: absolute;
		right: 2px;
		top: 14px;
	}
	
	.navbar-nav {
		margin: 0 -15px;
	}
	
	.navbar-collapse.collapse {
		margin-top: 0;
		padding-top: 0;
	}

	#top-bar {
		height: 150px;
	}

	.program {
		text-align: center;
		margin: 3% auto;
		font-size: 1.2em;
	}
		
	.reservation {
		font-size: 1.2em;
		margin: 8% auto;
		text-align: center;
		width: 220px;
	}

	.social {
		padding: 0;
		text-align: center;
		margin: 3% auto;
		width: 100%;
		font-size: 1.4em;
		padding: 6% 0;
	}
	
	#intro{
		height: 540px;
	}

	.headline-left-content {
		width: 48%;
		max-width: 360px;
		height: auto;
		display: initial;
		margin-left: 4%;
	}

	.headline-right-content {
		width: 60%;
		min-width: 400px;
		margin-top: 6%;
	}
	
	.headline-button {
		margin: 6% auto;
		width: 260px; 
		font-size: 1.2em;
	}	
		
	#deal {
		min-height: 850px;
		height: auto;
	}
	
	.daily-deal-icons {
		font-size: 2.2em;
		line-height: 120%;
	}
	
	.daily-deal-icons2 {
		padding: 0 4%;
		font-size: 1.8em;
	}
	
	.featured-product-image {
		width: 50%;
		margin: 3% auto;
		text-align: center;
		visibility: hidden; 
	}
	
	.featured-product-text {
		text-align: left !important;
		padding: 12% 0 0 0;
	}
	
	#about{
		min-height: 740px;
		height: auto;
		padding: 6% 0;	
	}
	
	.about-icon {
		margin: 6% auto !important;
	}
	
	.about-events {
		margin: 0;
		line-height: 100%;
	}
	
	.about-button {
		width: 480px;
		margin: 6% auto;
		padding: 1%;
		border: 2px solid #F0A830;
	}
	
	.menu-images {
		width: 240px;
		height: auto;
	}
	
	#facts{
		min-height: 500px;
		height: auto;
		padding: 4% 0;
	}
	
	.timer {
		font-size: 2.2em;
		padding: 10% 0;
	}

	.timer-text h3 {
		color: #FFF;
		font-size: 1.2em;
		padding: 4%;
	}

	#events{
		min-height: 500px;
		height: auto;
		width : 100%;
		padding: 4% 0;
	}
	
	.cn_preview, .cn_list{
		width: 500px;
	}

	.cn_preview{
		left: 540px;
	}

	.cn_content{
		top: 310px;/*5*/
		width: 600px;
		padding: 1% 2%;
	}

	.cn_content img{
		width: 600px;
	}

	.cn_wrapper{
		height: 300px;
	}
	
	.cn_nav{
		width: 99%;
	}
	
	#contact{
		min-height: 500px;
		height: auto;	
	}
		
	.contact-img {
		margin: 8% auto;
		visibility: visible;
	}
	
	.contact-details-title {
		visibility: visible;
	}

	.contact-details {
		visibility: visible;
	}
	
	.copyright {
		margin: 2% 0 0 0;
	}
	
	.row {
		margin: 0 2%;
	}	
}