/*Fonts==============================*/
@import url('https://fonts.googleapis.com/css?family=Alegreya+Sans+SC:400,700,900|Alegreya+Sans:400,700,900|Candal|Fjalla+One|Lato:400,700,900|Merienda:400,700|Merriweather:400,700,900|Oleo+Script+Swash+Caps:400,700|Oswald:400,700|PT+Sans:400,700|Pacifico|Roboto:300,400,500,700,900');

/*Fonts===========================*/
@font-face {
  font-family: 'icomoon';
  src:  url('icomoon/fonts/icomoon.eot?jutpoq');
  src:  url('icomoon/fonts/icomoon.eot?jutpoq#iefix') format('embedded-opentype'),
    url('icomoon/fonts/icomoon.ttf?jutpoq') format('truetype'),
    url('icomoon/fonts/icomoon.woff?jutpoq') format('woff'),
    url('icomoon/fonts/icomoon.svg?jutpoq#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-chevron-thin-down:before {
  content: "\e90f";
  font-family: 'icomoon';
  font-size: 2rem;
}
.icon-chevron-thin-left:before {
  content: "\e910";
  font-family: 'icomoon';
  font-size: 2rem;
}
.icon-chevron-thin-right:before {
  content: "\e911";
  font-family: 'icomoon';
  font-size: 2rem;
}
.icon-chevron-thin-up:before {
  content: "\e912";
  font-family: 'icomoon';
  font-size: 2rem;
}
.icon-facebook-with-circle:before {
  content: "\e901";
  font-family: 'icomoon';
  font-size: 3rem;
}
.icon-instagram-with-circle:before {
  content: "\e902";
  font-family: 'icomoon';
  font-size: 3rem;
}
.icon-heart:before {
  content: "\e913";
  font-family: 'icomoon';
  font-size: 2rem;
}
.icon-coffee:before {
  content: "\e914";
  font-family: 'icomoon';
  font-size: 2rem;
}
.icon-lamp:before {
  content: "\e915";
  font-family: 'icomoon';
  font-size: 2rem;
}
.icon-home:before {
  content: "\e90c";
  font-family: 'icomoon';
  font-size: 4rem;
}
.icon-home2:before {
  content: "\e90d";
  font-family: 'icomoon';
  font-size: 2rem;
}
.icon-office:before {
  content: "\e90e";
  font-family: 'icomoon';
  font-size: 2rem;
}
.icon-connection:before {
  content: "\e91b";
  font-family: 'icomoon';
  font-size: 2rem;
}
.icon-location2:before {
  content: "\e948";
  font-family: 'icomoon';
  font-size: 2rem;
}
.icon-binoculars:before {
  content: "\e985";
  font-family: 'icomoon';
  font-size: 4rem;
}
.icon-gift:before {
  content: "\e99f";
  font-family: 'icomoon';
  font-size: 2rem;
}
.icon-spoon-knife:before {
  content: "\e9a3";
  font-family: 'icomoon';
  font-size: 2rem;
}
.icon-wink2:before {
  content: "\e9e8";
  font-family: 'icomoon';
  font-size: 2rem;
}
.icon-checkbox-checked:before {
  content: "\ea52";
  font-family: 'icomoon';
  font-size: 2rem;
}
.icon-mail4:before {
  content: "\ea86";
  font-family: 'icomoon';
  font-size: 2rem;
}
.icon-google-plus3:before {
  content: "\ea8d";
  font-family: 'icomoon';
  font-size: 3rem;
}
.icon-pinterest:before {
  content: "\ead1";
  font-family: 'icomoon';
  font-size: 3rem;
}
.icon-svg:before {
  content: "\eae9";
  font-family: 'icomoon';
  font-size: 2rem;
}
.icon-shower:before {
  content: "\e900";
  font-family: 'icomoon';
  font-size: 2rem;
}
.icon-heart2:before {
  content: "\e916";
  font-family: 'icomoon';
  font-size: 2rem;
}
.icon-weather-snow:before {
  content: "\e903";
  font-family: 'icomoon';
  font-size: 2rem;
}
.icon-suitcase:before {
  content: "\e904";
  font-family: 'icomoon';
  font-size: 2rem;
}
.icon-position:before {
  content: "\e905";
  font-family: 'icomoon';
  font-size: 4rem;
}
.icon-direction:before {
  content: "\e906";
  font-family: 'icomoon';
  font-size: 4rem;
}
.icon-map:before {
  content: "\e907";
  font-family: 'icomoon';
  font-size: 2rem;
}
.icon-microwave:before {
  content: "\e908";
  font-family: 'icomoon';
  font-size: 2rem;
}
.icon-washingmachine:before {
  content: "\e909";
  font-family: 'icomoon';
  font-size: 2rem;
}
.icon-car:before {
  content: "\e90a";
  font-family: 'icomoon';
  font-size: 2rem;
}
.icon-paperplane:before {
  content: "\e90b";
  font-family: 'icomoon';
  font-size: 2rem;
}

.hidden{
	font-size: 0;
}



/*Elements========================*/
body{
	margin: 0;
	padding: 0;
}

header{
	background: linear-gradient(to bottom, rgba(93,75,126,1),
  	rgba(93,75,126,1)), url('images/skulls.png');
	color: white;
	margin-bottom:0;
	padding-top: 0;
	padding-bottom: 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  position: fixed;
  width: 100%;
  z-index: 100;
}

.home-logo{
  padding: .5rem;
  margin-left: 1rem;
}

nav ul{
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	align-items:center;
}
nav ul li{
	list-style-type: none;
	padding: 1rem;
	margin-right: 1rem;
	margin-top: 0;
	margin-bottom: 0;
}
nav ul li img{
	color: white;
}
ul li a{
	text-decoration: none;
	color: white;
	font-size: 1.2rem;
	font-family: "Lato", helvetica, arial, sans-serif;

}
h1{
	font-family: "Alegreya Sans", helvetica, arial, sans-serif;
	/*font-family: "Merriweather", georgia, 'times new roman',serif;*/
	font-size: 3.5rem;
	font-weight: 400;
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 2.5rem;
	/*border-bottom: 2px solid black;*/
	/*background-color: white;*/
	}
p{
	font-family: "Open Sans", helvetica, arial, sans-serif;
}
form div h3{

padding:0.5rem;
font-size: 1.3rem;
font-family: "Lato", helvetica, arial, sans-serif;
font-weight: 400;
color: white;
}
form{
padding-bottom: .5rem;
}

h3{
margin:0;
padding:3rem;
text-align:left;
}

.wrapper{
	padding-top: 0;
	background-image: url("images/milky-way-984050_1920.jpg");
	background-size: cover;
	height: 100vh;
	background-repeat: no-repeat;
	display: flex;
	flex-direction: column;
	justify-content:space-between;
	margin-top: 0;

}
.wrapper2{
  padding-top: 0;
  background-image: url("images/milky-way-984050_1920.jpg");
  background-size: cover;
  height: 60vh;
  background-repeat: no-repeat;
  display: flex;
  flex-direction: column;
  justify-content:space-between;
  margin-top: 0;

}

.main{
	width: 75%;
	padding: 0;
	margin-left: 12%;
	background-image: url("images/home.jpg");
	height: 90vh;
	background-size: cover;
	background-repeat: no-repeat;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content:center;
}

.checkin{
	padding-top: 1rem;
	padding-left: 2rem;
	padding-right: 2rem;
	padding-bottom: 2rem;
	background-color: rgba(0,0,0,0.7);
	width:80%;
	margin-top: 1rem;
	/*margin-bottom: 1rem;*/
	color: white;
}

.search-room{
	display: flex;
	flex-direction:row;
	justify-content:space-around;
	
}
.search-room div{
	padding-top: 0;
}
#srch{
	display: flex;
	align-items: flex-end;

}

