@charset "utf-8";
/* CSS Document */

/* unvisited link */
a:link {
  color: black;
	text-decoration: none;
}

/* visited link */
a:visited {
  color: black;
	text-decoration: none;
}

/* mouse over link */
a:hover {
  color: black;
	text-decoration: none;
}

.flex-item2:hover{
/*Code retrieved from W3schools: How to Zoom on Hover: https://www.w3schools.com/howto/howto_css_zoom_hover.asp*/
	transition: transform 1s;
	transform: scale(1.15);
	left: 2%
}

body {		
	position: absolute;
	width: 100vw;
	height: 100vh;
	margin: 0;
	overflow-y: scroll;
	overflow-x: hidden;
	background-image: url("../images/background.png");
	background-repeat:repeat;
	background-size: 25%;
}

/*Code for the responsive element*/
#mobile_nav{
	display: none;
	
}

#hamburger_menu {
	display: none;
}

#mask {
position: absolute;
    width: 105%;
    height: 170%;
    background-color: black;
    opacity: 0.8;
    z-index: 4;
    display: none;
}

/*Start of header code */
#header {
	position: relative;
	width: 100vw;
	height: 10vh;
	float: left;
	clear: left;
}

.logo {
    position: absolute;
    z-index: 3;
    height: 200%;
    width: auto;
    float: left;
    clear: left;
    left: 2%;
    top: 30%;
}

/*Start of nav code */
#nav {
    float: left;
    text-align: left;
    margin-left: 40px;
    margin-top: 125px;
    display: flex;
    flex-wrap: nowrap;
    width: 75%;
    flex-direction: column;
}

.flex-item2 {
	position: relative;
	width: 25%;
	text-align: left;
	font-size: 1.5vw;
	line-height: 5vh;
	height: 100%;
	cursor: pointer;
	font-family: sans-serif;
}

.title {
    position: relative;
    text-align: left;
    left: 28%;
    top: -28%;
    font-size: 2.5vw;
    line-height: 1vh;
    height: 5%;
    font-family: sans-serif;
    width: 50%;
}

.testimonials {
    position: absolute;
    width: 40%;
    height: 20%;
    text-align: left;
    right: 2%;
    font-family: cursive;
	color: #71bfd1;
    font-size: 1.25vw;
    top: 5%;
}

/*TAKE A LOOK AROUND CSS*/
.room_title {
    position: absolute;
    text-align: left;
    left: 25%;
    top: 29vh;
    font-size: 2vw;
    line-height: 1vh;
    height: 5%;
    font-family: sans-serif;
    width: 50%;
}

/* Slideshow container */
.slideshow-container {
    max-width: 42%;
    position: absolute;
    margin: auto;
    top: 35%;
    left: 55%;
}
	
.slideshow-container2 {
    max-width: 42%;
    position: absolute;
    margin: auto;
    top: 35%;
    left: 55%;
}
	
.slideshow-container3 {
    max-width: 42%;
    position: absolute;
    margin: auto;
    top: 35%;
    left: 55%;
}
	
.slideshow-container4 {
    max-width: 42%;
    position: absolute;
    margin: auto;
    top: 35%;
    left: 55%;
}
	
.slideshow-container5 {
    max-width: 42%;
    position: absolute;
    margin: auto;
    top: 35%;
    left: 55%;
}
/* Next & previous buttons */
.prev, .next {
    cursor: pointer;
    position: absolute;
    top: 45%;
    width: auto;
    padding: 16px;
    color: white;
    font-weight: bold;
    font-size: 18px;
    transition: 0.6s ease;
    border-radius: 0 3px 3px 0;
    user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a grey background color */
.prev:hover, .next:hover {
  background-color: #f1f1f1;
  color: black;
}

.information {
    position: relative;
    height: 10%;
    width: 29%;
    text-align: left;
    left: 25%;
    top: -305px;
    font-size: 1.25vw;
    font-family: sans-serif;
}

#gardeninfo2 {
	top:-295px;
}

#gardeninfo3 {
	top:-285px;
}

#kitcheninfo2 {
	top:-43vh;
}

#kitcheninfo3 {
	top:-41vh;
}

#bedroominfo2 {
	top:-44vh;
}

#bedroominfo3 {
	top:-43vh;
}

#bathroominfo2 {
	top:-44vh;
}

#bathroominfo3 {
	top:-43vh;
}

