body {
	font-family: "Lato", "Helvetica Neue", HelveticaNeue, "TeX Gyre Heros", TeXGyreHeros, FreeSans, "Nimbus Sans L", "Liberation Sans", Arimo, Helvetica, Arial, sans-serif;
}

img {
	max-width:100%;
	height:auto;
}
a {
	color:inherit;
}
a:hover {
	opacity:0.7;
}
p {
	font-weight:300;
}
h2 strong {
	font-weight:normal;
	color:#0096D2;
}

.wrapper { margin: 0 5%; width: 90%;  }
@media only screen and (min-width: 1140px) {
	.wrapper, .lgwrapper {
		margin: 0 auto;
		width: 1026px;
	}
}

.homeheading{
	font-weight: 300;
	font-size: 30px;
	color: black;
	text-align:center;
	margin: 40px 0 0 0;
}

h1#GYTSubTitle1{
	font-weight: 300;
	font-size: 30px;
	color: black;

}

h1#GYTSubTitle2{
	font-weight: 300;
	font-size: 30px;
	color: black;

}

p#welcometext{
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}



h2{
	font-weight: 300;
}

#mytours h2 {
	font-size:30px;
	margin-bottom:0;
}
#mytours h2 strong{
	font-weight:normal;
	color:#0096D2;
}

#mainImage{
	background: url('../images/Main.png');
	background-size: 100% 100%;
	width: 100%;
	height: 700px;
	position:relative;
	z-index: 1;
	box-shadow: inset 0px 5px 10px 1px #333;
}


#mainImageOverlay{
	width:100%;
	height: 100%;
	background-color: #0096D2;
	opacity:0.1;
	position:relative;
	z-index: 2;
}


div#MainText{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	min-height: 200px;
}

div#maintextdiv{
	width: 70%;
	margin-left: auto;
	margin-right: auto;
	min-height: 200px;
	float: left;
}

div#Main{
	width: 100%;
	float: left;
	min-height: 300px;
	background-color: #ffffff;	
}

div#mytours{
	width: 100%;
	background-image: url("../images/toursbackground.png");
	background-size: 100% 100%;
	background-size:cover;
	text-align:center;
}


.homeoverlaycontainer {
	padding-top:150px;
}
#homeoverlay{
	background-color: #0096D2;
	opacity: 0.8;
	z-index: 1;
	color:white;
	font-weight:300;
	font-size:50px;
	display:inline;
	margin-bottom:10px;
}



#Bottom{
	margin-left: auto;
	margin-right: auto;
	width: 70%;
	min-height: 500px;
}


.slideitem{
	min-height: 400px;
	border-right: solid 1px #0096D2;
}

.slick-prev:before, .slick-next:before {
	color:#0096D2 !important;
}


.imagetitles{
	font-weight: 500;
	font-size: 14pt;
	text-align:center;
	color: black;
}

#subopagetext{
	font-weight: 100;
	font-size: 12pt;
	text-align:center;
	color: black;
}

.ThreeImages{
	width: 300px;
	height: 200px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
.homeintro {
	text-align:center;
	padding-bottom:20px;
}	
#homeleftlogo {
	margin-top:55px;
}
#homerightlogo {
	margin-top:130px;
}

#logoleftdiv{
	text-align:center;
}


#logorightdiv{
	width: 15%;
	height: 300px;
	margin-top: auto;
	margin-bottom: auto;
	float: right;
}

.moreinfo{
	font-weight: 100;
	font-size: 10pt;
	text-align: center;
	color: #0096D2;
	margin-left: auto;
	margin-right: auto;
}

.booknow a{
	margin-right: auto;
	margin-left: auto;
	text-align: center; 
	font-weight: 400;
	font-size: 10pt;
	color:#ffffff;
	width:100%;
	height: 20px;
	background-color: #0096D2;	
	padding-top:10px;
	padding-bottom: 5px;
	display:block;
	text-decoration:none;
}

#booknow a{
	color: #ffffff;
	text-decoration: none;
}

