body {
  font-family: 'Open Sans', sans-serif;
  font-size: 1.6rem;
  color: #fff;
  background-color: #22283f;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

a {
  text-decoration: none;
  color: #267481;
}

.vs-section h2 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding-left:3%;
  display: block;
  height: 2rem;
  margin: auto;
  line-height:39px;
  font-size: 2.2rem;
  font-weight: 300;
  text-align:left;
}

.vs-section h3 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding-top:15%;
  padding-left:3%;
  display: block;
  height: 4rem;
  margin: auto;
  font-size: 18px;
  font-weight: 300;
  text-align:left;
}
.vs-section h4 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding-top:29%;
  padding-left:2.8%;
  display: block;
  height: 4rem;
  margin: auto;
  font-size: 18px;
  font-weight: 300;
  text-align:left;
}

.vs-section:nth-of-type(1) { background-image:url(../images/getaway-for-two/1.jpg) }

.vs-section:nth-of-type(2) { background-image:url(../images/getaway-for-two/2.jpg); }

.vs-section:nth-of-type(3) { background-image:url(../images/getaway-for-two/3.jpg); }

.vs-section:nth-of-type(4) { background-image:url(../images/getaway-for-two/4.jpg); }

.vs-section:nth-of-type(5) { background-image:url(../images/getaway-for-two/5.jpg); }

.vs-section:nth-of-type(6) { background-image:url(../images/getaway-for-two/6.jpg);  }

.vs-section:nth-of-type(7) { background-image:url(../images/getaway-for-two/7.jpg);  }

.vs-section:nth-of-type(8) { background-image:url(../images/getaway-for-two/8.jpg);  }

.vs-section:nth-of-type(9) { background-image:url(../images/getaway-for-two/9.jpg);  }

.vs-section:nth-of-type(10) { background-image:url(../images/getaway-for-two/10.jpg);  }

.vs-section:nth-of-type(11) { background-image:url(../images/getaway-for-two/11.jpg);  }

.vs-section:nth-of-type(12) { background-image:url(../images/getaway-for-two/12.jpg);  }

.vs-section:nth-of-type(13) { background-image:url(../images/getaway-for-two/13.jpg);  }


.vs-vertical-nav {
  position: fixed;
  z-index: 1;
  top: 80%;
  right: 3%;
  bottom: auto;
  display: block;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.vs-vertical-nav a {
  display: block;
  overflow: hidden;
  width: 40px;
  height: 40px;
  white-space: nowrap;
  text-indent: 100%;
  background: url('../images/cd-icon-arrow.svg') no-repeat center center;
}

.vs-vertical-nav a.vs-prev {
  margin-bottom: 10px;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

@media only screen and (max-width: 786px) {
	
	.vs-section h2 { font-size:20px;}
	
.vs-section h3 {
  padding-top:35%;
  padding-left:3%;font-size:14px;

}
.vs-section h4 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding-top:124%;
  padding-left:3%;
  display: block;
  height: 4rem;
  margin: auto;
  font-size: 18px;
  font-weight: 300;
  text-align:left;
}

.vs-vertical-nav {
  position: fixed;
  z-index: 1;
  top: 90%;
  right: 3%;
  bottom: auto;
  display: block;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
	
}