#garden{
	display: none;
}

#kitchens {
	display: none;
}

#bedroom1{
	display: none;
}

#bathrooms{
	display: none;
}

.bulletpoint{
	position: absolute;
	width: 2%;
	height: auto;
	left: 25%;
}

#bullet1 {
    top: 57%;
}

#bullet2 {
	top: 62%
}

#bullet3 {
	top: 67%
}

#bullet4 {
	top: 72%
}

#bullet5 {
	top: 77%
}

#red_cross {
    top: 120vh;
}

.bullet_text {
    width: 20%;
    position: relative;
    left: 27.5%;
    font-size: 1.25vw;
    font-family: sans-serif;
}

#bullettext1 {
    top: -42vh;
}

#bullettext2 {
    top: -40vh;
}

#bullettext3 {
    top: -38vh;
}

#bullettext4 {
    top: -36vh;
}

#bullettext5 {
    top: -34vh;
}

#garden_bullet1 {
    top: 97vh;
}

#garden_bullet2 {
    top: 102vh;
}

#garden_bullet3 {
    top: 107vh;
}

#garden_bullet4 {
    top: 112vh;
}

#garden_bullet5 {
    top: 117vh;
}

#garden_bullettext1 {
    top: -40.5vh;
}

#garden_bullettext2 {
    top: -38.5vh;
}

#garden_bullettext3 {
    top: -36.5vh;
}

#garden_bullettext4 {
    top: -34.5vh;
}

#garden_bullettext5 {
    top: -32.5vh;
}

#redcrosstext {
    top: -30vh;
}

#kitchen_bullet1 {
    top: 120vh;
}

#kitchen_bullet2 {
    top: 120vh;
	left: 40%;
}

#kitchen_bullet3 {
    top: 125vh;
}

#kitchen_bullet4 {
    top: 125vh;
	left: 40%;
}

#kitchen_bullet5 {
    top: 130vh;
}

#kitchen_bullet6 {
    top: 130vh;
	left: 40%
}

#kitchen_bullet7 {
    top: 135vh;
}

#kitchen_bullet8 {
    top: 135vh;
	left: 40%;
}

#kitchen_bullet9 {
    top: 140vh;
}

#kitchen_bullet10 {
    top: 140vh;
	left: 40%;
}

#kitchen_bullet11 {
    top: 145vh;
}

#kitchen_bullettext1 {
    top: -39.5vh;
}

#kitchen_bullettext2 {
    top: -42vh;
    left: 42.5%;
}

#kitchen_bullettext3 {
	top: -40.5vh;
}

#kitchen_bullettext4 {
	top: -43.5vh;
	left: 42.5%;
}

#kitchen_bullettext5 {
	top: -41.5vh;
}

#kitchen_bullettext6 {
 	top: -44.5vh;
	left: 42.5%;
}

#kitchen_bullettext7 {
	top: -42.5vh;
}

#kitchen_bullettext8 {
	top: -45.5vh;
	left: 42.5%;
}

#kitchen_bullettext9 {
	top: -43.5vh;
}

#kitchen_bullettext10 {
	top: -46.5vh;
	left: 42.5%;
}

#kitchen_bullettext11 {
	top: -44.5vh;
}

#bed_bullet1 {
    top: 85vh;
}

#bed_bullet2 {
    top: 90vh;
}

#bed_bullet3 {
    top: 95vh;
}

#bed_bullettext1 {
	top: -41.5vh;
}

#bed_bullettext2 {
	top: -39.5vh;
}

#bed_bullettext3 {
	top: -37.5vh;
}

#bath_bullet {
	top: 70vh;
}

#bath_bullettext {
	top: -41vh;
}

/*Phone Landscape Screen Code*/
@media screen and (min-width: 667px) and (max-width: 926px) and (orientation: landscape){
	
body {
		overflow: scroll;
	}	
	
#nav {
    margin-left: 35px;
	margin-top: 90px;
}
	
.flex-item2 {
    font-size: 2vw;
    line-height: 8vh;
}

.title {
    left: 27%;
    top: -45%;
}	

.testimonials {
    width: 65%;
    font-size: 1.75vw;
    top: 3%;
}	
	
/*Take a Look around CSS*/

.room_title {
    position: relative;
    text-align: left;
    left: 25%;
    top: -93vh;
    font-size: 2vw;
    line-height: 1vh;
    height: 5%;
    font-family: sans-serif;
    width: 50%;
}