.hometestilink{
	text-align: center;
	font-weight: 400;
	font-size: 10pt;
	color:#ffffff;
	height: 10px;
	background-color: #0096D2;	
	padding:7px 15px 12px;
	text-decoration:none;
	display:block;
	margin:23px auto 0;
	width:115px;
}

#testimonials a{
	color: #ffffff;
	text-decoration: none;
}

.booknow{
	width: 80%;
	margin-right: auto;
	margin-left: auto;
}

#content{
	width:90%;
	min-height: 400px;	
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

#test{
	background-image: url("../images/footerimage.png");
	background-size: 100% 100%;
	background-repeat: no-repeat;
	padding-top:20px;
	margin: 0px;
	width: 100%;
	float:left;
}





#activepage{
	color: #0096D2;
	font-weight: 300;
}


/* -------------------- MEDIA QUERIES ------------------ */


@media screen and (width: 720px) {

	body {width: 100%}

	#navbar {width: 100%}

	#main {width: 100%;}

	#mainImage {width: 100%;}

	#MainText {width: 100%;}

	#mytours {width: 100%;}

	#bottom {width: 90%;}

	.ThreeImages{
		width: 80%;
		height: 200px;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
		float:left;
	}

	#Left{
		float: left;
		width: 80%;
		min-height: 400px;

	}

	#Middle{
		float: left;
		width: 80%;
		min-height: 400px;
	}

	#Right{
		float: left;
		width: 80%;
		min-height:400px;
	}



}






body{
	background-color: #ffffff;
	width:100%;
	min-height: 800px;
	margin-right: auto;
	margin-left: auto;
}

#logo {
	width:290px;
	height:auto;
	margin:10px 0 5px;
}


.homeheading strong{
	color: #0096D2;
	font-weight:normal;
}
div#Title{
	text-align:center;
}

header{
	width: 100%;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	background-color: #ffffff;
}


div#Nav{
	background-color: #ffffff;
	min-height: 50px;
	margin-right:auto;
	margin-left: auto;
	
}

div#Navbar{
	background-color: #ffffff;
	width: 100%;
	min-height: 50px;
	margin-top: auto;
	margin-bottom: auto;
	padding-bottom:10px;
}

.bluebadgecontent {
	text-align:center;
}
.bluebadgecontent img{
	margin-top:20px;
}

.clear {
	clear:both;
}

.page-corporate-services .righttextleftimg:nth-child(even){
	background:white;
}

.testimonial {
	text-align:center;
	padding:30px 0;
	background-image: url("../images/toursbackground.png");
	background-size: 100% 100%;
	background-size:cover;
}
.testimonial:nth-child(even){
	background:white;
}
.leftquote {
	float:left;
}
.rightquote {
	float:right;
	margin-top:-30px;
}
.author {
	color:#00ADEE;
}

.formblock {
	padding:20px 0;
}
 .formblock label {
	display:block;
	width:100%;
	text-transform:uppercase;
	font-size:16px;
	font-weight:300;
	margin-bottom:4px;
}
 .formblock input {
	display:block;
	width:98%;	
}
 .formblock textarea {
	display:block;
	width:98.6%;
	height:80px;
}
 .formblock .field {
	margin-bottom:10px;	
}
 .contentwithwrapper {
	margin-bottom:10px !important;	
}
 .formblock input.submit {
	width:auto;
	border-radius:0;
	padding:5px 10px;
	color:white;
	background:#0096D2;
	border:0;
}

article.news-item{
	position: relative;
	margin: 20px 0 ;
	border-bottom:1px solid #808285;
}
.news-item .date-readmore{
	float: left;
	width:100%;
}
.news-item .news-text{ color: #231f20; }

.news-item .image-link a img{
	max-width:none;
	float: right;
}
.news-item a.read-more{
	background-color: #0096D2;
	width: 120px;
	height: 27px;
	color: #FFFFFF;
	text-transform: uppercase;
	text-align: center;
	text-decoration: none;
	font-size: 13px;
	padding-top: 10px;
	float: right;

}
.news-item a.read-more span{
	font-size: 18px;
}
.news-item h3{
	font-size: 30px;
	color: #0096D2;
	margin-bottom: 20px;
	margin-top:0;
	font-weight:normal;
}
.news-item h3 a{
	text-decoration:none;
}
.news-item h4{
	font-weight: bold;
    color: #000000;
    font-size: 13px;
	float: left;
}

.page-hello-world h1 {
	font-weight:300;
	font-size:30px;
	color:#0096D2;
}


#Nav li{
	font-weight: 100;
	list-style-type: none;
	text-decoration: none;
	display: inline;
	color: black;
	font-size: 12pt;
	margin-right: 20px;
	margin-top: 15px;
	line-height:1.8em;
}



