body {
    font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    <!--background: url('../images/bg1.jpeg') no-repeat center center fixed;-->
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
     
     
}




.logo{
	
    height: -10px;
    

}
.fixTheLogo{
     height: 400px;
     width: 400px;
}
.brand a img{
     height: 400px;
     width:400px;
}

.cover{
     background:url(../images/bg_2.jpeg)center fixed ;
	background-size: cover;
     background-position: center;
}

h1,ox
h2,
h3,
h4,
h5,
h6 {
    text-transform: uppercase;
    font-family: "Josefin Slab","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 700;
    
}

p {
    font-size: 1.25em;
    line-height: 1.6;
    color: #000;
}

.product{
     margin: 0 auto;
}



hr {
    max-width: 400px;
    border-color: #999999;
}

.brand,
.address-bar {
    display: none;
     
}

.brand{
     color:#7C5852;
}

.navbar-brand {
    text-transform: uppercase;
    font-weight: 900;
    letter-spacing: 2px;
}

.navbar-nav {
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 0px;
}

.img-full {
    min-width: 100%;
}

.brand-before,
.brand-name {
    text-transform: capitalize;
}

.brand-before {
    margin: 15px 0;
}

.brand-name {
    margin: 0;
    font-size: 4em;
}

.tagline-divider {
    margin: 15px auto 3px;
    max-width: 250px;
    border-color: #999999;
}

.box {
    margin-left: 5.8%;
    padding: 30px 15px;
    background: #607F16;
     <!--background: #607F16;-->
    <!--background: rgba(255,255,255,0.9);-->
     background: rgba(144, 167, 78,0.9);
     letter-spacing:2px;
     
     width: 89%
     }

.wider{
     width: 95%;
    <!-- font-size: 14px;
     letter-spacing: -0.5px;
     text-align: center;
     margin: 0;
     padding: 0;-->
     
}
.broad{
   margin: 0;
     padding: 0;  
}
.colorChange{
     color: white;
}

.centerThis{
     text-align: center;
}
.box col-md-6{
     width:1010px;
margin:0 auto;
     
}

.bigger{
     font-size: 1.5em;

}
.marg{
     margin-left: 100px;

}
.marg2{
     margin-left: 60px;

}
.marg3{
     margin-left: -50px;
     font-weight: bold;
}
#center-image{

     margin:0 auto;
}
.intro-text {
    text-transform: uppercase;
    font-size: 1.25em;
    font-weight: 400;
    letter-spacing: 1px;
}

.modal-dialog {width:600px;}
.thumbnail {margin-bottom:6px;}

.img-border {
    float: none;
    margin: 0 auto;
    border: #999999 solid 1px;
}

.img-left {
    float: none;
    margin: 0 auto;
}
.italica{
     font-style: italic;
}

footer {
    background: #fff;
    background: rgba(255,255,255,0.9);
}

footer p {
    margin: 0;
    padding: 50px 0;
}

@media screen and (min-width:768px) {
    .brand {
        display: inherit;
        margin: 0;
        padding: 30px 0 10px;
        text-align: center;
        text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
        font-family: "Josefin Slab","Helvetica Neue",Helvetica,Arial,sans-serif;
        font-size: 5em;
        font-weight: 700;
        line-height: normal;
        color: #fff;
    }

    .top-divider {
        margin-top: 0;
    }

    .img-left {
        float: left;
        margin-right: 0 auto;
    }

    .address-bar {
        display: inherit;
        margin: 0;
        padding: 0 0 40px;
        text-align: center;
        text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
        text-transform: uppercase;
        font-size: 1.25em;
        font-weight: 400;
        letter-spacing: 3px;
        color: #fff;
    }

    .navbar {
        border-radius: 0;
    }

    .navbar-header {
        display: none;
    }

    .navbar {
        min-height: 0;
    }

    .navbar-default {
        border: none;
        background: #fff;
        background: rgba(255,255,255,0.9);
    }

    .nav>li>a {
        padding: 35px;
    }

    .navbar-nav>li>a {
        line-height: normal;
    }

    .navbar-nav {
        display: table;
        float: none;
        margin: 0 auto;
        table-layout: fixed;
        font-size: 1.25em;
        color:#7C5852; 
    }
}

@media screen and (min-width:1200px) {
    .box:after {
        content: '';
        display: table;
        clear: both;
    }
}
.align{
     display: block;
}

#move{
     position: relative;
    
     left: 280px;

}
.shrink{
     width:89%;

}
.col-centered{
     float: none;
     margin: 0 auto;
}

.newFont{
     font-family: 'Oranienbaum', serif;

}