/* Slideshow container */
.slideshow-container {
    max-width: 35%;
    left: 59%;
}
	
.slideshow-container2 {
    max-width: 35%;
    left: 59%;
}
	
.slideshow-container3 {
    max-width: 35%;
    left: 59%;

}
	
.slideshow-container4 {
    max-width: 35%;
    left: 59%;
}
	
.slideshow-container5 {
    max-width: 35%;
    left: 59%;
}

/* Next & previous buttons */
.prev, .next {
    cursor: pointer;
    position: absolute;
    top: 39%;
    width: auto;
    padding: 16px;
    color: white;
    font-weight: bold;
    font-size: 18px;
    transition: 0.6s ease;
    border-radius: 0 3px 3px 0;
    user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a grey background color */
.prev:hover, .next:hover {
  background-color: #f1f1f1;
  color: black;
}

.information {
    position: relative;
    height: 10%;
    width: 32%;
    text-align: left;
    left: 25%;
    top: -89vh;
    font-size: 1.5vw;
    font-family: sans-serif;
}

#gardeninfo2 {
	top:35%;
}

#gardeninfo3 {
	top:55%;
}

#kitcheninfo2 {
    top: -59vh;
}

#kitcheninfo3 {
	top:-14vh;
}

#bedroominfo2 {
    top: -83vh;
}

#bedroominfo3 {
	top:-66vh;
}

#bathroominfo {
    top: -89vh;
}

#bathroominfo2 {
    top: -83vh;
}

#bathroominfo3 {
    top: -70vh;
}

#garden{
	display: none;
	height:135vh;
}

#kitchens {
	display: none;
	height:175vh;
}

#bedroom1{
	display: none;
	height:125vh;
}

#bathrooms {
    display: none;
    height: 123vh;
}

.bulletpoint{
	position: absolute;
	width: 2%;
	height: auto;
	left: 25%;
}

#bullet1 {
    top: 52%;
}

#bullet2 {
	top: 57%
}

#bullet3 {
	top: 62%
}

#bullet4 {
	top: 67%
}

#bullet5 {
	top: 72%
}

#red_cross {
    top: 114vh;
}

.bullet_text {
    width: 20%;
    position: relative;
    left: 27.5%;
    font-size: 1.5vw;
    font-family: sans-serif;
}

#bullettext1 {
    top: -21.75vh;
}

#bullettext2 {
    top: -19.75vh;
}

#bullettext3 {
    top: -17.75vh;
}

#bullettext4 {
    top: -15.75vh;
}

#bullettext5 {
    top: -13.75vh;
}

#garden_bullet1 {
    top: 89vh;
}


#garden_bullet2 {
    top: 94vh;
}

#garden_bullet3 {
    top: 99vh;
}

#garden_bullet4 {
    top: 104vh;
}

#garden_bullet5 {
    top: 109vh;
}

#garden_bullettext1 {
    top: -20vh;
}

#garden_bullettext2{
    top: -18vh;
}

#garden_bullettext3 {
    top: -16vh;
}

#garden_bullettext4 {
    top: -14vh;
}

#garden_bullettext5 {
    top: -12vh;
}

#redcrosstext {
    top: -10vh;
}

#kitchen_bullet1 {
    top: 130vh;
}

#kitchen_bullet2 {
    top: 130vh;
}

#kitchen_bullet3 {
    top: 135vh;
}

#kitchen_bullet4 {
    top: 135vh;
}

#kitchen_bullet5 {
    top: 140vh;
}

#kitchen_bullet6 {
    top: 140vh;
}

#kitchen_bullet7 {
    top: 145vh;
}

#kitchen_bullet8 {
    top: 145vh;
	left: 40%
}

#kitchen_bullet9 {
    top: 150vh;
}

#kitchen_bullet10 {
    top: 150vh;
	left: 40%
}

#kitchen_bullet11 {
    top: 155vh;
}

#kitchen_bullettext1 {
    top: 12vh;
}

#kitchen_bullettext2 {
    top: 9vh;
    left: 42.5%;
}

#kitchen_bullettext3 {
	top: 10vh;
}

#kitchen_bullettext4 {
	top: 6.5vh;
	left: 42.5%;
}

#kitchen_bullettext5 {
	top: 8vh;
}

