/* Set all parents to full height */
 
/*.cbp-fbscroller,
.cbp-fbscroller section { 
	height: 100%;
	width: 75vw;
	margin: 0 auto;
}*/

.cbp-fbscroller section { 
	height: 100%;
	width: 75vw;
	margin: 0 auto;
}

/* The nav is fixed on the right side  and we center it by translating it 50% 
(we don't know it's height so we can't use the negative margin trick) */
.cbp-fbscroller > nav {
	position: fixed;
	z-index: 9999;
	right: 1%;
	top: 50%;
	width: 26px;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.cbp-fbscroller > nav a {
	display: block;
	position: relative;
	z-index: 9999;
	color: transparent;
	width: 5px;
	height: 5px;
	outline: none;
	margin: 25px 0;
	border-radius: 50%;
	border: 1px solid #333;
}

.no-touch .cbp-fbscroller > nav a:hover {
	background: rgba(51,51,51,0.6);
}

.cbp-fbscroller > nav a.cbp-fbcurrent {
	background: #333;
}

/* background-attachment does the trick */
.cbp-fbscroller section {
	position: relative;
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
}

.no-touch .cbp-fbscroller section {
	background-attachment: fixed;
}


.container{
	height: 100%;
	width: 100%;
	}

#orlando-header{
	background-size: cover;
	background-position: center center;
	}



#fos1{
	background-size: cover;
	background-position: center center;}
#fos2{
	background-image:url(../../images/bg/fos2016BG2.jpg);
	background-size: cover;
	background-position: center center;
	}
	
#fos3{
	background-image:url(../../images/bg/fos2014BG1.jpg);
	background-size: cover;
	background-position: center center;}


#autoshow17-1{
	background-image:url(../../images/bg/autoshow2017BG2.jpg);
	background-size: cover;
	background-position: center center;
	}
#autoshow16-1{
	background-image:url(../../images/bg/autoshow2016BG1.jpg);
	background-size: cover;
	background-position: center center;
	}
	
#autoshow15-1{
	background-image:url(../../images/bg/autoshow2015BG1.jpg);
	background-size: cover;
	background-position: center center;
	}
	
#auto1{
	background-image:url(../../images/bg/fos-bg2.jpg);
	background-size: cover;
	background-position: center 65px;
	background-repeat:no-repeat;
	height:100vh;
	}	


#auto2{
	background-image:url(../../images/bg/autoshowBG1.jpg);
	background-size: cover;
	background-position: center center;
	}
	
#auto3{
	background-image:url(../../images/bg/fos2016BG1.jpg);
	background-size: cover;
	background-position: center center;
	}


#auto4{
	background-image:url(../../images/bg/autoshow2016BG1.jpg);
	background-size: cover;
	background-position: center center;
	}

#auto5{
	background-image:url(../../images/bg/autoshow2015BG1.jpg);
	background-size: cover;
	background-position: center center;
	}

#auto6{
	background-image:url(../../images/bg/fos2014BG1.jpg);
	background-size: cover;
	background-position: center center;
	}
#event-culture {
	background-image:url(../../images/bg/anu15BG5.jpg);
	background-size: cover;
	background-position: center 65px;
	background-repeat:no-repeat;
	margin:3px auto;
	}
#event-cosplay  {
	background-image:url(../../images/bg/MegaCon19BG2.jpg);
	background-size: cover;
	background-position: center 65px;
	background-repeat:no-repeat;
	margin:3px auto;
	}

#miami-carnival{
	background-size: cover;
	background-position: center center;
	
	}
	

#antigua-carnival{
	background-image:url(../../images/bg/anu18BG5.jpg);
	background-size: cover;
	background-position: center 65px;
	margin:3px auto;
	}


#culture2{
	background-image:url(../../images/bg/anu16BG2a.jpg);
	background-size: cover;
	background-position: center center;
	margin:3px auto;
	}
	
#culture3{
	background-image:url(../../images/bg/anu15BG3.jpg);
	background-size: cover;
	background-position: center center;
	margin:3px auto;
	}


#culture4{
	background-image:url(../../images/bg/anu14BG1.jpg);
	background-size: cover;
	background-position: center center;
	}

#culture5{
	background-image:url(../../images/bg/curryBG.jpg);
	background-size: cover;
	background-position: center center;
	}
