body {
    font-family: "Poiret One", cursive;
    font-size: 17px;
    /*color: #cec1b5; 406 u? */
    color: #96938E; /* 434 u? */
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Sofia', cursive;
    /* color: #f5cfcf; 698 u */
    /* color: #FCC9C6; 706 u */
    color: #FCADAF;
/*
    font-family: 'Sevillana', cursive;
    font-family: 'Playball', cursive;
    font-family: 'Lobster Two', cursive;
*/
}

h1 {
    font-family: 'CantoniBasic', cursive;
    font-weight: normal;
    font-style: normal;
    text-align: center;
    font-size: 170px;
    margin-top: 60px;
    z-index: 999;
    position: relative;
}

h2 {
    font-family: 'CantoniBasic', cursive;
    font-size: 60px;
    margin-bottom: 20px;
    margin-top: 40px;
}

.wedding-party {
    line-height: 27px;
}

.wedding-party .name {
    font-family: 'Sofia', cursive;
    font-size: 1.05em;
}

.wedding-party .title {
}

#subtitle {
    width: 100%;
    font-size: 50px;
    line-height: 50px;
    text-align: center;
    background: url("h2-midline.svg");
    margin-top: -60px;
}

#subtitle h2 {
    font-family: "Poiret One", cursive;
    font-size: 50px;
    color: #96938E;
    background-color: white;
    padding: 0 10px;
    display: inline;
}

/*h1 .amp {
    font-size: 140%;
    vertical-align: middle;
}*/

.black {
    color: black;
}

.navbar {
    font-size: 30px;
    text-align: center;
    margin-bottom: 0px;
}

.navbar .nav {
    float: none;
    display: inline-block;
}

.navbar .nav li a {
    color: #96938E;
    padding: 10px 25px;
}

.navbar .nav li a:hover {
    color: #428bca;
    background-color: white;
}


#gallery {
    position: relative;
}

#gallery .crsl-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#gallery .crsl-items:after{
    display: block;
    clear: both;
    content: '';
}

#gallery .previous, #gallery .next{
    position: absolute;
    top: 50%;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    text-indent: -10000px;
    color: #FFF;
    background: rgba(0, 0, 0, .80) url(/previous-next.png) no-repeat 0 0;
    z-index: 10;
    /* border radius */
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    /* transition */
    -webkit-transition: background .2s ease-out;
    -moz-transition: background .2s ease-out;
    -o-transition: background .2s ease-out;
    transition: background .2s ease-out;
}

#gallery .previous:hover, #gallery .next:hover{
    background-color: rgba(0,0,0, .95);
}

#gallery .previous{
    left: 0;
    background-position: 0 0;
}

#gallery .next{
    right: 0;
    background-position: 100% 0;
}

#gallery .crsl-item{
    margin-bottom: 0;
}