html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
    margin-bottom: 60px;
    /* background-image: url(../Images/FrontPhoto1.jpeg);*/
    opacity: 1;
}
.table-background {
    /*  background-image: url(../Images/FrontPhoto1.jpeg); */
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    /* text-decoration-color: #fff; */
    /* opacity: 0.5;  */
}
.tdTable {
    color: gray;
    font-weight: bold;
   /* font-family: "Edwardian Script ITC";
     opacity: 0.5;  */
}
.tdTableBackground {
    background-image: url(../Images/FullHouseThump.jpg);
    color: white;
    font-weight: bold;
    height: 300px;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover; /* Fills the cell, cropping if needed */
    background-position: center;
    padding-top: 5em;
    padding-bottom: 5em;
    padding-left: 5em;
    padding-right: 5em;
    /* opacity: 0.75; */
    /* font-family: "Edwardian Script ITC";
     opacity: 0.5;  */
}
.tdTableBackgroundVernda {
    background-image: url('../Images/FrontVerdandaThump.jpg');
    color: white;
    font-weight: bold;
    height: 300px;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover; /* Fills the cell, cropping if needed */
    background-position: center;
    /* opacity: 0.75; */
    /* font-family: "Edwardian Script ITC";
     opacity: 0.5;  */
}
.tdTableBackgroundValleyView {
    background-image: url('../Images/SwimmingPoolDayviewThump.JPG');
    color: white;
    font-weight: bold;
    height: 300px;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover; /* Fills the cell, cropping if needed */
    background-position: center;
    /* opacity: 0.75; */
    /* font-family: "Edwardian Script ITC";
     opacity: 0.5;  */
}