#orlando-carnival2019{
	background-image:url(../../images/bg/oc19BG1.jpg);
	background-size: cover;
	background-position: center center;
	}
#orlando-carnival-2017{
	background-image:url(../../images/bg/orlBG4.jpg);
	background-size: cover;
	background-position: center center;
	}	
#ocd-1{
	background-size: cover;
	background-position: center center;
}

#orlando-carnival-main{
	background-image:url(../../images/bg/ocdBG3.jpg);
	background-size: cover;
	background-position: center 65px;
	margin:3px auto;
	}	
#anu2015-1{
	background-image:url(../../images/bg/anu15BG2.jpg);
	background-size: cover;
	background-position: center center;
	}
#anu2015-2{
	background-image:url(../../images/bg/anu15BG4.jpg);
	background-size: cover;
	background-position: center center;
	margin:3px auto;
	}	
	
#anu17{
	background-image:url(../../images/bg/anu17BG6.jpg);
	background-size: cover;
	background-position: center center;
	margin:3px auto;
	}
#anu2016-1{
	background-image:url(../../images/bg/anu16BG7.jpg);
	background-size: cover;
	background-position: center center;
	}
#anu2016-2{
	background-image:url(../../images/bg/anu16BG4.jpg);
	background-size: cover;
	background-position: center center;
	margin:3px auto;
	}	
	
#anu2017-1{
	background-image:url(../../images/bg/anuj17BG3.jpg);
	background-size: cover;
	background-position: center center;
	}
#anu2017-2{
	background-image:url(../../images/bg/anu17BG3.jpg);
	background-size: cover;
	background-position: center center;
	}
#anu2017-3{
	background-image:url(../../images/bg/anu17BG6.jpg);
	background-size: cover;
	background-position: center center;
	margin:3px auto;
	}
	
#anu18{
	background-size: cover;
	background-position: center center;
	margin:3px auto;
	}
#carnival2018-1{
	background-size: cover;
	background-position: center center;
	}
#carnival2018-2{
	background-image:url(../../images/bg/anu18BG2.jpg);
	background-size: cover;
	background-position: center center;
	margin:3px auto;
	}
#carnival2018-3{
	background-size: cover;
	background-position: center center;
	margin:3px auto;
	}
#carnival2018-4{
	background-image:url(../../images/bg/anu18BG4.jpg);
	background-size: cover;
	background-position: center center;
	margin:3px auto;
	}
#carnival2018-5{
	background-image:url(../../images/bg/anu18BG5.jpg);
	background-size: cover;
	background-position: center center;
	}
	

#carnival2019-1{
	background-size: cover;
	background-position: center center;
	}
#carnival2019-2{
	background-image:url(../../images/bg/anuc19BG1.jpg);
	background-size: cover;
	background-position: center center;
	margin:3px auto;
	}
#carnival2019-3{
	background-size: cover;
	background-position: center center;
	background-image:url(../../images/bg/anuj19BG1.jpg);
	margin:3px auto;
	}
#carnival2019-4{
	background-image:url(../../images/bg/anum19BG1.jpg);
	background-size: cover;
	background-position: center center;
	margin:3px auto;
	}
#carnival2019-5{
	background-image:url(../../images/bg/anut19BG2.jpg);
	background-size: cover;
	background-position: center center;
	margin:3px auto;
	}
	
#mia-jouvert19{
	background-size: cover;
	background-position: center 65px;
	margin:0 auto 3px;
}

#mia-carnival19{
	background-size: cover;
	background-position: center 65px;
}

	
#herohypeBG{
	background-image:url(../../images/bg/herohypeBG.jpg);
	background-size: cover;
	background-position: center 65px;
	}

#megacon18{
	background-size: cover;
	background-position: center 65px;
	}

#megacon19{
	background-size: cover;
	background-position: center 65px;
	margin: 0px auto 3px;
	}


#megacon{
	background-size: cover;
	background-position: center 65px;
	margin: 0px auto 3px;
	}

#megacon1{
	background-image:url(../../images/bg/IMG_2632.jpg);
	background-size: cover;
	background-position: center center;
	}


#megacon2{
	background-image:url(../../images/bg/MegaconBG4.jpg);
	background-size: cover;
	background-position: center center;
	}
	