#kitchen_bullettext6 {
 	top: 4vh;
 	left: 42.5%;
}

#kitchen_bullettext7 {
	top: 6vh;
}

#kitchen_bullettext8 {
	top: 2.5vh;
	left: 42.5%;
}

#kitchen_bullettext9 {
	top: 4vh;

}

#kitchen_bullettext10 {
	top: 1vh;
	left: 42.5%;
}

#kitchen_bullettext11 {
	top: 2vh;
}

#bed_bullet1 {
    top: 96vh;
}

#bed_bullet2 {
    top: 101vh;
}

#bed_bullet3 {
    top: 106vh;
}

#bed_bullettext1 {
	top: -21.5vh;
}

#bed_bullettext2 {
	top: -20.5vh;
}

#bed_bullettext3 {
	top: -18.5vh;
}

#bath_bullet {
    top: 78vh;
}

#bath_bullettext {
    top: -40vh;
}
    
}
/*Phone Portrait Screen Code*/
@media screen and (max-width:428px){
	
	#mask{
	    height: 110%;
	}
	
	a:link {
    color: white;
}

    a:visited {
    color: white;
}	

	body {
		overflow: scroll;
	}
	
	#nav{
		display: none;
}
	.logo {
    height: 150%;
    left: 9%;
    top: -30%;
	}
	
	#hamburger_menu {
	position: relative;
    width: 10%;
    left: 45%;
    clear: left;
    float: left;
    font-size: 10vw;
    display: block;
    text-align: center;
    cursor: pointer;
    top: 19vh;
    z-index: 5;
	}
	
	#mobile_dropdown {
    position: absolute;
    width: 100%;
    float: left;
    clear: left;
    height: 10%;
    top: 27vh;
    z-index: 5;
}
	
	.mobile_nav_link {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	text-align: center;
	margin-bottom: 1vw;
	cursor: pointer;
	font-family: sans-serif;
	font-size: 10vw;
	line-height: 12vw;
	color: white;
}	

    .testimonials {
    position: absolute;
    width: 40%;
    height: 20%;
    text-align: left;
    right: 2%;
    font-family: cursive;
	color: #71bfd1;
    font-size: 1.5vw;
    top: 5%;
    display:none;
}

/*TAKE A LOOK AROUND CSS*/
.room_title {
    position: relative;
    text-align: center;
    left: -5%;
    top: 26vh;
    font-size: 5.5vw;
    height: 5%;
    font-family: sans-serif;
    width: 100%;
}

/* Slideshow container */
.slideshow-container {
    max-width: 90%;
    top: 65%;
    left: 0%;
    padding: 2vh;
}
	
.slideshow-container2 {
    max-width: 90%;
    top: 90%;
    left: 0%;
    padding: 2vh;
}
	
.slideshow-container3 {
    max-width: 90%;
    top: 130%;
    left: 0%;
	padding: 2vh;
}
	
.slideshow-container4 {
    max-width: 90%;
    top: 88%;
    left: 0%;
	padding: 2vh;
}
	
.slideshow-container5 {
    max-width: 90%;
    top: 65%;
    left: 2%;
	padding: 2vh;
}

/* Next & previous buttons */
.prev, .next {
    cursor: pointer;
    position: absolute;
    top: 45%;
    width: auto;
    padding: 16px;
    color: white;
    font-weight: bold;
    font-size: 18px;
    transition: 0.6s ease;
    border-radius: 0 3px 3px 0;
    user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a grey background color */
.prev:hover, .next:hover {
  background-color: #f1f1f1;
  color: black;
}

.information {
    position: absolute;
    height: 20%;
    width: 90%;
    left: 5%;
    top: 29vh;
    font-size: 4vw;
}

#gardeninfo2 {
	top:35%;
}

#gardeninfo3 {
	top:40%;
}

#kitcheninfo2 {
	top:50%;
}

#kitcheninfo3 {
	top:81%;
}

#bedroominfo2 {
	top: 34%;
}

#bedroominfo3 {
	top:45%;
}

#bathroominfo2 {
    top: 32%;
    height: 8%;
}
#bathroominfo3 {
    top: 40%;
}

#garden{
	display: none;
}

#kitchens {
	display: none;
}

#bedroom1{
	display: none;
}

#bathrooms{
	display: none;
}

.bulletpoint {
    width: 7.5%;
    left: 5%;
}