#Nav li:last-child{
	margin-right: 0px;
}

#Nav li a{
	text-decoration: none;
	color: black;
	text-transform:uppercase;
}


#Nav li :hover, #Nav a.nav-selected, #Nav a.nav-path-selected{
	color: #00ADEE;
	text-decoration: underline;
}




#yorkshire{
	font-size: 50px;
	color: #FDE83A;
	margin-top: 60px;
	font-weight: normal;
	text-align: center;
}


.Icons{
	width: 32%;
	height: auto;
	margin-right: 1% !important;
	margin-top: 0 !important;
	display:block;
	float:left;
}
.Icons img{
	width:100%;
}

ul#links{
	width: 90%;
	float: left;
	margin:auto;
	margin-top: auto;
	margin-bottom: auto;
	padding-top: 15px;
	padding-left:0px;
}




ul#icons{
	width: 10%;
	float: right;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;
}

.overlay{
	position: fixed;
	top: 100px;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
	background-color: rgba(0,0,0,0.5); 
}

#GYToverlay1{
	font-size: 50px;
	color: #ffffff;
	margin-top: 100px;
	font-weight: 100;
	text-align: left;
	padding-left: 15px;
	position:relative;
	z-index: 2;
	opacity: 1.0;
	background:#0096D2;
	display:inline;
	padding-right:20px;
	margin-bottom:10px;
}

#GYToverlay2{
	font-size: 50px;
	color: #ffffff;
	font-weight: 100;
	text-align: left;
	position:relative;
	padding-left: 15px;
	z-index: 3;
	opacity: 1.0;
	background:#0096D2;
	display:inline;
	padding-right:20px;
}
#GreyFooter{
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	float: left;
	padding-bottom: 0px;
}

#footerline{
	width: 80%;
	height:0; 
	border:0; 
	border-top:1px solid #0096D2; 
	float: left;
	border-opacity: 0.7;
}

#GreyInside{
	min-height: 230px;
}



#Two{
	line-height: 150%;
	color: #ffffff;
	font-weight: 300;
}

#Three{
	line-height: 150%;
	color: #ffffff;
	font-weight: 300;
}

#Four{
	color: #ffffff;
	font-weight: 300;
}

#info{
	color: #0096D2;
	font-weight: 200;
}

.slideitem p {
	font-weight:300;
}

footer{
	clear: both;
	float:left;
	width: 100%;
	min-height: 40px;
	background-color: #0096D2;
}

#footer{
	width:70%;
	margin-right: auto;
	margin-left: auto;
	height: 40px;
	background-color: #0096D2;
	color:#FFFFFF;
}

#FooterRight{
	font-weight: 100;
	font-size: 10pt;
	color: #FFFFFF;
	float: right;
}

#FooterLeft{
	font-weight: 100;
	font-size: 10pt;
	color: #FFFFFF;
	float: left;
}

ul#icons2{
	width: auto;
	float: right;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;
	position: absolute;
	bottom: 10px;
}


#rightcolumn{
	width: 50%;
	float: left;
}

#leftcolumn{
	width: 50%;
	float: left;
}
#Three a{
	text-decoration:none;
}

.footertitles{
	font-weight: 100;
	font-size: 16pt;
	color: #FFFFFF;
	margin-bottom:0;
}

.footericon{
	padding-left: 5px;
	padding-right: 5px;
	margin-left: 5%;
	margin-right: 5%;
}

#FooterIcons{
	width: 100%;
	height: auto;
	text-align:center;
}

#Two p, #Three p {
	margin-top:5px;
}