#foodie1{
	background-image:url(../../images/bg/foodieBG1.jpg);
	background-size: cover;
	background-position: center center;
	}
#foodie2{
	background-image:url(../../images/bg/FoodieBG2.jpg);
	background-size: cover;
	background-position: center center;
	}	
#event-automotive {
	background-image:url(../../images/bg/fos-BG.jpg);
	background-size: cover;
	background-position: center 65px;
	
}





@media screen and ( max-width: 10000px) { 
.cbp-fbscroller section { 
	height: 100%;
	width: 90vw;
	margin: 0 auto;
}

#travelSection1{
	
	background-repeat:no-repeat;
	background-size: cover;
	background-position: center 65px;
	margin: auto;
	}
	
#travelSection2{
	
	background-image:url(../../images/bg/orlandoBG5.jpg);
	background-repeat:no-repeat;
	background-size: cover;
	background-position: center 65px;
	margin: 3px auto 0px;
	
	}

#event-automotive {
	background-image:url(../../images/bg/fos-BG.jpg);
	background-size: cover;
	background-position: center 65px;
	
}



#event-culture {
	background-image:url(../../images/bg/anu15BG5.jpg);
	background-size: cover;
	background-position: center 65px;
	background-repeat:no-repeat;
	margin:3px auto;
	}
#miami-carnival{
	background-size: cover;
	background-position: center center;
	background-position: center 65px;
	}
	
#event-cosplay  {
	background-image:url(../../images/bg/MegaCon19BG2.jpg);
	background-size: cover;
	background-position: center 65px;
	
    
}	
}

@media screen and ( max-device-width: 1025px){ 
cbp-fbscroller,
.cbp-fbscroller section { 
	height: 100%;
	width: 100%;
	margin: 0 auto;
}
.cbp-fbscroller > nav {
	position: fixed;
	z-index: 9999;
	right: 1%;
	top: 50%;
	width: 26px;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.cbp-fbscroller > nav a {
	display: block;
	position: relative;
	z-index: 9999;
	color: transparent;
	width: 10px;
	height: 10px;
	outline: none;
	margin: 25px 0;
	border-radius: 50%;
	border: 1px solid #333;
}

.container{}

#travelSection1{
	
	background-repeat:no-repeat;
	background-size: cover;
	background-position: center 65px;
	margin: 0 auto 1%;
	width: 98%;
	height:100vh;
	margin-bottom: 1%;
	}
	
#travelSection2{
	
	background-image:url(../../images/bg/orlandoBG5.jpg);
	background-repeat:no-repeat;
	background-size: cover;
	background-position: center center;
	width: 98%;
	height:100vh;
	
	}

#event-automotive {
	background-image:url(../../images/bg/mobile-bg/fos-BG.jpg);
	background-size: cover;
	background-position: center center;
	background-repeat:no-repeat;
	margin: 15% auto 1%;
	width: 98%;
	height:100vh;
}

#auto1{
	width: 98%;
	height:100vh;
	background-image:url(../../images/bg/fos-bg2.jpg);
	background-size: cover;
	background-position: center 65px;
	background-repeat:no-repeat;
	}

#event-culture {
	background-image:url(../../images/bg/anu15BG5.jpg);
	background-size: cover;
	background-position: center center;
	wbackground-repeat:no-repeat;
	margin-bottom:1%;
	width: 98%;
	height:100vh;
}

#miami-carnival{
	background-size: cover;
	background-position: center center;
	width: 98%;
	height: 100vh;
	background-repeat:no-repeat;
	margin-top: 3%;
	margin-bottom: 1%;
	}
#mia-jouvert19{
	background-size: cover;
	background-position: center center;
	width: 98%;
	height:100vh;
	margin-bottom: 1%;
}

#mia-carnival19{
	background-size: cover;
	background-position: center center;
	width: 98%;
	height:100vh;
}
#antigua-carnival{
	background-image:url(../../images/bg/anu18BG5.jpg);
	background-size: cover;
	background-position: center center;
	margin:3px auto;
	width: 98%;
	height: 100vh;
	margin-bottom: 1%;
	}
#orlando-carnival-main{
	background-image:url(../../images/bg/ocdBG3.jpg);
	background-size: cover;
	background-position: center center;
	margin:3px auto;
	width: 98%;
	height: 100vh;
	}	
