/*********************************************************************************/
/* Basic                                                                         */
/*********************************************************************************/
body {
background: #f0f4f4;
color: #5b5b5b;
font-family:'Source Sans Pro', Verdana, Arial, sans-serif!important;
font-weight: 300;
}

p, td, li { font-size:20px!important; }

/*-------------------- Nav --------------------*/

.navbar{
background-color: #237211;
border-color: #1a550d;
background-image: linear-gradient(#319e18 0%, #237211 100%);
max-width:450px;
margin:30px auto;
border-radius:5px;
padding: 0;
}

.navbar .container{
max-width:450px;
}
.navbar-nav {
width: 100%;
text-align: center;
}

.navbar-toggler {
  color: rgba(255, 255, 255, 0.5);
  border-color: rgba(255, 255, 255, 0.1);
}

.navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

.navbar-expand-md .navbar-nav {
	justify-content: center;
}

.navbar-nav  > li {
float: none;
display: inline-block;
}
.navbar .navbar-brand {
color: #ffffff;
}
.navbar-brand:hover {
color: #e6e6e6;
background-color: transparent;
}
.navbar .navbar-nav > li:last-child > a {
border-right: 1px solid #1a550d;
}
.navbar .navbar-nav > li > a {
color: #eee;
border-left: 1px solid #1a550d;
font-size:1.2em;}
.navbar .navbar-nav > li > a:hover{
color: #FFDE00;
background-color: transparent;
}
.navbar .navbar-nav > li> a.active ,
.navbar .navbar-nav >li> a.active :hover{
color: #FFDE00;
background-color: #1a550d;
background-image: -webkit-gradient(linear, left 0%, left 100%, from(#1a550d), to(#288213));
background-image: -webkit-linear-gradient(top, #1a550d, 0%, #288213, 100%);
background-image: -moz-linear-gradient(top, #1a550d 0%, #288213 100%);
background-image: linear-gradient(to bottom, #1a550d 0%, #288213 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff1a550d', endColorstr='#ff288213', GradientType=0);
}
.navbar-toggle {
border-color: #dddddd;
}
.navbar-toggle:hover{
background-color: #dddddd;
}
.navbar-toggle .icon-bar {
background-color: #cccccc;
}
.navbar-collapse{
border-color: #19530c;
}
header{ 
background:

url("/site/background-home.jpg") no-repeat top right / 100%;
}
.banner {
background:
url("/site/background-home.jpg") no-repeat 50% 30% / cover;
}
header img{
padding-top: 76px;
padding-bottom: 40px;
width: 100%;
}
.banner img{
padding-top: 100px;
padding-bottom: 40px;
max-width:800px;
}
.page table td { padding:5px 10px; }
.page table th { padding:5px 10px; text-align:center; color:#fff; background-color:#aaa; }
.table-text{
font-size:1.3em;
}
#sidebar{

}
footer { margin: 2.5em 0 0 0; }
#footer
{
position: relative;
overflow: hidden;
padding: 30px 0;
background: #2b252c;
color: #fff;
text-align:center;
}

#footer h2,
#footer h3,
#footer h4,
#footer h5,
#footer h6
{
color: #fff;
}

#footer .contact
{
text-align: center;
}

#footer .contact p
{
text-align: center;
margin: 0 0 3em 0;
}
#footer .copyright
{
text-align: center;
color: rgba(128,128,128,0.75);
font-size: 0.8em;
cursor: default;
}

#footer .copyright a
{
color: rgba(128,128,128,0.75);
}

#footer .copyright a:hover
{
color: rgba(212,212,212,0.85);
}
.thumb {
margin-bottom: 30px;
}

.thumbs img{
width:90%;
padding:2%; /* A percentage that, when doubled and added to the above, makes 100%. */
background:transparent;
border:1px solid #CCCCCC;
opacity: 1;
transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out;/* Color of the faux border. */
}
.thumbs img:hover {
opacity: 0.5;
}
.thumb .title, .thumb .number{
text-align:center;
color:#807B73;
}

/* ==================================================== */

@media (max-width:768px){
.navbar { margin-top:0; }
.navbar .navbar-nav>li>a { border:none; }
.navbar .navbar-nav>li:last-child>a { border:none; }
.banner img { padding-top:75px; max-width:300px; }
}

@media (min-width:768px){
.navbar-brand { display:none; }
#call-to-action a { margin-bottom:90px; }
#main-content h1 { padding-top:100px; }
header img{
padding-top: 125px;
padding-bottom: 30px;
width: 100%;
}
}


@media (min-width:992px){
#call-to-action a { margin-bottom:150px; }
header img{
padding-top: 125px;
padding-bottom: 30px;
width: 100%;
}
}

@media (min-width:1200px){
#call-to-action a { margin-bottom:300px; }
header img{
padding-top:135px;
padding-bottom:30px;
width:100%
}
}