.search-room input[type="number"]{
width: 130px;
height: 30px;
font-size: 1.2rem;
}

.search-room input[type="date"]{
width: 200px;
height: 31px;
font-size: 1.2rem;
}
.search-room input[type="text"]{
width: 200px;
height: 29px;
font-size: 1.2rem;
}

#srch input[type="submit"]{
background-color:#5d4b7e;
border: 2px soild white;
color:white;
width: 140px;
height:35.5px;
font-size: 1.2rem;
padding: 5px;
/*margin-bottom: .5rem;*/
}
.quote{
  width: 80%;
  background-color: rgba(0,0,0,0.6);
	margin-top: 2rem;
	color: white;
	text-align: center;
  padding: 2rem;
	/*transform: translateY(-40%);*/
}

.quote h1{
	font-family: "PT Sans", helvetica, arial, sans-serif;
	font-size: 2.9rem;
	font-weight: 400;
	margin-top: 0;
	padding: 0;
	margin-bottom: 0;
}
.quote h2{
	font-family: "Merienda",georgia,'times new roman',serif;
	font-size: 1.8rem;
	font-weight: 400;
	line-height: 0;
}
.quote p{
	font-family: "Lato", helvetica, arial, sans-serif;
	font-size: 1.2rem;
	font-weight: 700;
}