#event-cosplay  {
	background-image:url(../../images/bg/mobile-bg/MegaCon19BG2.jpg);
	background-size: cover;
	background-position: center center;
	background-repeat:no-repeat;
	margin-bottom:1%;
    width: 98%;
	height:100vh;
}

}

@media screen and ( max-device-width:800px) { 



cbp-fbscroller,
.cbp-fbscroller section { 
	height: 100%;
	width: 100%;
	margin: 0 auto;
}

/* The nav is fixed on the right side  and we center it by translating it 50% 
(we don't know it's height so we can't use the negative margin trick) */
.cbp-fbscroller > nav {
	position: fixed;
	z-index: 9999;
	right: 2%;
	top: 50%;
	width: 26px;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.cbp-fbscroller > nav a {
	display: none;
	position: relative;
	z-index: 9999;
	color: transparent;
	width: 13px;
	height: 13px;
	outline: none;
	margin: 25px 0;
	border-radius: 50%;
	border: 1px solid #fff;
}

.no-touch .cbp-fbscroller > nav a:hover {
	background: rgba(255,255,255,0.6);
}

.cbp-fbscroller > nav a.cbp-fbcurrent {
	background: #fff;
}

/* background-attachment does the trick */
.cbp-fbscroller section {
	position: relative;
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
}

.no-touch .cbp-fbscroller section {
	background-attachment: fixed;
}

.container{}

#event-automotive {
	background-image:url(../../images/bg/mobile-bg/fos-BG.jpg);
	background-size: cover;
	background-position: center center;
	width: 98%;
	height:60vh;
	background-repeat:no-repeat;
	margin-bottom: 1%;
}
#event-culture {
	background-image:url(../../images/bg/anu15BG5.jpg);
	background-size: cover;
	background-position: center center;
	wbackground-repeat:no-repeat;
	margin-bottom:1%;
	width: 98%;
	height:60vh;
}


#miami-carnival{
	background-size: cover;
	background-position: center center;
	width: 98%;
	height: 60vh;
	background-repeat:no-repeat;
	margin-bottom: 1%;
	}
	
#mia-jouvert19{
	background-size: cover;
	background-position: center center;
	width: 98%;
	height:60vh;
	margin-bottom: 1%;
}

#mia-carnival19{
	background-size: cover;
	background-position: center center;
	width: 98%;
	height:60vh;
	margin-bottom: 1%;
}
#antigua-carnival{
	background-image:url(../../images/bg/anu18BG5.jpg);
	background-size: cover;
	background-position: center center;
	margin:3px auto;
	width: 98%;
	height: 60vh;
	margin-bottom: 1%;
	}
#orlando-carnival-main{
	background-image:url(../../images/bg/ocdBG3.jpg);
	background-size: cover;
	background-position: center center;
	margin:3px auto;
	width: 98%;
	height: 60vh;
	}	
#travelSection1{
	width: 98%;
	height: 60vh;
	background-repeat:no-repeat;
	background-size: cover;
	background-position: center center;
	margin-bottom: 1%;
	}
	
#travelSection2{
	width: 98%;
	height: 60vh;
	background-image:url(../../images/bg/orlandoBG5.jpg);
	background-repeat:no-repeat;
	background-size: cover;
	background-position: center center;
	margin-bottom: 1%;
	
	}
#auto1{
	width: 98%;
	height:60vh;
	background-image:url(../../images/bg/fos-bg2.jpg);
	background-size: cover;
	background-position: center 65px;
	background-repeat:no-repeat;
	}
	
	
#event-cosplay  {
	background-image:url(../../images/bg/mobile-bg/MegaCon19BG2.jpg);
	background-size: cover;
	background-position: center center;
	width: 98%;
	height:60vh;
	background-repeat:no-repeat;
	margin-bottom:3px;
    
}

#herohypeBG{
	background-image:url(../../images/bg/herohypeBG.jpg);
	background-size: cover;
	background-position: 70% center;
	}

}


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

/*.container{
height: 100%;
}
.cbp-fbscroller{
	padding-top: 13%;
	padding-bottom: 0px;}*/



}