#makeenquiry{
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	font-weight: 400;
	font-size: 10pt;
	color:#ffffff;
	width:80%;
	height: 20px;
	background-color: #0096D2;	
	padding-top:8px;
	padding-bottom: 5px;
	padding-left: 20px;
	padding-right: 20px;
	display:block;
	margin-bottom:10px;
	text-decoration:none;
}




#enquiry{
	padding-top: 15%;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}


#googlemaps a{
	text-decoration: none;
	color: #FFFFFF;
}



.slideshow-controls.pause {
	display:none;
}
.slides .caption-container {
	bottom:auto;
	top:200px;
	height:auto !important;
}
.slides .wrapper {
	width:90% !important;
	margin: 0 auto !important;
	max-width:1024px !important;
	left:auto !important;
	position:relative !important;
	height:auto !important;
}
.slides .wrapper .background{
	background:none !important;
}
.slides .wrapper .caption{
	background:#0096D2;
	background:rgba(0,150,210, 0.7);
	font-size:60px;
	font-weight:300;
	line-height:1.2em;
	padding:2px 30px 8px;
	font-family:'Lato', sans-serif;
}
.minimal-dark .slide-wrapper {
	border:0 !important;
	width:100% !important;
}
.slides .wrapper .caption p span{
	font-weight:normal;
	color:#FDE83A;
}

#mainImage{
	background: url('../images/yorkshiredales.jpg') center center;
	background-size: 100% 100%;
	background-size:cover;
	width: 100%;
	height: 700px;
	position:relative;
	z-index: 1;
	box-shadow: inset 0px 5px 10px 1px #333;
}



#mainImageOverlay{
	width:100%;
	height: 100%;
	background-color: #0096D2;
	opacity:0.1;
	position:relative;
	z-index: 2;
}



div#MainText{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	min-height: 200px;
}

div#maintextdiv{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	min-height: 100px;
	float: left;
}

div#Main{
	width: 100%;
	float: left;
	min-height: 100px;
	background-color: #ffffff;	
}




.headerbanner .wrapper{
	padding-top:100px;
}
.imageoverlay{
	height:60px;
	display: block;
	opacity: 0.8;
	z-index: 1;
	margin-bottom:10px;
}

#activepage{
	color: #0096D2;
	font-weight: 300;
}



#MainSections{
width: 100%;
height:1800px;
}

.middle{
width:60%;
margin-left: auto;
margin-right: auto;
}

.righttextleftimg {
	background-image: url("../images/toursbackground.png");
	background-size: 100% 100%;
	background-size:cover;
	padding:20px 0;
}
.righttextleftimg .leftcolumn {
	text-align:center;
}
.righttextleftimg .leftcolumn h2{
	margin-top:0;
	color:#0096D2;
	font-weight:normal;
}
.righttextleftimg .rightcolumn {
	text-align:right;
}
.righttextleftimg .rightcolumn img{
	width:90%;
}
.makeenquiry {
	background:#0096D2;
	color:white;
	text-transform:uppercase;
	padding:5px 10px;
	text-decoration:none;
	font-weight:normal;
	display:block;
	width:131px;
	margin:20px auto;
}

.contentwithbg {
	background-position:center;
	background-size:100%;
	background-size:cover;
	padding:60px 0 80px;
	color:white;
	text-align:center;
}
.contentwithbg h2 {
	font-weight:normal;
}
.thinwhiteline {
	width:25%;
	height:1px;
	background:#FDE83A;
	opacity:0.5;
	display:block;
	margin:0 auto;
}


#Img1{
float: left;
margin-right: auto;
margin-left: auto;
padding:25px;
}

#Img2{
float: left;
margin-right: auto;
margin-left: auto;
padding:25px;
}

#Img7{
float: left;
margin-right: auto;
margin-left: auto;
padding:25px;
}

#S2{
width: 100%;
background-color:;	display: block;
float: left;
background-image: url("../images/hills.jpg");
		background-size: 100% 100%;
}

#S3{
width: 100%;
background-color:;	display: block;
float: left;
	background-image: url("../images/toursbackground.png");
		background-size: 100% 100%;
}