#bullet1 {
    top: 50%;
    left: 5%;
}

#bullet2 {
    top: 50%;
    left: 50%;
}

#bullet3 {
    top: 55%;
    left: 5%;
}

#bullet4 {
	top: 55%;
	left: 50%;
}

#bullet5 {
	top: 60%;
	left:5%;
}

#red_cross {
    top: 85vh;
    left: 50%;
}

.bullet_text {
    width: 37%;
    position: absolute;
    left: 15%;
    font-size: 4vw;
}

#bullettext1 {
    top: 50.75vh;
}

#bullettext2 {
    top: 50.75vh;
    left: 60%;
}

#bullettext3 {
    top: 54.5vh;
}

#bullettext4 {
    top: 55.5vh;
    left:60%;
}

#bullettext5 {
    top: 60.75vh;
}

#garden_bullet1 {
    top: 75vh;
}

#garden_bullet2 {
    top: 75vh;
	left: 50%;
}

#garden_bullet3 {
    top: 80vh;
}

#garden_bullet4 {
    top: 80vh;
	left: 50%;
}

#garden_bullet5 {
    top: 85vh;
}

#garden_bullettext1 {
    top: 75.5vh;
}

#garden_bullettext2{
    top: 75.5vh;
	left: 60%;
}

#garden_bullettext3 {
    top: 79.5vh;
	
}

#garden_bullettext4 {
    top: 80.5vh;
	left: 60%;
}

#garden_bullettext5 {
    top: 85.5vh;
}

#redcrosstext {
    top: 84.54vh;
    left: 60%;
}

#kitchen_bullet1 {
    top: 100%;
}

#kitchen_bullet2 {
    top: 100%;
	left: 60%
}

#kitchen_bullet3 {
    top: 105%;
}

#kitchen_bullet4 {
    top: 105%;
	left: 60%
}

#kitchen_bullet5 {
    top: 110%;
}

#kitchen_bullet6 {
    top: 110%;
	left: 60%
}

#kitchen_bullet7 {
    top: 115%;
	left:5%;
}

#kitchen_bullet8 {
    top: 115%;
	left: 60%
}

#kitchen_bullet9 {
    top: 120%;
	left:5%;
}

#kitchen_bullet10 {
    top: 120%;
	left: 60%;
}

#kitchen_bullet11 {
    top: 125%;
	left:5%;
}

#kitchen_bullettext1 {
    top: 100.5%;
}

#kitchen_bullettext2 {
    top: 100.5%;
	left: 70%
}

#kitchen_bullettext3 {
	top: 105.5%;
}

#kitchen_bullettext4 {
	top: 105.5%;
	left: 70%;
}

#kitchen_bullettext5 {
	top: 110.5%;
}

#kitchen_bullettext6 {
 	top: 110.5%;
	left: 70%
}

#kitchen_bullettext7 {
    top: 115.5%;
    left: 15.5%;
}

#kitchen_bullettext8 {
	top: 115.5%;
	left: 70%;
}

#kitchen_bullettext9 {
	top: 120.5%;
	left: 15.5%;
}

#kitchen_bullettext10 {
	top: 120.5%;
	left: 70%;
	width:10%;
}

#kitchen_bullettext11 {
	top: 125.5%;
	left: 15.5%;
}

#bed_bullet1 {
    top: 80%;
}

#bed_bullet2 {
    top: 80%;
	left: 60%
}

#bed_bullet3 {
    top: 85%;
}

#bed_bullettext1 {
	top: 80.5%;
}

#bed_bullettext2 {
	top: 80.5%;
	left: 70%
}

#bed_bullettext3 {
	top: 85.5%;
}

#bath_bullet {
	top: 61%;
}

#bath_bullettext {
    top: 61.75%;
    left: 15%;
}
}

/*Tablet Landscape Screen Code*/
@media screen and (min-width: 1024px) and (max-width: 1100px) {
    
    .room_title {
    top: 25vh;
    font-size: 2.5vw;
}
    
    
	body {
		overflow: scroll;
	}

	.logo {
    height: 150%;
    left: 3%;
    top: 35%;
}

    #nav{
        margin-top:75px;
    }
	
	.flex-item2 {
    font-size: 2vw;
    line-height: 6vh;
	width: 30%;
}

    .information {
    width: 28%;
    left: 25%;
    top: -52vh;
    font-size: 1.75vw;
}

    .testimonials {
    position: absolute;
    width: 67%;
    height: 20%;
    text-align: left;
    right: 2%;
    font-family: cursive;
    color: #71bfd1;
    font-size: 2vw;
    top: 2%;
}