@media screen and ( max-device-width: 400px){ 
.cbp-fbscroller,
.cbp-fbscroller section { 
	height: 100%;
	width: 100vw;
	
}
/* The nav is fixed on the right side  and we center it by translating it 50% 
(we don't know it's height so we can't use the negative margin trick) */
.cbp-fbscroller > nav {
	position: fixed;
	z-index: 9999;
	right: 2%;
	top: 50%;
	width: 26px;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	display:none;
}

.cbp-fbscroller > nav a {
	display: block;
	position: relative;
	z-index: 9999;
	color: transparent;
	width: 13px;
	height: 13px;
	outline: none;
	margin: 25px 0;
	border-radius: 50%;
	border: 1px solid #fff;
}

.no-touch .cbp-fbscroller > nav a:hover {
	background: rgba(255,255,255,0.6);
}

.cbp-fbscroller > nav a.cbp-fbcurrent {
	background: #fff;
}

/* background-attachment does the trick */
.cbp-fbscroller section {
	position: relative;
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 60%;
	width: 98%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 2%;
	margin-top: 0%;
}

.no-touch .cbp-fbscroller section {
	background-attachment: fixed;
}


.container{}


 #travelSection1{
	width: 98%;
	height:60%;
	background-repeat:no-repeat;
	background-size: cover;
	background-position: center center;
	margin-top:10%;
	margin-bottom:3px;
	
	
	}
#travelSection2{
	width: 98%;
	height:60%;
	background-repeat:no-repeat;
	background-size: cover;
	background-position: center center;
	margin-bottom:3px;
	
	}
#event-automotive {
	background-image:url(../../images/bg/fos-BG.jpg);
	background-size: cover;
	background-position: center center;
	width: 98%;
	height:60%;
	background-repeat:no-repeat;
	margin-bottom:2%;
}

#auto1{
	background-image:url(../../images/bg/mobile-bg/fos-bg2.jpg);
	background-size: cover;
	background-position: center center;
	background-repeat:no-repeat;
	}
	

#event-culture {
	background-image:url(../../images/bg/anu15BG5.jpg);
	background-size: cover;
	background-position: center center;
	width: 98%;
	height:60%;
	background-repeat:no-repeat;
	margin-bottom:2%
}
#miami-carnival{
	background-size: cover;
	background-position: center center;
	width: 98%;
	height:60vh;
	background-repeat:no-repeat;
	margin-top: 10%;
	margin-bottom:3px;
	}
#event-cosplay  {
	background-image:url(../../images/bg/mobile-bg/MegaCon19BG2.jpg);
	background-size: cover;
	background-position: center center;
	width: 98%;
	height:60%;
	background-repeat:no-repeat;
	margin-bottom:2%
    
}
#megacon{
	background-size: cover;
	background-position: center 70px;
	margin: 0px auto 3px;
	width: 98%;
	height:60%;
	}
	
#megacon19{
	background-size: cover;
	background-position: center 65px;
	width: 98%;
	height:60%;
	margin: 0px auto 3px;
	}

#megacon18{
	background-size: cover;
	background-position: 62% center;
	width: 98%;
	height:60%;
	margin-bottom:2%;
	
	}

#herohypeBG{
	background-image:url(../../images/bg/herohypeBG.jpg);
	background-size: cover;
	background-position: center center;
	width: 98%;
	height:60%;
	}
}
@media screen and ( max-device-width: 720px) { 



.cbp-fbscroller,
.cbp-fbscroller section { 
	height: 100%; 
}

/* The nav is fixed on the right side  and we center it by translating it 50% 
(we don't know it's height so we can't use the negative margin trick) */
.cbp-fbscroller > nav {
	position: fixed;
	z-index: 9999;
	right: 2%;
	top: 50%;
	width: 26px;
	display:none;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.cbp-fbscroller > nav a {
	display: block;
	position: relative;
	z-index: 9999;
	color: transparent;
	width: 13px;
	height: 13px;
	outline: none;
	margin: 25px 0;
	border-radius: 50%;
	border: 1px solid #fff;
}

.no-touch .cbp-fbscroller > nav a:hover {
	background: rgba(255,255,255,0.6);
}

.cbp-fbscroller > nav a.cbp-fbcurrent {
	background: #fff;
}

/* background-attachment does the trick */
.cbp-fbscroller section {
	position: relative;
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
}

.no-touch .cbp-fbscroller section {
	background-attachment: fixed;
}


.container{}

#travelSection1{
	width: 98%;
	height:60%;
	background-repeat:no-repeat;
	background-size: cover;
	background-position: center center;
	margin-top:10%;
	margin-bottom:3px;
	
	
	}
#travelSection2{
	width: 98%;
	height:60%;
	background-repeat:no-repeat;
	background-size: cover;
	background-position: center center;
	margin-bottom:3px;
	
	}