#S4{
width: 100%;
background-color:;	display: block;
float: left;
background-image: url("../images/hilltree.jpg");
		background-size: 100% 100%;
}

#S5{
width: 100%;
background-color:;	display: block;
float: left;
	background-image: url("../images/toursbackground.png");
		background-size: 100% 100%;
}

#S6{
width: 100%;
	display: block;
float: left;
background-image: url("../images/building.jpeg");
		background-size: 100% 100%;
}

#S7{
width: 100%;
	display: block;
float: left;
	background-image: url("../images/toursbackground.png");
		background-size: 100% 100%;
}

.left{
width: 50%;
height: 250px;
float:left;
background-color:;	display: block;
}

.right{
width: 50%;
height: 250px;
float:left;
background-color:;	display: block;
}

.lefttext{
width: 90%;
margin-right: auto;
margin-left: auto;
font-family: "Helvetica Neue", HelveticaNeue, "TeX Gyre Heros", TeXGyreHeros, FreeSans, "Nimbus Sans L", "Liberation Sans", Arimo, Helvetica, Arial, sans-serif;
	font-weight: 100;
	font-size: 16px;
text-align:center;
}

h1.texttitles{
font-family: "Helvetica Neue", HelveticaNeue, "TeX Gyre Heros", TeXGyreHeros, FreeSans, "Nimbus Sans L", "Liberation Sans", Arimo, Helvetica, Arial, sans-serif;
	font-weight: 200;
	font-size: 30px;
color: #0096D2;
text-align: center;
}

p.imagetext{
text-align: center;
font-family: "Helvetica Neue", HelveticaNeue, "TeX Gyre Heros", TeXGyreHeros, FreeSans, "Nimbus Sans L", "Liberation Sans", Arimo, Helvetica, Arial, sans-serif;
	font-weight: 100;
	font-size: 20px;
	color: #ffffff;
width: 50%;
margin-right: auto;
margin-left: auto;
padding-top: 20px;
}

h1.imagetitles{
text-align: center;
font-family: "Helvetica Neue", HelveticaNeue, "TeX Gyre Heros", TeXGyreHeros, FreeSans, "Nimbus Sans L", "Liberation Sans", Arimo, Helvetica, Arial, sans-serif;
	font-weight: 200;
	font-size: 30px;
color: #ffffff;
padding-top: 40px;
}

#redtitleline{
color: none;
height: 0px;
border-bottom: 2px solid white;
width:25%;
margin-right: auto;
margin-left: auto;
}

#overlayforimages{
  	content:'';
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    background: blue;
    opacity: 0.1;
}



#makeenquiry1{
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	font-weight: 400;
	font-size: 10pt;
	color:#ffffff;
	width:100px;
	height: 20px;
	background-color: #0096D2;	
	padding-top:5px;
	padding-bottom: 5px;
	padding-left: 20px;
	padding-right: 20px;
}




.homeintro p a {
	color:#0096D2;
	text-decoration:none;
}

.page-corporate-services .imageoverlay{
	width:300px;
}

.contactletter {
	background:#0096D2;
	padding:2px 7px;
	border-radius:15px;
	color:white;
	margin-right:10px;
}

#main-content-inner h1 {
	font-weight:300;
	font-size:35px;
	color:#00ADEE;
}

textarea, input {
   font-family: inherit;
   font-size: inherit;
}











/*  SECTIONS  ============================================================================= */

.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  GROUPING  ============================================================================= */


.group:before,
.group:after {
    content:"";
    display:table;
}
.group:after {
    clear:both;
}
.group {
    zoom:1; /* For IE 6/7 (trigger hasLayout) */
}

/*  GRID COLUMN SETUP   ==================================================================== */

.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}

.col:first-child { margin-left: 0; } /* all browsers except IE6 and lower */


/*  REMOVE MARGINS AS ALL GO FULL WIDTH AT 480 PIXELS */

