.col {
    float: center;
    width: 100%;
    padding:8px;
    box-sizing: border-box;
    
}
#map{
	padding: 0;
	margin: 0;
	border-top: 3px solid rgba(255,255,255,0.3);
	border-bottom: 3px solid rgba(255,255,255,0.3);
	width: 100%;
	align-self: center;
}
.mapCont{
	padding-top: 50px;
	text-align: center;
	width: 100%;
}
.goal{
	border-top: 2px solid rgba(255,255,255,0.7);
border-bottom: 2px solid rgba(255,255,255,0.7);
}
.quote{
	font-size: 19px;
	font-weight: bold;
		padding: 0;
		margin: 0;
		
}
.p{
	font-size: 18px;
width: 100%;
}
.yaris{
	border: 2px solid rgba(255, 255, 255, 0.3);
}
.logo{
	padding-top: 10%;
}
.locations{
	font-size: 20px;
	color: rgba(255, 255, 255, 0.7);
	list-style-type: none;
	float: left;
	padding-top: 10px;
	transition: 0.3s;
	
}
.locations:hover{
	color: rgba(255, 255, 255, 1);
	

}
.areas{
	border-top: 1px solid #FFF;;
	border-bottom: 1px solid #FFF;
	background-color: rgba(1,1,1,0.5);
	width: 100%;
	padding: 10px;
	
}



.areas h2{
	text-align: center;
	vertical-align: center;
	width: 100%;
}
.bullets{
	 font-family: "Lora", "Helvetica Neue", Helvetica, Arial, sans-serif;
	 color: #ffffff;
	 font-size: 20px;

background-color: transparent;

width: 100%;
padding: 20px;
margin: 0;
border-top: 1px solid #FFF;
transition: 0.3s;
float: center;
}
.bulCont{
	margin: 0;
	padding: 0;
	width: 100%;
}
.bullets.ins{
	list-style-type: none;
	border-top: 0;
}
.bullets.main:hover{
	background-color: rgba(255, 255, 255, 0.1);
	
}
.contact{
	 font-family: "Lora", "Helvetica Neue", Helvetica, Arial, sans-serif;
	 color: white;
	 font-size: 20px;
	 padding: 20px;
background-color: rgba(1,1,1,0.5);
width: 100%;
border-top: 1px solid rgba(255, 255, 255, 1);
border-bottom:  1px solid rgba(255, 255, 255, 1);
transition: 0.3s;
}
.link{
	font-size: 18px;
	color: white;
	transition: 0.3s;
}
.link:hover{
	color: rgba(255,255,255,0.5);

}
.price-box{
   background-color: rgba(1,1,1,0.5);
    color: rgba(250,250,250,1);
    list-style-type: none;
    border: 1px solid #555;
    margin:0;
    padding:0;
    transition: 0.3s;
}
.price-box:hover{
box-shadow: 0 5px 20px 0 #FFF;
}
.price-header{
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
background-color: #111;
color: #fff;
font-size: 25px;
}
.price-header.header-grey{
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
background-color: rgba(0,0,0,0.7);
color: #fff;
font-size: 25px;
}
.price-box li{
    padding: 20px;
    border-bottom: 1px solid #eee;
    text-align: center;
}
.price-box .emph {
    background-color: rgba(0,0,0,0.4);
font-size: 20px;

}
.imageSlide{
float: left;
width: 25%;
margin:0;
}
.page-scroll.button{
    background-color: transparent;
    border: 2px solid white;
    color:white;
    padding: 10px 15px;
    text-align:center;
	text-decoration:none;
	font-weight: bold;
    font-size: 18px;
    transition:0.3s;
}
.page-scroll.button:hover{
color: rgba(0,0,0,0.7);
background-color: white;
padding: 10px 30px;
}
.page-scroll.text{
	font-weight: bold;
}
.page-scroll.text:hover{
	cursor: pointer;

}

@media(max-width:700px){
    .col{
        width:100%;
    }
}
.test{
/* background-color: rgba(255,255,255,0.5); */
background-color: rgba(1,1,1,0.5);
color: #fff;
border: 3px solid rgba(255,255,255,0.7);
text-align: center;
font-size: 18px;
float: left;
width: 25%;
height: 300px;
margin:0;
padding: 20px 0px;
transition: 0.3s;
}
.test h3{
background-color: rgba(255,255,255,0.5);
color: white;
text-align: center;
font-size: 20px;
padding: 20px 0px;
border-top: 1px solid #f4f4f4;

}


.slider{
    overflow: hidden;
}

.slider figure{
    position: relative;
    width: 400%;
    margin: 0;
left: 0;
animation: 30s slidy infinite;
 -webkit-animation: slidy 30s infinite; /* Safari 4.0 - 8.0 */
}

@keyframes slidy{
	0%{
		left: 0%
	}

	10%{
		left: 0%;
	}

	12%{
		left: -100%;
	}

	22%{
		left: -100%;
	}

	24%{
		left: -200%;
	}

	34%{
		left: -200%;
	}

	36%{
		left: -300%;
	}

	46%{
		left: -300%;
	}

	48%{
		left: -200%;
	}

	58%{
		left: -200%;
	}

	60%{
		left: -100%;
	}

	70%{
		left: -100%;
	}

	72%{
		left: 0%;
	}

	82%{
		left: 0%;
	}

	84%{
		left: 0%;
	}

	94%{
		left: 0%;
	}

	96%{
		left: 0%;
	}

	100%{
		left: 0%;
	}
}
@-webkit-keyframes slidy{
	0%{
		left: 0%
	}

	10%{
		left: 0%;
	}

	12%{
		left: -100%;
	}

	22%{
		left: -100%;
	}

	24%{
		left: -200%;
	}

	34%{
		left: -200%;
	}

	36%{
		left: -300%;
	}

	46%{
		left: -300%;
	}

	48%{
		left: -200%;
	}

	58%{
		left: -200%;
	}

	60%{
		left: -100%;
	}

	70%{
		left: -100%;
	}

	72%{
		left: 0%;
	}

	82%{
		left: 0%;
	}

	84%{
		left: 0%;
	}

	94%{
		left: 0%;
	}

	96%{
		left: 0%;
	}

	100%{
		left: 0%;
	}
}