body {
    background-color: rgb(105, 166, 177);
    /* background-image: url("images/img001a.jpg"); */
    background-repeat: no-repeat;
    padding: 0;
    margin: 0;
}

table {
    margin-top: 0.5em;
}

th {
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 1.35em;
    padding-left: 0.2em;
    text-align: left;
}

td {
    font-size: 1.35em;
    padding-left: 0.2em;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
}

.header {
    display: block;
    position: fixed;
    top: 0;
    margin: 0;
    padding-top: 0.1em;
    padding-left: 15px;
    background-color: rgb(105, 166, 177);
    width: 100%;
    height: 2em;
    font-size: 3.5em;
    font-family: fantasy, sans-serif;
    font-weight: 300;
    color: #DDEEFF;
    text-shadow: 2px 2px 5px black;
}

#subtitle {
    display: inline;
    font-size: 0.6em;
}

.main {
    margin-top: 12em;
    padding-bottom: 3em;
}

h3 {
    margin-bottom: 0;
}

h4 {
    margin-top: 0.2em;
    margin-bottom: 0;
}

p {
    margin-top: 0;
}

.navbar {
    list-style-type: none;
    position: fixed;
    top: 5.25em;
    width: 100%;
    background-color: rgb(59, 96, 102);
    padding: 0;
    margin: 0;
}

.navbar li {
    float: left;
}

.navbar li a {
    color: #DDEEFF;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-weight: bold;
    font-size: 2em;
    display: block;
    text-decoration: none;
    padding: 15px 15px;
}

.navbar li a:hover {
    background-color: rgb(105, 166, 177);    
    color: rgb(59, 96, 102);
}

.navbar li a:active {
    background-color: rgb(105, 166, 177);    
    color: #DDEEFF;    
}

.content {
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 1.8em;
    margin-top: 0.2em;
}

.slide {
    background-color: rgb(231, 252, 212);
    border-style: solid;
    border-width: 5px;
    border-radius: 25px;
    border-color: #DDEEFF;

    width: 75%;
    
    margin-left: auto; margin-right: auto;
    margin-top: 2em;

    padding: 0.5em;

    overflow: hidden;
}

.slideheader {
    font-family: fantasy, sans-serif;
    font-size: 6.5em;
    color: #DDEEFF;
    color: rgba(221, 238 , 255 , 0.6);
    margin-top: 0;
    margin-left: 25px;
    padding-top: auto;
}

.parallax {
    height: 250px; 

    border-radius: 25px;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

#bghome {
    background-image: url("images/img002.jpg");
}

#bgtopic {
    background-image: url("images/img001.jpg");
}

#bgwedding {
    background-image: url("images/img006.jpg");
}

#bgparty {
    background-image: url("images/img004.jpg");
}

#bgschedule {
    background-image: url("images/img010.jpg");
}

#bgphotos {
    background-image: url("images/img011.jpg");
}

#bgwishes {
    background-image: url("images/img003.jpg");
}

#bgupdates {
    background-image: url("images/img008.jpg");
}

#bgend {
    background-image: url("images/img009.jpg");
}