﻿/* ============================================================================================== 
This copyright notice must be kept untouched in the stylesheet at all times.
The original version of this stylesheet and the associated (x)html 
is available at http://www.script-tutorials.com/bootstrap-one-page-template-with-parallax-effect/
Copyright (c) Script Tutorials. All rights reserved.
This stylesheet and the associated (x)html may be modified in any way to fit your requirements.
================================================================================================= */

/* general styles */

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

/* padded section */

body {
    font-family: 'Quattrocentro Sans', sans-serif !important;
}

.pad-section {
    padding: 50px 0;
}

.pad-section img {
    width: 100%;
}

/* vertical-centered text */

.text-vcenter {
    margin-top: 200px;
    padding-left: 25px;
    padding-right: 25px;
    text-align: center;
    vertical-align: middle;
    color: darkslateblue;
    text-shadow: 4px 4px 6px white, 0 0 6px white;

}

.text-vcenter h1 {
    font-size: 4.5em;
    font-weight: 700;
    margin: 0;
    padding: 0;
    color: darkblue;
    text-shadow: 4px 4px 6px white, 0 0 6px white;
}

/* additional sections */

#home {
    background: url(../images/sunsetjumbo.jpg) no-repeat center center fixed;
    margin-top: -25px;
    display: table;
    height: 100%;
    position: relative;
    width: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#home .panel {
    opacity: 0.85;
    border: 1px solid darkblue;
    border-radius: 20px 20px;
}


#about {}

#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;
}

#information {
    background: url(../images/ptwearth.jpg) no-repeat center center fixed;
    display: table;
    height: 800px;
    position: relative;
    width: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#information .panel {
    opacity: 0.85;
}

#beachgrass {
    background: url(../images/beachgrass.jpg) no-repeat center center fixed;
    display: table;
    height: 500px;
    position: relative;
    width: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

footer {
    padding: 20px 0;
}

footer .glyphicon {
    color: #333333;
    font-size: 60px;
}

footer .glyphicon:hover {
    color: #306d9f;
}

.navbar-brand {
    padding: 0px;
    margin;
    0px;
    height: 50px;
    opacity: 1.0;
    z-index: 1;
}


.navbar {
    list-style-type: none;
    position: relative!important;
}

.navbar-brand > img {
    height: 100px;
    margin-left: 10px;
    padding: 0px;
    width: auto;

}

.pagetitle {
    position: absolute;
    margin-top: -12%;
    z-index: 10;
    color: white;
    background-color: transparent;
    font-family: 'Crimson Text';
    font-size: 5.4vw;
}

.hero-message {
    position: absolute;
    top: 25%;
    right: 10%;
    width: 30% background-color: rgba(19, 192, 215, 0.8);
}

.navbar-default {
    opacity: 1.00;

}

.banner {
    text-align: center;
}

.btn-block {
    border: 1px solid darkblue;
    border-radius: 5px 5px;

}

.form {
    opacity;
    1.0;
}

.btn-trim {
    margin-top: -50px;
}

.glyphicon.glyphicon-envelope {
    font-size: 15px;
}

.glyphicon.glyphicon-plus {
    font-size: 15px;
}

.glyphicon.glyphicon-home {
    font-size: 15px;
}

.glyphicon.glyphicon-stats {
    font-size: 15px;
}

.glyphicon.glyphicon-user {
    font-size: 15px;
}

.padding-minus {
    margin-top: -20px;
    font-family: 'IM Fell English';
    font-size: 24px;
}

.margin-adj {
    margin-top: 20px;

}

.bumpup {
    margin-top: -50px;
}

.footer {
    margin-top: 50px;
    background-color: black;
    opacity: 0.65;
    color: white;
}

.footerhome {
    margin-bottom: 0px;
    background-color: black;
    opacity: 0.65;
    color: white;
}

.darker {
    border-color: darkslateblue;
}

.blanco {
    color: white;
}

.main {
    margin-top: 200px;
    padding: 20px;
    background-color: white;
    color: darkslategrey;
    opacity: 0.85
    font-family: Ubuntu;
}


.padtop {
    margin-top: 200px;
}

.homeh1 {
    font-family: 'IM Fell English';
}

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

.navbar .navbar-collapse {
    text-align: center;
}


