/*!
 * Start Bootstrap - Scrolling Nav (http://startbootstrap.com/)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */

body {
    width: 100%;
    height: 100%;
    background-color: #ccc;
    font-family: 'Poppins', sans-serif;
}

html {
    width: 100%;
    height: 100%;
}

@media(min-width:767px) {
    .navbar {
        padding: 20px 0;
        -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
        -moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
        transition: background .5s ease-in-out,padding .5s ease-in-out;
    }

    .top-nav-collapse {
        padding: 0;
    }
}

.navbar {
    background-color: rgba(0, 0, 0, 0.4);
    border: none;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    background-color: rgba(100, 100, 100, 0.5);
    color: #EEE;
}

.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
    color: #EEE;
}

.navbar-default .navbar-brand {
    color: #CCC;
}

.navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover {
    color: #DDD;
}

.navbar-default .navbar-nav>li>a {
    color: #CCC
}

.col-lg-12 {
    color: #DDD;
    padding: 10%;
}

.legend {
    color: #DDD;
}

.main-section {
    height: 100%;
    padding-top: 150px;
    background: url('../img/tree.jpg');
    background-repeat: no-repeat;
    background-position: 75% center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.rsvp-section {
    height: 100%;
    background: url('../img/bench.jpg');
    background-repeat: no-repeat;
    background-position: 25% center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.rsvp-form {
    margin-left: 10%;
    margin-right: 10%;
    padding: 5%;
}

.registry-section {
    height: 100%;
    padding-top: 150px;
    background: url('../img/bridge.jpg');
    background-repeat: no-repeat;
    background-position: 20% center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.photos-section {
    height: 100%;
    padding-top: 150px;
    background: url('../img/ccc_front.jpg');
    background-repeat: no-repeat;
    background-position: 80% center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.section-wrapper::before {
    content: "";
    background-color: rgba(0, 0, 0, 0.3);
    position: absolute;
    border-radius: 10px;
    -webkit-filter: blur(1px);
    -moz-filter: blur(1px);
    -o-filter: blur(1px);
    -ms-filter: blur(1px);
    filter: blur(1px);
    height: 100%;
    width: 100%;
}

.section-wrapper {
    margin-left: 15%;
    margin-right: 15%;
    padding: 1%;
    position: relative;
}

.section-text {
    text-align: center;
    position: relative;
}