.logo {width: 250px; height: 70px;margin-top: -70px; float: left;}
nav {
    margin: 0, 0;
    background-color: #96c6ce; width: 87.1%; padding-left: 245px;
}

/* Removing padding, margin and "list-style" from the "ul",
 * and adding "position:reltive" */
nav ul {
    padding:0;
    margin:0;
    list-style: none;
    position: relative; padding-left: 50px;
    }

/* Positioning the navigation items inline */
nav ul li {
    margin: 0px 60px 0 0;
    display:inline-block;
    background-color: #96c6ce; font-family: fantasy; color: #924767;
    }

/* Styling the links */
nav a {
    display:block;
    padding-right: 90px;
    color:#FFF;
    font-size:20px;
    line-height: 60px;
    text-decoration:none;font-family: fantasy; color: #924767;
}

/* Background color change on Hover */
nav a:hover {
    background-color: #c3eddf;
}
html,body { margin: 0; padding: 0; }

/* Hide Dropdowns by Default
 * and giving it a position of absolute */
nav ul ul {
    display: none;
    position: absolute;
    top: 100%;
}

/* Display Dropdowns on Hover */
nav ul li:hover > ul {
    display:inherit; 
}

/* Fisrt Tier Dropdown */
nav ul ul li {
    min-width:170px;
    display:list-item;
    position: relative;
}


/* Change ' +' in order to change the Dropdown symbol */
li > a:after { content:  ' +'; }
li > a:only-child:after { content: ''; }

/* Footer */
footer{}
/* Footer Text */
.foot {text-align: center; text-decoration: none; color: #ffffff; background-color: #924767;}
.hh {text-decoration: none; color: white; font-family: fantasy; background-color: #924767;}
.hh:hover {text-decoration: none; color: white; font-family: fantasy; background-color: #924767;}
.hh:link {text-decoration: none; color: white; font-family: fantasy; background-color: #924767;}
.hh:checked {text-decoration: none; color: white; font-family: fantasy; background-color: #924767;}
/* Welcome message */ 

body {
    font-family: Helvetica, sans-serif;
    padding: 0%;
    text-align: center;
    font-size: 50;
}

/* Styling the area of the slides */
#slideshow {
    overflow: hidden;
    height: 600px;
    width: 1528px;
    margin: 0 auto;}

/* Style each of the sides 
  with a fixed width and height */
.slide {
    float: left;
    height: 600px;
    width: 1528px;
}

/* Add animation to the slides */
.slide-wrapper {

    /* Calculate the total width on the
    basis of number of slides */
    width: calc(1528px * 4);

    /* Specify the animation with the
    duration and speed */
    animation: slide 25s ease infinite;
}

/* Set the background color
  of each of the slides */
.slide:nth-child(1) {
    background-image: url(Images/cardz.png); background-repeat: no-repeat; background-size: cover;}

.slide:nth-child(2) {
    background-image: url(Images/img6.png); background-repeat: no-repeat; background-size: cover;
}

.slide:nth-child(3) {
    background-image: url(Images/img7.png); background-repeat: no-repeat; background-size: cover;
}

.slide:nth-child(4) {
    background-image: url(Images/img8.png); background-repeat: no-repeat; background-size: cover;

}

/* Define the animation 
  for the slideshow */
@keyframes slide {

    /* Calculate the margin-left for 
    each of the slides */
    20% {
        margin-left: 0px;
    }

    40% {
        margin-left: calc(-728px * 1);
    }

    60% {
        margin-left: calc(-728px * 2);
    }

    80% {
        margin-left: calc(-728px * 3);
    }
}

body {background-color: #e0d3bb;}

.pinkt {font-family: fantasy; color: white; font-weight: bold; text-align: center; background-color: goldenrod; font-size: 30px; tab-size: 30px;}

.pt {text-align: inherit; font-family: fantasy; color: white;font-size: 20px;}

.yaga {margin: 0px 20px 0 0;
    background-color: #96c6ce; color: #924767; float: left;
    }
.lfg {color: floralwhite; font-family: fantasy; font-size: 40px;}

.indexcol {float:left; width: 600px;padding-left: 30px; height: 900px;color: white;}
.indexcol:hover {text-decoration: none; color: white; font-family: fantasy;}
.indexcol:link {text-decoration: none; color: white; font-family: fantasy;}
.indexcol:checked {text-decoration: none; color: white; font-family: fantasy;}
.indexcol:active {text-decoration: none; color: white; font-family: fantasy;}
.indexcol:default {text-decoration: none; color: white; font-family: fantasy;}
.indexcol:visited {text-decoration: none; color: white; font-family: fantasy;}

.belowt {color: white; font-family: fantasy; background-color: #924767;}
/* hover */
.g {color: white; text-decoration: none; font-family: fantasy; background-color: #924767;}
.g:hover {text-decoration: none; color: white; font-family: fantasy; background-color: #924767;}
.g:link {text-decoration: none; color: white; font-family: fantasy; background-color: #924767;}
.g:checked {text-decoration: none; color: white; font-family: fantasy; background-color: #924767;}
 
/* random text */
.hg {font-family: fantasy; color: white; font-size: 25px; float: left; background-color: #96c6ce;}

h5 {color: #e0d3bb;}

.lkl {width: 600px; height: 832px;}