/* general styles */
html, body {
height: 100%;
width: 100%;
}
/* padded section */
.pad-section {
padding: 50px 0;
}
.pad-section img {
width: 100%;
}
/* vertical-centered text */
.text-vcenter {
display: table-cell;
text-align: center;
vertical-align: middle;
height: 300px;
}
.text-vcenter h1 {
font-weight: 700;
margin: 0;
padding: 0;
padding-top: 50px;
}
/* additional sections */
#home {
background: url('/static/animachris/img/fleurs.jpg') no-repeat center top fixed; 
display: table;
height: 68%;
position: relative;
width: 100%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
color: white;
}

#home .grid-background {
    background: url('/static/animachris/img/grid_bg.png') repeat;
}
#about {
}
#contact, #services {
background-color: #306d9f;
color: #ffffff;
}
#services .glyphicon {
border: 2px solid #FFFFFF;
border-radius: 50%;
display: inline-block;
font-size: 60px;
height: 140px;
line-height: 140px;
text-align: center;
vertical-align: middle;
width: 140px;
}
#portfolio {
    background-color: #202020;
    color: #dddddd;
}
#information {
background: url('/static/animachris/img/deco_bois.jpg') no-repeat center center fixed; 
display: table;
position: relative;
width: 100%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
color: #ffffff;
}

#information div.row {
    background-color: rgba(50,50,50,.3);
    padding-top: 80px;
    padding-bottom: 80px;
}
#information .panel {
opacity: 0.85;
}
#google_map {
height: 500px;
}
footer {
padding: 20px 0;
}
footer .glyphicon {
color: #333333;
font-size: 60px;
}
footer .glyphicon:hover {
color: #306d9f;
}


div.testimonial::before {
            color: #ccc;
            content: open-quote; 
            font-size: 4em;
            line-height: 0.1em;
            margin-right: 0.25em;
            vertical-align: -0.4em;
        }
        
        div.testimonial {
            display: none;
            text-align: right;
            font-size: 1em;
        }
        
        div.testimonial p{
        color: #333333;
        font-size: 1.2em;
        margin-top: 30px;
        }

div#contact input, div#contact textarea, div#contact button {
	width: 100%;
    color: black;
}


.grid-item {
    width: 180px;
    float: left;
    margin-bottom: 20px;
    position: absolute;

}

.grid-item--width2 {
    width: 400px;
}

.grid-item img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    box-shadow: 1px 1px 12px #000;
    position: relative;
}

.caption {
    display: none;
    color: #eeeeee;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: rgba(50,50,50,0.4);
    text-align: center;
    font-size: 12px;
}


#nav-login a{
    background-color: lightblue;
    cursor: pointer;
}

#nav-logout a{
    cursor: pointer; 
}

#nav-profile a{
    background-color: lightblue;
    cursor: pointer;
}

.continue-button {
    margin-top: 100px;
    font-size: 5em;
    color: #707070;
    width: 100px;
}

.wwd-link a {
    color: white;
}

.nav-service {
}

#signup-modal input{
    width: 100%;
}

.logo {
    text-align: center;
}

.logo img{
    max-width: 250px;
}

#contact_phone
{
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 0;
    width: 0;
    z-index: -1;
}