.slideshow-container2 {
    top: 34%;
}

.slideshow-container3 {
    top: 33%;
}

.slideshow-container4 {
    top: 30%;
}

.slideshow-container5 {
    top: 30%;
}

#gardeninfo2 {
	top:-42vh;
}

#gardeninfo3 {
	top:-32vh;
	height:56%;
}

#kitcheninfo2 {
    top: -15vh;
}

#kitcheninfo3 {
    top: 37vh;
}

#bedroominfo2 {
    top: -45vh;
}

#bedroominfo3 {
    top: -29vh;
}

#bathroominfo2 {
	top:-46vh;
}

#bathroominfo3 {
	top:-31vh;
}

#sittingroom {
    height: 100vh;
    }

#garden{
	display: none;
	height:105vh;
}

#kitchens {
	display: none;
	height:150vh;
}

#bedroom1{
	display: none;
	height:105vh;
}

#bathrooms{
	display: none;
	height: 100vh;
}

.bulletpoint {
    width: 2%;
    left: 25%;
}

#bullet1 {
    top: 59%;
}

#bullet2 {
    top: 63%;
}

#bullet3 {
    top: 67%;
}

#bullet4 {
	top: 71%;
}

#bullet5 {
	top: 75%;
}

#red_cross {
    top: 83vh;
    left: 80%;
}

.bullet_text {
    width: 37%;
    position: absolute;
    left: 27.5%;
    font-size: 1.5vw;
}

#bullettext1 {
    top: 59vh;
}

#bullettext2 {
    top: 63vh;
}

#bullettext3 {
    top: 67vh;
}

#bullettext4 {
    top: 71vh;
}

#bullettext5 {
    top: 75vh;
}

#garden_bullet1 {
    top: 75vh;
    left: 55%;
}

#garden_bullet2 {
    top: 75vh;
    left: 80%;
}

#garden_bullet3 {
    top: 79vh;
    left:55%;
}

#garden_bullet4 {
    top: 79vh;
	left: 80%;
}

#garden_bullet5 {
    top: 83vh;
    left:55%;
}

#garden_bullettext1 {
    top: 75vh;
    left: 57.5%;
}

#garden_bullettext2 {
    top: 75vh;
    left: 82.5%;
}

#garden_bullettext3 {
    top: 79vh;
    left: 57.5%;
	
}

#garden_bullettext4 {
    top: 79vh;
	left: 82.5%;
}

#garden_bullettext5 {
    top: 83vh;
    left: 57.5%;
}

#redcrosstext {
    top: 83vh;
    left: 82.5%;
    width: 15%;
}

#kitchen_bullet1 {
    top: 113%;
    left: 55%;
}

#kitchen_bullet2 {
    top: 113%;
	left: 80%
}

#kitchen_bullet3 {
    top: 117%;
    left: 55%;
}

#kitchen_bullet4 {
    top: 117%;
	left: 80%
}

#kitchen_bullet5 {
    top: 121%;
    left:55%;
}

#kitchen_bullet6 {
    top: 121%;
	left: 80%
}

#kitchen_bullet7 {
    top: 125%;
	left:55%;
}

#kitchen_bullet8 {
    top: 125%;
	left: 80%
}

#kitchen_bullet9 {
    top: 129%;
	left:55%;
}

#kitchen_bullet10 {
    top: 129%;
	left: 80%;
}

#kitchen_bullet11 {
    top: 133%;
	left:55%;
}

#kitchen_bullettext1 {
    top: 113.25%;
    left:58%;
}

#kitchen_bullettext2 {
    top: 113.25%;
    left: 83%;
}

#kitchen_bullettext3 {
	top: 117.25%;
	left:58%;
}

#kitchen_bullettext4 {
	top: 117.25%;
	left: 83%;
}

#kitchen_bullettext5 {
	top: 121.25%;
	left:58%;
}

#kitchen_bullettext6 {
 	top: 121.25%;
	left: 83%
}

#kitchen_bullettext7 {
    top: 125.25%;
    left:58%;
}

#kitchen_bullettext8 {
	top: 125.25%;
	left: 83%;
}