.country-nav button{
background-color:rgba(93,75,126,0.9);
border: 2px soild white;
color:white;
width: 200px;
height:60px;
font-size: 1.6rem;
padding: 5px;
margin: 1rem;
transition: transform 1s;
}

.country-nav button:hover{
  background-color: #ffffff;
  color: black;
  transition: transform .5s;
}

.country-nav button a:hover{
  color: black;
}

.countries button a{
  text-decoration: none;
  color: white;
}

.about{
	display: flex;
	flex-direction: column;
	justify-content:center;
	/*margin-left: 20%;*/
	text-align: center;
	padding-top: 2rem;
	margin-bottom: 4rem;
	width: 80%;
	margin-left: 10%;
}

.about h2{
	font-family: "Merriweather", georgia, 'times new roman',serif;
	font-size: 1.8rem;
}

.about p{
	color: grey;
	font-family: "Lato", helvetica, arial, sans-serif;
	line-height: 1.5;
}

.about i{
	/*display: block;*/
	padding: 2rem;
  padding-right: 3rem;
	background-color: #5d4b7e;
	border-radius: 10%;
	color: white;
	width: 17%;

}


.map{
	margin-left: 31%;
	margin-bottom: 3rem;
}

.select-location{
  display: block;
}


.select{
	display: flex;
	flex-direction: row;
	justify-content:space-around;
	width: 80%;
	margin-left: 10%;
	/*justify-content:center;*/
}

.select div{
	text-align: center;
	width: 30%;
	/*margin-right: 3%;*/
  margin-top: 2rem;
	display: flex;
	justify-content:center;
	flex-direction:column;
	align-items:center;
}


.location{
	text-align: center;
	padding-bottom: 2rem;
}

