html{
  height: 100%;
}

body {
height: 100%;
width:100%;
color: #333;
font-family:Arial, Helvetica, sans-serif;
font-size:17px;
background-color:#fff;
}

.padding {
padding:12px;
}

[class*="col-"]:not(:last-child){ 
margin-bottom: 25px; 
}

.wrapper {
margin:0 auto;
width:100%;
padding:0px;
}
.container-fluid{
margin:0;
padding:0;
}

#header {
background-color:#000;
background-color:#2D2E2E;
margin:0 auto;
padding:5px 20px 20px 5px;
border:0px solid red;
color:white;
}

#header #logo{
border:0px solid red;
margin:0;
padding:0 0 0 20px;
color:white;
font-size:40px;
}

#header a:link {
color: #fff;
text-decoration: none;
}

#header a:visited {
color: #fff;
}

#header a:hover {
color: #337ab7;
}

#header a:active {
color: #fff;
}

#header #tag{
padding-top:10px;
color:white;
font-size:1.2em;
text-transform:uppercase;
text-align:right;
}


.nav {
margin:0 0 0 40px;
float:right;
}

.nav > li {
padding-right:30px;
}

.nav > li > a {
color: #fff;
text-decoration: none;
font-weight:normal;
}

.nav > li > a:active,
.nav > li > a:hover,
.nav > li > a:focus {
text-decoration: underline;
color:#337ab7;
}

#content { 
background-color:white;
margin:80px auto 30px auto;
max-width:92%;
border-radius:8px;
}

#content img {
  display: block;
  max-width: 100%;
  height: auto;
}

#content a:link, 
#content a:visited {
color: #333;
text-decoration:underline; 
}

#content a:hover {
color: #000;
text-decoration: underline;
}

#content h1{
color: #337ab7;
font-size: 30px;
        font-weight: bold;
        margin:10px 0 ;
}


#content h2 {
	color:#666;
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom:0px;
	padding:0px;
	text-transform:uppercase;
line-height:1.3em;
padding:4px 10px;
border-radius: 5px;
}

#content .carousel-caption {
font-size:1.6em;
color:white;
border-radius: 7px;
background-color: #337ab7;
padding:10px;
}

.jumbotron h1{
color:#666;
        font-size: 1.4em;
        font-weight: bold;
        margin:10px 0 ;
}

.jumbotron {
font-size:1.5em;
}

.crumbtrail{
margin:20px 0;
border:1px solid #ccc;
background-color:#e5e5e5;
padding:4px 10px;
font-size:95%;
border-radius: 5px;
color:#999;
word-spacing: -5px;
}

.crumbtrail > a:link,
.crumbtrail > a:visited {
color: #999;
text-decoration:none;
}

.crumbtrail > a:hover {
color: #000;
text-decoration: underline;
}

.crumbtrail > a:active {
color: #999;
text-decoration:none;
}

#gallery-list ul{
margin:20px auto;
}

#gallery-list div{
margin:15px auto;
position:relative;
vertical-align:top;
text-align:center;
border:1px solid #efefef;
padding:10px;
}

#gallery-list img{
max-width:300px;
margin-bottom:14px;
}

@media (min-width: 480px) {

        #gallery-list img{
        max-width:450px;
        }



@media (min-width: 768px) {

        #gallery-list img{
        max-width:700px;
        }

}

@media (min-width: 1200px) {

        #gallery-list img{
        max-width:600px;
        }

}



#gallery-list .gallery-shadow {
    box-shadow: 5px 5px 3px #ccc;
    border-radius: 3px;
}

body#contact input[type="submit"]{
background-color:#7A898A;
color:white;
padding:5px 20px;
font-size:160%;
}


body#home #content {
background-color:transparent;
}

body#home #content .jumbotron {
margin:100px auto 500px auto;
background-color:#fff !important;
opacity:.8;
max-width:600px;
font-size:22px;
#border:1px solid red;
box-shadow: 0px 5px 5px #000
padding:0px 10px 10px 10px !important;
border-radius:7px;
text-align: justify;
text-justify: inter-word;
}

body#home #content .jumbotron h1{
margin-top:40px:
}
body#home #content .jumbotron #quote{
margin:0;
text-align:center;
margin:0px auto 20px auto;
padding:0 20px 10px 0;
font-size:20px;
color:#337ab7;
border-bottom:1px solid #337ab7
}

body#home #content .jumbotron #quote #credit{
text-align:right;
font-style: italic;
font-size:85%;
}


#footer {
margin-top:20px;
background-color:#2D2E2E;
color:#fff;
padding:15px;
}

#footer a {
text-decoration: none;
padding:0;
color: #fff;
}

#footer a:hover {
text-decoration: underline;
padding: 0;
color: #fff;
}