#kitchen_bullettext9 {
	top: 129.25%;
	left:58%;
}

#kitchen_bullettext10 {
	top: 129.25%;
	left: 83%;
}

#kitchen_bullettext11 {
	top: 133.25%;
	left:58%;
}

#bed_bullet1 {
    top: 76%;
    left: 55%;
}

#bed_bullet2 {
    top: 80%;
	left: 55%
}

#bed_bullet3 {
    top: 84%;
    left:55%;
}

#bed_bullettext1 {
    top: 76.25%;
    left: 58%;
}

#bed_bullettext2 {
	top: 80.25%;
	left: 58%
}

#bed_bullettext3 {
	top: 84.25%;
	left: 58%
}

#bath_bullet {
    top: 72%;
    left: 55%;
}

#bath_bullettext {
	top: 72%;
	left: 58%;
}

}
/*Tablet Portrait Screen Code*/
@media screen and (min-width:760px) and (max-width: 1000px) and (orientation: portrait){
    /* unvisited link */
    a:link {
    color: white;
	text-decoration: none;
}

/* visited link */
    a:visited {
    color: white;
	text-decoration: none;
}
    
    #nav{
        display:none;
    }
    
    body {
		overflow: scroll;
	}
    
    .logo {
    height: 150%;
    left: 25%;
    top: -60%;
    }
    
    .title {
    position: absolute;
    left: 40%;
    top: 27%;
    font-size: 4vw;
    width: 38%;
    }
    
    #hamburger_menu {
	position: relative;
    width: 10%;
    left: 45%;
    clear: left;
    float: left;
    font-size: 10vw;
    display: block;
    text-align: center;
    cursor: pointer;
    top: 17vh;
    z-index:5;
	}
	
	#mobile_dropdown {
    position: absolute;
    width: 100%;
    float: left;
    clear: left;
    height: 10%;
    top: 27vh;
    z-index: 5;
}
	
	.mobile_nav_link {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	text-align: center;
	margin-bottom: 1vw;
	cursor: pointer;
	font-family: sans-serif;
    font-size: 10vw;
    line-height: 12vw;
    color:white;
}

    .testimonials {
    position: absolute;
    width: 90%;
    height: 17%;
    right: 5%;
    font-family: cursive;
    color: #71bfd1;
    font-size: 3vw;
    top: 117%;
}

    #gardentest {
    top: 145%;
    height: 25%;
}
    
    #kitchentest {
    top: 210%;
    height: 20%;

}

    #bedroomtest {
    top: 135%;
    height: 12%;
    }
    #bathroomtest {
    top: 112%;
    height: 12%;
}

/*TAKE A LOOK AROUND CSS*/
.room_title {
    left: 0.5%;
    top: 27vh;
    font-size: 5.5vw;
    height: 5%;
    width: 100%;
    text-align:center;
}

/* Slideshow container */
.slideshow-container {
    max-width: 90%;
    top: 59%;
    left: 2%;
    padding: 2vh;
}
	
.slideshow-container2 {
    max-width: 90%;
    top: 92%;
    left: 2%;
    padding: 2vh;
}
	
.slideshow-container3 {
    max-width: 90%;
    top: 110%;
    left: 2%;
	padding: 2vh;
}
	
.slideshow-container4 {
    max-width: 90%;
    top: 77%;
    left: 2%;
	padding: 2vh;
}
	
.slideshow-container5 {
    max-width: 90%;
    top: 65%;
    left: 5%;
    padding: 2vh;
}

/* Next & previous buttons */
.prev, .next {
    cursor: pointer;
    position: absolute;
    top: 45%;
    width: auto;
    padding: 16px;
    color: white;
    font-weight: bold;
    font-size: 18px;
    transition: 0.6s ease;
    border-radius: 0 3px 3px 0;
    user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a grey background color */
.prev:hover, .next:hover {
  background-color: #f1f1f1;
  color: black;
}

.information {
    position: absolute;
    height: 16%;
    width: 90%;
    left: 5%;
    top: 31vh;
    font-size: 3vw;
}

#gardeninfo2 {
    top: 37%;
    height: 6%;
    }

#gardeninfo3 {
    top: 43%;
    height: 31%;
}

#kitcheninfo2 {
	top:49%;
}

#kitcheninfo3 {
    top: 76%;
}