@media only screen and (max-width: 1050px) {
	.slides .wrapper .caption {
		font-size:50px;
	}
	#Nav li {
		font-size:14px;
	}
}
@media only screen and (max-width: 900px) {
	#Nav li {
		font-size:13px;
		margin-right:10px;
	}
	.slides .caption-container {
		top:100px;
	}
	.slides .wrapper .caption {
		font-size:40px;
	}
	#GYToverlay2, #GYToverlay1, #yorkshire  {
		font-size:40px;
	}
}
@media only screen and (max-width: 700px) {
	.slides .caption-container {
		top:40px;
	}
	.slides .wrapper .caption {
		font-size:30px;
	}
	ul#links {
		width:100%;
	}
}
@media only screen and (max-width: 580px) {
	#Nav li {
		width:100%;
		display:block;
		float:none;
		border-bottom:1px solid #0096D2;
		padding-bottom:5px;
		margin-bottom:5px;
		margin-top:5px;
		text-align:center;
		font-size:16px;
	}
	#GYToverlay2, #GYToverlay1, #yorkshire  {
		font-size:35px;
	}
	#Nav li.Icons {
		width:auto;
		display:inline;
		border:0;
		float:none;
	}
	#Nav li.Icons img {
		width:30px;
		display:inline;
	}
	ul#icons {
		width:100%;
		text-align:center;
	}
}
@media only screen and (max-width: 480px) {
	
	#homeleftlogo {
		margin-top:30px;
	}
	#homerightlogo {
		margin-top:40px;
	}
	.slideitem {
		border:0;
	}
	#GYToverlay2, #GYToverlay1, #yorkshire  {
		font-size:30px;
		padding-bottom:2px;
	}
	#mainImage {
		height:500px;
	}
	.righttextleftimg .rightcolumn img {
		width:100%;
		margin-top:30px;
	}
	.imageoverlay{
		height:32px;
	}
	
	.col { 
		margin: 1% 0 1% 0%;
	}
}
/*  GRID OF TWO   ============================================================================= */


.span_2_of_2 {
	width: 100%;
}

.span_1_of_2 {
	width: 49.2%;
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.span_2_of_2 {
		width: 100%; 
	}
	.span_1_of_2 {
		width: 100%; 
	}
}
/*  GRID OF THREE   ============================================================================= */

	
.span_3_of_3 {
	width: 100%; 
}

.span_2_of_3 {
	width: 66.13%; 
}

.span_1_of_3 {
	width: 32.26%; 
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.span_3_of_3 {
		width: 100%; 
	}
	.span_2_of_3 {
		width: 100%; 
	}
	.span_1_of_3 {
		width: 100%;
	}
}
/*  GRID OF FOUR   ============================================================================= */

	
.span_4_of_4 {
	width: 100%; 
}

.span_3_of_4 {
	width: 74.6%; 
}

.span_2_of_4 {
	width: 49.2%; 
}

.span_1_of_4 {
	width: 23.8%; 
}


/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.span_4_of_4 {
		width: 100%; 
	}
	.span_3_of_4 {
		width: 100%; 
	}
	.span_2_of_4 {
		width: 100%; 
	}
	.span_1_of_4 {
		width: 100%; 
	}
}

/*  GRID OF FIVE   ============================================================================= */

	
.span_5_of_5 {
	width: 100%;
}

.span_4_of_5 {
  	width: 79.68%; 
}

.span_3_of_5 {
  	width: 59.36%; 
}

.span_2_of_5 {
  	width: 39.04%;
}

.span_1_of_5 {
  	width: 18.72%;
}


/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.span_5_of_5 {
		width: 100%; 
	}
	.span_4_of_5 {
		width: 100%; 
	}
	.span_3_of_5 {
		width: 100%; 
	}
	.span_2_of_5 {
		width: 100%; 
	}
	.span_1_of_5 {
		width: 100%; 
	}
}
/*  GRID OF SIX   ============================================================================= */


.span_6_of_6 {
	width: 100%;
}

.span_5_of_6 {
  	width: 83.06%;
}

.span_4_of_6 {
  	width: 66.13%;
}

.span_3_of_6 {
  	width: 49.2%;
}

.span_2_of_6 {
  	width: 32.26%;
}

.span_1_of_6 {
  	width: 15.33%;
}