/*Countries=========================*/
.ca-nav{
  display: flex;
  flex-direction:column;
  align-items:space-around;
  /*flex-wrap: wrap;*/
  text-align: center;
  padding-top: 2.2rem;
  padding-bottom: 3rem;
  margin-top: 1rem;
  margin-bottom: 1rem;
  background: rgb(93,75,126);
  color: white;
}
.us-nav{
  display: flex;
  flex-direction:column;
  align-items:space-around;
  /*flex-wrap: wrap;*/
  text-align: center;
  padding-top: 2.2rem;
  padding-bottom: 3rem;
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.country{
  display: flex;
  flex-direction:row;
  justify-content:space-between;
  align-content:flex-start;
  flex-wrap:wrap;
  width: 90%;
  margin-left: 5%;
  margin-top: 2rem;
  margin-bottom: 2rem;
  /*position: relative;*/
}

.cities{
 max-width: 30%;
  float: left;
  margin: 1.5%;
  
  transition: transform .5s;
  position: relative;
}

.cities img{
        height: auto; 
        display: block;
        max-width: 100%; 
}

.cities a{
  text-decoration: none;
}

.cities:hover{
  transform: scale(1.2);
  z-index: 100;
}

.cities h2 {
   /*padding: 1rem;*/
   width: 100%;
}
.image h2{
  font-family: "Lato", helvetica, arial, sans-serif;
  font-size: 1.5rem;
  background-color:rgba(0,0,0,0.6);
  padding-top: .5rem;
  padding-bottom: .5rem;
  margin: 0;
  color: white;
}


/*Footer==================*/

footer{
 /*background-color: #5d4b7e;*/
	color: white;
	margin-top: 1rem;
	text-align: center;
	padding-bottom: 2rem;
	background: linear-gradient(to bottom, rgba(93,75,126,0.9),
  	rgba(93,75,126,0.8)), url('images/skulls.png');
}
.details{
	display: flex;
	flex-direction:row;
	justify-content:space-around;
	font-size: 1.2rem;
	font-family: "Alegreya Sans", helvetica, arial, sans-serif;
	font-weight: lighter;
	margin-bottom: 2rem;
}

.details h3{
	font-size: 1.5rem;
	font-family: "Lato", helvetica, arial, sans-serif;

}

.details p{
	margin-top: 0;
}

.details input[type="submit"] {
margin-left: .5rem;
background-color:#ffffff;
color:black;
width:130px;
height:35px;
border: 2px solid #000000;
font-size: 1.2rem;
}

.details input[type="text"] {
margin-left: .5rem;
background-color:#ffffff;
color:black;
width:180px;
height:34px;
border: #ffffff;
font-size: 1.2rem;
}

.social a{
	list-style: none;
	color: white;
	padding-right: 1rem;
	text-decoration: none;
}

.copyright{
	width: 20%;
	border-top: 2px solid white;
	margin-left: 36%;
	padding: 2rem;
}


/*City Pages ============================*/
.home{
  margin-top: 2rem;
  margin-bottom: 2rem;
  display: flex;
  flex-direction: row;
  justify-content:space-around;
  width: 70%;
  margin-left: 15%;
}
.city-image{
  background:linear-gradient(to bottom, rgba(0,0,0,0.5),
  rgba(0,0,0,0.5)), url('images/water-1169646_1920.jpg');
  background-size: cover;
  height: 70vh;
  background-repeat: no-repeat;
  margin-top: 0;
  padding-top: 0;
  color: white;
  display: flex;
  justify-content:center;
  align-items:center;
}
.victoria-image{
  background:linear-gradient(to bottom, rgba(0,0,0,0.5),
  rgba(0,0,0,0.5)), url('images/london-1335477_1920.jpg');
  background-size: cover;
  height: 70vh;
  background-repeat: no-repeat;
  margin-top: 0;
  padding-top: 0;
  color: white;
  display: flex;
  justify-content:center;
  align-items:center;
}
.victoria-image h1{
  font-family: "Roboto", helvetica, arial, sans-serif;
  font-size: 8rem;
  font-weight: 900;
}
.city-image h1{
  font-family: "Roboto", helvetica, arial, sans-serif;
  font-size: 8rem;
  font-weight: 900;
}

.city-intro{
  width: 100%;
  background-color: rgb(93,75,126);
  color: white;
  text-align: center;
}
.vancouver{
  padding-top: 3rem;
  padding-bottom: 4rem;
  margin-bottom: 4rem;
  display: flex;
  flex-direction: column;
  justify-content:space-around;
  align-items:center;
  width: 70%;
  margin-left: 15%;
}

.vancouver p{
  line-height: 1.5;
}

/*Whistler==================*/
.whistler-image{
  background:linear-gradient(to bottom, rgba(0,0,0,0.5),
  rgba(0,0,0,0.5)), url('images/skiing-274730_1920.jpg');
  background-size: cover;
  height: 70vh;
  background-repeat: no-repeat;
  margin-top: 0;
  padding-top: 0;
  color: white;
  display: flex;
  justify-content:center;
  align-items:center;
}

.whistler-image h1{
  font-family: "Roboto", helvetica, arial, sans-serif;
  font-size: 8rem;
  font-weight: 900;
}


/*Newyork===================*/
.newyork-image{
  background:linear-gradient(to bottom, rgba(0,0,0,0.5),
  rgba(0,0,0,0.5)), url('images/new-york-690375_1280.jpg');
  background-size: cover;
  height: 70vh;
  background-repeat: no-repeat;
  margin-top: 0;
  padding-top: 0;
  color: white;
  display: flex;
  justify-content:center;
  align-items:center;
}

.newyork-image h1{
  font-family: "Roboto", helvetica, arial, sans-serif;
  font-size: 8rem;
  font-weight: 900;
}

/*Lasvegas===================*/

.lasvegas-image{
  background:linear-gradient(to bottom, rgba(0,0,0,0.5),
  rgba(0,0,0,0.5)), url('images/nevada-932708_1920.jpg');
  background-size: cover;
  height: 70vh;
  background-repeat: no-repeat;
  margin-top: 0;
  padding-top: 0;
  color: white;
  display: flex;
  justify-content:center;
  align-items:center;
}

.lasvegas-image h1{
  font-family: "Roboto", helvetica, arial, sans-serif;
  font-size: 8rem;
  font-weight: 900;
}

/*Seattle==========================*/
.seattle-image{
  background:linear-gradient(to bottom, rgba(0,0,0,0.5),
  rgba(0,0,0,0.5)), url('images/new-york-city-336475_1920.jpg');
  background-size: cover;
  height: 70vh;
  background-repeat: no-repeat;
  margin-top: 0;
  padding-top: 0;
  color: white;
  display: flex;
  justify-content:center;
  align-items:center;
}

.seattle-image h1{
  font-family: "Roboto", helvetica, arial, sans-serif;
  font-size: 8rem;
  font-weight: 900;
}

.bookings{
  text-align: center;
}
/*.bookings h1{
  margin-top: 2rem;
  margin-bottom: 2rem;
}*/
.description{
  flex-basis:50%;
  padding-top: 2rem;
  text-align: center;
  display: flex;
  flex-direction:column;
  justify-content:space-around;
  align-items:center;
}
.bookings img{
  border: 2px solid black;
  padding: 1rem;
  max-width: 100%;
  height: auto;
}

.videos{
  flex-basis:40%;
  padding-top: 3rem;
}

.description h2{
  color: rgb(93,75,126);
}
.description p{
  color: grey;
}

.description button{
background-color:rgb(93,75,126);
border: 2px soild black;
width: 200px;
height:60px;
color: white;
font-size: 1.3rem;
padding: 1rem;
/*margin-bottom: .5rem;*/
transition: transform 1s;
}

.description button:hover{
  background-color: black;
}

/*CUSTOMER BOOKING INFORMATION ===============================*/
.mk-trans{
    position: fixed;
    width: 100%;
    height:200vh;
    background-color: rgba(0,0,0,.7);
    top: 0;
    left: 0;
    z-index: 1000;
    cursor: pointer;
    display: none;
}
#close{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 2px solid white;
    text-align: center;
    font-size: 40px;
    float: right;
  }
  .transaction{
    position: absolute;
    width: 40%;
    border: 2px solid white;
    background-color: rgb(93,75,126);
    padding: 2rem;
    margin: 50px 0 0 30%;
    text-align: center;
    color: white;
    font-family: helvetica, arial,sans-serif;
    z-index: 1500;
    display: none;
  }

  .transaction form input[type="text"]{
    width: 80%;
    height: 40px;
    margin-bottom: 1rem;;
  }
  .transaction form input[type="submit"]{
    width: 40%;
    height: 40px;
    font-size: 1.5rem;
    background-color: rgb(220,220,220);
    border: 2px solid gray;
    color: black;
    margin-left: 2rem;
    margin-right: 2rem;
    margin-bottom: 2rem;
  }
  .transaction form input[type="number"]{
    width: 37%;
    height: 40px;
    margin-left: 1rem;
    margin-right: 1rem;
    margin-bottom: 1rem;
  }
  .transaction form h2{
    text-align: left;
  }
  ::-webkit-input-placeholder {
   color: gray;
   font-size: 1.3rem;
   padding-left: 1rem;
}
.fill{
  background-color: rgba(0,0,0,0.2);
  margin-bottom: 1rem;
  padding-top:1rem;
}