#bedroominfo2 {
	top: 35%;
}

#bedroominfo3 {
	top:44%;
}

#bathroominfo2 {
	top:35%;
}

#bathroominfo3 {
	top:44%;
}

#garden{
	display: none;
}

#kitchens {
	display: none;
}

#bedroom1{
	display: none;
}

#bathrooms{
	display: none;
}

.bulletpoint {
    width: 3%;
    left: 5%;
}

#bullet1 {
    top: 50%;
    left: 5%;
}

#bullet2 {
    top: 50%;
    left: 55%;
}

#bullet3 {
    top: 53%;
    left: 5%;
}

#bullet4 {
	top: 53%;
	left: 55%;
}

#bullet5 {
	top: 56%;
	left:5%;
}

#red_cross {
    top: 87vh;
    left: 50%;
}

.bullet_text {
    width: 37%;
    position: absolute;
    left: 15%;
    font-size: 3vw;
}

#bullettext1 {
    top: 49.75vh;
    left: 9%;
}

#bullettext2 {
    top: 49.5vh;
    left: 60%;
}

#bullettext3 {
    top: 52.75vh;
    left:9%;
}

#bullettext4 {
    top: 52.75vh;
    left:60%;
}

#bullettext5 {
    top: 55.75vh;
    left: 9%;
}

#garden_bullet1 {
    top: 79vh;
}

#garden_bullet2 {
    top: 79vh;
	left: 50%;
}

#garden_bullet3 {
    top: 83vh;
}

#garden_bullet4 {
    top: 83vh;
	left: 50%;
}

#garden_bullet5 {
    top: 87vh;
}

#garden_bullettext1 {
    top: 78.75vh;
    left: 11%;
}

#garden_bullettext2{
    top: 78.75vh;
	left: 56%;
}

#garden_bullettext3 {
    top: 82.75vh;
    left:11%;
	
}

#garden_bullettext4 {
    top: 82.75vh;
	left: 56%;
}

#garden_bullettext5 {
    top: 86.75vh;
    left: 11%;
}

#redcrosstext {
    top: 86.5vh;
    left: 56%;
}

#kitchen_bullet1 {
    top: 91%;
}

#kitchen_bullet2 {
    top: 91%;
	left: 60%
}

#kitchen_bullet3 {
    top: 94%;
}

#kitchen_bullet4 {
    top: 94%;
	left: 60%
}

#kitchen_bullet5 {
    top: 97%;
}

#kitchen_bullet6 {
    top: 97%;
	left: 60%
}

#kitchen_bullet7 {
    top: 100%;
	left:5%;
}

#kitchen_bullet8 {
    top: 100%;
	left: 60%
}

#kitchen_bullet9 {
    top: 103%;
	left:5%;
}

#kitchen_bullet10 {
    top: 103%;
	left: 60%;
}

#kitchen_bullet11 {
    top: 106%;
	left:5%;
}

#kitchen_bullettext1 {
    top: 90.75%;
    left: 9%;
}

#kitchen_bullettext2 {
    top: 90.75%;
    left: 64%;
}

#kitchen_bullettext3 {
	top: 93.75%;
	left: 9%;
}

#kitchen_bullettext4 {
	top: 93.75%;
	left: 64%;
}

#kitchen_bullettext5 {
    top: 96.75%;
    left: 9%;
}

#kitchen_bullettext6 {
 	top: 96.75%;
	left: 64%
}

#kitchen_bullettext7 {
    top: 99.75%;
    left: 9%;
}

#kitchen_bullettext8 {
	top: 99.75%;
	left: 64%;
}

#kitchen_bullettext9 {
	top: 102.75%;
	left: 9%;
}

#kitchen_bullettext10 {
	top: 102.75%;
	left: 64%;
}

#kitchen_bullettext11 {
	top: 105.75%;
	left: 9%;
}

#bed_bullet1 {
    top: 71%;
}

#bed_bullet2 {
    top: 71%;
	left: 60%
}

#bed_bullet3 {
    top: 74%;
}

#bed_bullettext1 {
    top: 71%;
    left: 10%;
}

#bed_bullettext2 {
	top: 71%;
	left: 64%
}

#bed_bullettext3 {
    top: 74%;
    left: 10%;
}

#bath_bullet {
    top: 62%;
}

#bath_bullettext {
    top: 62%;
    left: 10%;
}
}