/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.span_6_of_6 {
		width: 100%; 
	}
	.span_5_of_6 {
		width: 100%; 
	}
	.span_4_of_6 {
		width: 100%; 
	}
	.span_3_of_6 {
		width: 100%; 
	}
	.span_2_of_6 {
		width: 100%; 
	}
	.span_1_of_6 {
		width: 100%; 
	}
}
/*  GRID OF SEVEN   ============================================================================= */


.span_7_of_7 {
	width: 100%;
}

.span_6_of_7 {
	width: 85.48%;
}

.span_5_of_7 {
  	width: 70.97%;
}

.span_4_of_7 {
  	width: 56.45%;
}

.span_3_of_7 {
  	width: 41.94%;
}

.span_2_of_7 {
  	width: 27.42%;
}

.span_1_of_7 {
  	width: 12.91%;
}


/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.span_7_of_7 {
		width: 100%; 
	}
	.span_6_of_7 {
		width: 100%; 
	}
	.span_5_of_7 {
		width: 100%; 
	}
	.span_4_of_7 {
		width: 100%; 
	}
	.span_3_of_7 {
		width: 100%; 
	}
	.span_2_of_7 {
		width: 100%; 
	}
	.span_1_of_7 {
		width: 100%; 
	}
}
/*  GRID OF EIGHT   ============================================================================= */

	
.span_8_of_8 {
	width: 100%;
}

.span_7_of_8 {
	width: 87.3%; 
}

.span_6_of_8 {
	width: 74.6%; 
}

.span_5_of_8 {
	width: 61.9%; 
}

.span_4_of_8 {
	width: 49.2%; 
}

.span_3_of_8 {
	width: 36.5%;
}

.span_2_of_8 {
	width: 23.8%; 
}

.span_1_of_8 {
	width: 11.1%; 
}


/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.span_8_of_8 {
		width: 100%; 
	}
	.span_7_of_8 {
		width: 100%; 
	}
	.span_6_of_8 {
		width: 100%; 
	}
	.span_5_of_8 {
		width: 100%; 
	}
	.span_4_of_8 {
		width: 100%; 
	}
	.span_3_of_8 {
		width: 100%; 
	}
	.span_2_of_8 {
		width: 100%; 
	}
	.span_1_of_8 {
		width: 100%; 
	}
}
/*  GRID OF NINE   ============================================================================= */


.span_9_of_9 {
	width: 100%;
}

.span_8_of_9 {
	width: 88.71%;
}

.span_7_of_9 {
	width: 77.42%; 
}

.span_6_of_9 {
	width: 66.13%; 
}

.span_5_of_9 {
	width: 54.84%; 
}

.span_4_of_9 {
	width: 43.55%; 
}

.span_3_of_9 {
	width: 32.26%;
}

.span_2_of_9 {
	width: 20.97%; 
}

.span_1_of_9 {
	width: 9.68%; 
}


/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.span_9_of_9 {
		width: 100%; 
	}
	.span_8_of_9 {
		width: 100%; 
	}
	.span_7_of_9 {
		width: 100%; 
	}
	.span_6_of_9 {
		width: 100%; 
	}
	.span_5_of_9 {
		width: 100%; 
	}
	.span_4_of_9 {
		width: 100%; 
	}
	.span_3_of_9 {
		width: 100%; 
	}
	.span_2_of_9 {
		width: 100%; 
	}
	.span_1_of_9 {
		width: 100%; 
	}
}
/*  GRID OF TEN   ============================================================================= */


.span_10_of_10 {
	width: 100%;
}

.span_9_of_10 {
	width: 89.84%;
}

.span_8_of_10 {
	width: 79.68%;
}

.span_7_of_10 {
	width: 69.52%; 
}

.span_6_of_10 {
	width: 59.36%; 
}

.span_5_of_10 {
	width: 49.2%; 
}

.span_4_of_10 {
	width: 39.04%; 
}

.span_3_of_10 {
	width: 28.88%;
}

.span_2_of_10 {
	width: 18.72%; 
}

.span_1_of_10 {
	width: 8.56%; 
}