.confirm{
  display: flex;
  flex-direction:row;
  justify-content:space-around;
}

.quote .show h2{
  display: none;
}

/*Description=====================================*/

.des-wrap{
  width: 80%;
  margin-left: 9%;

  display: flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
}

.des-home{
  margin-top: 5rem;
  text-align: center;
}
.des-home img{
  width: 80%;
  height: 70vh;
}

.des-wrap table{
  width: 70%;
  margin-left: 3%;
  text-align: center;
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.des-wrap table td{
  padding: .9rem;
  margin: .5rem;
}


/*MEDIA QUERIES====================*/
@media only screen and (max-width: 1500px) {
    
    .quote h2{
    font-family: "Merienda",georgia,'times new roman',serif;
    font-size: 1.3rem;
    font-weight: 400;
    line-height: 0;
  }
  }

  @media only screen and (max-width: 1054px) {
      
    .quote .show h2{
    font-family: "Merienda",georgia,'times new roman',serif;
    font-size: 1.3rem;
    font-weight: 400;
    line-height: 1.2;
    display: block;
  }

  .quote h2{
    display: none;
  }

  .wrapper{
    height: 80vh;
  }

  .main{
    width: 80%;
    margin-left: 10%;
    height: 70vh;
    margin-top: 4rem;
  }
  .about{
    width: 90%;
    margin-left: 5%;
  }

  .map{
    display: none;
    margin-left: 20%;
    margin-bottom: 3rem;
  }

  .select{
    width: 100%;
    margin-left: 0;
  }

  .city-image h1, .victoria-image h1, .whistler-image h1, .newyork-image h1, .lasvegas-image h1, .seattle-image h1{
    font-size: 6rem;
  }

  .home{
  margin-top: 1.2rem;
  margin-bottom: 1.2rem;
  width: 90%;
  margin-left: 4%;
}

  }

  @media only screen and (max-width: 750px) {

  .quote h1 {
       
    font-size: 2rem;
   
  }
  h1{
    font-size: 2.5rem;
  }
  .quote h2{

    font-size: 1.3rem;
  }

  .country-nav button{

  width: 130px;
  height:40px;
  font-size: 1.2rem;
  padding: 5px;
  margin: .70rem;
  }

    .city-image h1{
  font-size: 4.5rem;
}

  .quote{
    width: 75%;
    margin-top: 1rem;
    text-align: center;
    padding: 1rem;
  }

  .select{
    display: flex;
    flex-direction: column;
    justify-content:center;
    width: 90%;
    margin-left: 5%;
  }
  .select div{
    text-align: center;
    width: 100%;
    margin-top: .5rem;
  }
  .select h2{
    font-size: 1.2rem;
  }

  .country{
    display: flex;
    flex-direction:column;
    justify-content:space-around;
  }

  .cities{
   max-width: 100%;
    margin: .5%;
    }

  .details{
    display: flex;
    flex-direction:column;
    justify-content:center;
    font-size: 1.2rem;
    margin-bottom: 1rem;
  }

  .details h3{
    font-size: 1.2rem;
    font-family: "Lato", helvetica, arial, sans-serif;

  }

  .details div{
     text-align: center;
  }


  .details input[type="submit"] {

  width:100px;
  height:35px;
  font-size: .95rem;
  }

  .details input[type="text"] {
  width:150px;
  height:32px;
  font-size: 1rem;
  }

  .social a{
    padding-right: .5rem;
  }

  .copyright{
    width: 80%;
    margin-left: 10%;
    padding: 1rem;
  }
  .call{
    text-align: center;
  }


  ul li a{
    text-decoration: none;
    color: white;
    font-size: 1.1rem;

  }

  .home{
  margin-top: 1rem;
  margin-bottom: 1rem;
  display: flex;
  flex-direction: column;
  justify-content:center;
  width: 90%;
  margin-left: 2%;
}

  }

  @media only screen and (max-width: 450px) {

    header{
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items:center;
  }


  nav ul{
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items:center;
  }
  nav ul li{
    padding: .5rem;
    margin-right: .2rem;
  }
  ul li a{
    text-decoration: none;
    color: white;
    font-size: .80rem;

  }
    .city-image h1, .victoria-image h1, .whistler-image h1, .newyork-image h1, .lasvegas-image h1, .seattle-image h1{
    margin-top: 6rem;
    font-size: 2.5rem;
    }

  .home{
  width: 80%;
  margin-left: 5%;
}
}