.tdTableBackgroundSwim {
    background-image: url(../Images/SwimmingPoolLightThump.jpeg);
    color: white;
    font-weight: bold;
    height: 300px;
    width: 500px;
    padding-top: 5em;
    padding-bottom: 5em;
    text-align: center;
    background-repeat: no-repeat;
    background-color: darkblue;
    background-size: cover; /* Fills the cell, cropping if needed */
    background-position: center; /*
    /* font-family: "Edwardian Script ITC";
     opacity: 0.5;  */
}
.tdTableBackgroundVibe {
    background-image: url('../Images/chillvalleyview.jpeg');
    color: white;
    font-weight: bold;
    height: 300px;
    width: 500px;
    padding-top: 5em;
    padding-bottom: 5em;
    text-align: center;
    background-repeat: no-repeat;
    background-color: darkblue;
    background-size: cover; /* Fills the cell, cropping if needed */
    background-position: center; /*
    /* font-family: "Edwardian Script ITC";
     opacity: 0.5;  */
}
.tdTableBackgroundAyurveda {
    background-image: url('../Images/MassageRoomNew.jpeg');
    color: white;
    font-weight: bold;
    height: 300px;
    width: 500px;
    padding-top: 5em;
    padding-bottom: 5em;
    text-align: center;
    background-repeat: no-repeat;
    background-size: cover; /* Fills the cell, cropping if needed */
    background-position: center; /*
    /* font-family: "Edwardian Script ITC";
     opacity: 0.5;  */
}
.tdTableBackgroundYoga {
    background-image: url(../Images/YogaThump.jpg);
    color: white;
    font-weight: bold;
    height: 300px;
    width: 500px;
    padding-top: 5em;
    padding-bottom: 5em;
    text-align: center;
    background-repeat: no-repeat;
    background-size: cover; /* Fills the cell, cropping if needed */
    background-position: center; /*
    /* font-family: "Edwardian Script ITC";
     opacity: 0.5;  */
}
.tdTableBackgroundChillOut {
    background-image: url(../Images/Hutview.jpeg);
    color: white;
    font-weight: bold;
    height: 350px;
    width: 500px;
    padding-top: 5em;
    padding-bottom: 5em;
    text-align: center;
    background-repeat: no-repeat;
    background-size: cover; /* Fills the cell, cropping if needed */
    background-position: center; /*
    /* font-family: "Edwardian Script ITC";
     opacity: 0.5;  */
}
.tdTableBackgroundCuisine {
    background-image: url('../Images/Lunch time 50.jpg');
    color: white;
    font-weight: bold;
    height: 350px;
    width: 500px;
    padding-top: 5em;
    padding-bottom: 5em;
    text-align: center;
    background-repeat: no-repeat;
    background-size: cover; /* Fills the cell, cropping if needed */
    background-position: center; /*
    /* font-family: "Edwardian Script ITC";
     opacity: 0.5;  */
}
.tdTableBackgroundBambooHut {
    background-image: url('../Images/BambooHut.jpeg');
    color: white;
    font-weight: bold;
    height: 300px;
    width: 500px;
    padding-top: 5em;
    padding-bottom: 5em;
    text-align: center;
    background-repeat: no-repeat;
    background-size: cover; /* Fills the cell, cropping if needed */
    background-position: center; /*
    /* font-family: "Edwardian Script ITC";
     opacity: 0.5;  */
}
.tdTableBackgroundOrganic {
    background-image: url('../Images/BambooHuts.jpeg');
    color: white;
    font-weight: bold;
    height: 300px;
    width: 500px;
    padding-top: 5em;
    padding-bottom: 5em;
    text-align: center;
    background-repeat: no-repeat;
    background-size: cover; /* Fills the cell, cropping if needed */
    background-position: center; /*
    /* font-family: "Edwardian Script ITC";
     opacity: 0.5;  */
}
.tdTableBackgroundDRoom {
    background-image: url('../Images/Rooms 1 Thump.jpg');
    color: White;
    font-weight: bold;
    height: 300px;
    width: 500px;
    padding-top: 5em;
    padding-bottom: 5em;
    text-align: center;
    background-repeat: no-repeat;
    background-size: cover; /* Fills the cell, cropping if needed */
    background-position: center;
    vertical-align: bottom;
}
.tdTableBackgroundHut {
    background-image: url('../Images/BambooHutACThump.jpeg');
    color: White;
    font-weight: bold;
    height: 300px;
    width: 500px;
    padding-top: 5em;
    padding-bottom: 5em;
    text-align: center;
    background-repeat: no-repeat;
    background-size: cover; /* Fills the cell, cropping if needed */
    background-position: center;
    vertical-align: bottom;
}
.tdTableBackgroundMud {
    background-image: url('../Images/CottageThump.jpg');
    color: White;
    font-weight: bold;
    height: 300px;
    width: 500px;
    padding-top: 5em;
    padding-bottom: 5em;
    text-align: center;
    background-repeat: no-repeat;
    background-size: cover; /* Fills the cell, cropping if needed */
    background-position: center;
    vertical-align: bottom;
}
.tdTableBackgroundDFullHouse {
    background-image: url('../Images/FullHouseThump.jpg');
    color: mediumblue;
    font-weight: bold;
    height: 300px;
    width: 500px;
    padding-top: 5em;
    padding-bottom: 5em;
    text-align: center;
    vertical-align: bottom;
    background-repeat: no-repeat;
    background-size: cover; /* Fills the cell, cropping if needed */
    background-position: center;
}
.tdTableBackgroundDFullProperty {
    background-image: url('../Images/BambooHutsThump.jpeg');
    color: White;
    font-weight: bold;
    height: 300px;
    width: 500px;
    padding-top: 5em;
    padding-bottom: 5em;
    text-align: center;
    vertical-align: bottom;
    background-repeat: no-repeat;
    background-size: cover; /* Fills the cell, cropping if needed */
    background-position: center;
}
.tdTableBackgroundIlaVeezha {
    background-image: url('../Images/Ilaveezhapoonchira.jpg');
    color: White;
    font-weight: bold;
    height: 300px;
    width: 500px;
    padding-top: 5em;
    padding-bottom: 5em;
    text-align: center;
    vertical-align: bottom;
    background-repeat: no-repeat;
    background-size: cover; /* Fills the cell, cropping if needed */
    background-position: center;
}
.tdTableBackgroundIllikkalkallu {
    background-image: url('../Images/IllikkalKallu.jpg');
    color: White;
    font-weight: bold;
    height: 300px;
    width: 500px;
    padding-top: 5em;
    padding-bottom: 5em;
    text-align: center;
    vertical-align: bottom;
    background-repeat: no-repeat;
    background-size: cover; /* Fills the cell, cropping if needed */
    background-position: center;
}
.tdTableBackgroundThommankuthu {
    background-image: url('../Images/Thommankuthu.jpg');
    color: White;
    font-weight: bold;
    height: 300px;
    width: 500px;
    padding-top: 5em;
    padding-bottom: 5em;
    text-align: center;
    vertical-align: bottom;
    background-repeat: no-repeat;
    background-size: cover; /* Fills the cell, cropping if needed */
    background-position: center;
}
.tdTableBackgroundUravappara {
    background-image: url('../Images/uravapparanew.jpg');
    color: White;
    font-weight: bold;
    height: 300px;
    width: 500px;
    padding-top: 5em;
    padding-bottom: 5em;
    text-align: center;
    vertical-align: bottom;
    background-repeat: no-repeat;
    background-size: cover; /* Fills the cell, cropping if needed */
    background-position: center;
}
.tdTableBackgroundKattadikadavu {
    background-image: url('../Images/kattadikadavu3-1565159324-1.jpg');
    color: White;
    font-weight: bold;
    height: 300px;
    width: 500px;
    padding-top: 5em;
    padding-bottom: 5em;
    text-align: center;
    vertical-align: bottom;
    background-repeat: no-repeat;
    background-size: cover; /* Fills the cell, cropping if needed */
    background-position: center;
}
.tdTableBackgroundMalankara {
    background-image: url('../Images/MalankaraDam.jpg');
    color: White;
    font-weight: bold;
    height: 300px;
    width: 500px;
    padding-top: 5em;
    padding-bottom: 5em;
    text-align: center;
    vertical-align: bottom;
    background-repeat: no-repeat;
    background-size: cover; /* Fills the cell, cropping if needed */
    background-position: center;
}