/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.span_10_of_10 {
		width: 100%; 
	}
	.span_9_of_10 {
		width: 100%; 
	}
	.span_8_of_10 {
		width: 100%; 
	}
	.span_7_of_10 {
		width: 100%; 
	}
	.span_6_of_10 {
		width: 100%; 
	}
	.span_5_of_10 {
		width: 100%; 
	}
	.span_4_of_10 {
		width: 100%; 
	}
	.span_3_of_10 {
		width: 100%; 
	}
	.span_2_of_10 {
		width: 100%; 
	}
	.span_1_of_10 {
		width: 100%; 
	}
}
/*  GRID OF ELEVEN   ============================================================================= */

.span_11_of_11 {
	width: 100%;
}

.span_10_of_11 {
	width: 90.76%;
}

.span_9_of_11 {
	width: 81.52%;
}

.span_8_of_11 {
	width: 72.29%;
}

.span_7_of_11 {
	width: 63.05%; 
}

.span_6_of_11 {
	width: 53.81%; 
}

.span_5_of_11 {
	width: 44.58%; 
}

.span_4_of_11 {
	width: 35.34%; 
}

.span_3_of_11 {
	width: 26.1%;
}

.span_2_of_11 {
	width: 16.87%; 
}

.span_1_of_11 {
	width: 7.63%; 
}


/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.span_11_of_11 {
		width: 100%; 
	}
	.span_10_of_11 {
		width: 100%; 
	}
	.span_9_of_11 {
		width: 100%; 
	}
	.span_8_of_11 {
		width: 100%; 
	}
	.span_7_of_11 {
		width: 100%; 
	}
	.span_6_of_11 {
		width: 100%; 
	}
	.span_5_of_11 {
		width: 100%; 
	}
	.span_4_of_11 {
		width: 100%; 
	}
	.span_3_of_11 {
		width: 100%; 
	}
	.span_2_of_11 {
		width: 100%; 
	}
	.span_1_of_11 {
		width: 100%; 
	}
}
/*  GRID OF TWELVE   ============================================================================= */

.span_12_of_12 {
	width: 100%;
}

.span_11_of_12 {
	width: 91.53%;
}

.span_10_of_12 {
	width: 83.06%;
}

.span_9_of_12 {
	width: 74.6%;
}

.span_8_of_12 {
	width: 66.13%;
}

.span_7_of_12 {
	width: 57.66%; 
}

.span_6_of_12 {
	width: 49.2%; 
}

.span_5_of_12 {
	width: 40.73%; 
}

.span_4_of_12 {
	width: 32.26%; 
}

.span_3_of_12 {
	width: 23.8%;
}

.span_2_of_12 {
	width: 15.33%; 
}

.span_1_of_12 {
	width: 6.86%; 
}


/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.span_12_of_12 {
		width: 100%; 
	}
	.span_11_of_12 {
		width: 100%; 
	}
	.span_10_of_12 {
		width: 100%; 
	}
	.span_9_of_12 {
		width: 100%; 
	}
	.span_8_of_12 {
		width: 100%; 
	}
	.span_7_of_12 {
		width: 100%; 
	}
	.span_6_of_12 {
		width: 100%; 
	}
	.span_5_of_12 {
		width: 100%; 
	}
	.span_4_of_12 {
		width: 100%; 
	}
	.span_3_of_12 {
		width: 100%; 
	}
	.span_2_of_12 {
		width: 100%; 
	}
	.span_1_of_12 {
		width: 100%; 
	}
}




/* -------------------- MEDIA QUERIES ------------------ */


@media screen and (width: 720px) {

	body {width: 100%}

	#navbar {width: 100%}

	#main {width: 100%;}

	#mainImage {width: 100%;}

	#MainText {width: 100%;}

	#mytours {width: 100%;}

	#bottom {width: 90%;}

	.ThreeImages{
		width: 80%;
		height: 200px;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
		float:left;
	}

	#Left{
		float: left;
		width: 80%;
		min-height: 400px;

	}

	#Middle{
		float: left;
		width: 80%;
		min-height: 400px;
	}

	#Right{
		float: left;
		width: 80%;
		min-height:400px;
	}



}