#event-automotive {
	background-image:url(../../images/bg/mobile-bg/fos-BG.jpg);
	background-size: cover;
	background-position: center center;
	width: 98%;
	height:60%;
	background-repeat:no-repeat;
	margin-bottom:1%;
}	
#auto1{
	width: 98%;
	height:60%;
	background-repeat:no-repeat;
	background-size: cover;
	background-position: center center;
	margin-top:10%;
	margin-bottom:2%;
	margin:auto;
	position:relative;
	
	}

#event-culture {
	background-image:url(../../images/bg/anu15BG5.jpg);
	background-size: cover;
	background-position: center center;
	width: 98%;
	height:60%;
	background-repeat:no-repeat;
	margin-bottom:1%;
}

#event-cosplay  {
	background-image:url(../../images/bg/mobile-bg/MegaCon19BG2.jpg);
	background-size: cover;
	background-position: center center;
	width: 98%;
	height:60%;
	background-repeat:no-repeat;
	margin-bottom:1%
    
}


}

@media screen and ( max-device-width: 720px){ 
.cbp-fbscroller section {
	position: relative;
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 60%;
	width: 98%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 2%;
	margin-top: 0%;
}
















/*.event-spacer{
	background-color: rgba(0, 0, 0, .5);
	/*box-shadow: 1px 1px 5px #000000;
	width: 79%;
	height: 4vw;
	position: absolute;
	margin: auto;
	left: auto;
	top: 0px;
	right: 0px;
	bottom: 0px;}*/
	

	
	
@media screen and ( max-device-width: 1100px) { 



.cbp-fbscroller,
.cbp-fbscroller section { 
	height: 100%;
	width: 100%;
	
}

/* The nav is fixed on the right side  and we center it by translating it 50% 
(we don't know it's height so we can't use the negative margin trick) */
.cbp-fbscroller > nav {
	position: fixed;
	z-index: 9999;
	right: 2%;
	top: 50%;
	width: 26px;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.cbp-fbscroller > nav a {
	display: block;
	position: relative;
	z-index: 9999;
	color: transparent;
	width: 13px;
	height: 13px;
	outline: none;
	margin: 25px 0;
	border-radius: 50%;
	border: 1px solid #fff;
}

.no-touch .cbp-fbscroller > nav a:hover {
	background: rgba(255,255,255,0.6);
}

.cbp-fbscroller > nav a.cbp-fbcurrent {
	background: #fff;
}

/* background-attachment does the trick */
.cbp-fbscroller section {
	position: relative;
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
}

.no-touch .cbp-fbscroller section {
	background-attachment: fixed;
}

.container{}
}

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

.cbp-fbscroller,
.cbp-fbscroller section { 
	height: 100%; 
}

/* The nav is fixed on the right side  and we center it by translating it 50% 
(we don't know it's height so we can't use the negative margin trick) */
.cbp-fbscroller > nav {
	position: fixed;
	z-index: 9999;
	right: 2%;
	top: 50%;
	width: 26px;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.cbp-fbscroller > nav a {
	display: block;
	position: relative;
	z-index: 9999;
	color: transparent;
	width: 13px;
	height: 13px;
	outline: none;
	margin: 25px 0;
	border-radius: 50%;
	border: 1px solid #fff;
}

.no-touch .cbp-fbscroller > nav a:hover {
	background: rgba(255,255,255,0.6);
}

.cbp-fbscroller > nav a.cbp-fbcurrent {
	background: #fff;
}

/* background-attachment does the trick */
.cbp-fbscroller section {
	position: relative;
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
}

.no-touch .cbp-fbscroller section {
	background-attachment: fixed;
}

.container{
	width: 100%;
	padding-bottom:10%;}
	
#travelSection1{
	width: 100%;
	height:100vh;
	background-repeat:no-repeat;
	background-size: cover;
	background-position: center 65px;
	margin:auto;
	}
	}