/*Bootstrap Overides*/
html {

}

body {
}


/*Oliveoil Custom Styles*/

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .display-1,.display-2, .display-3, .display-4 {
	font-weight: 300;
	font-family: 'Ubuntu', sans-serif;
	margin: 0
}

.display-1,.display-2, .display-3, .display-4 {
    letter-spacing: -2px;
}

h1 > strong, h2 > strong, h3 > strong, h4 > strong, h5 > strong, h6 > strong, .h1 > strong, .h2 > strong, .h3 > strong, .h4 > strong, .h5 > strong, .h6 > strong, .display-1 > strong, .display-2 > strong, .display-3 > strong, .display-4 > strong {
	font-weight: 800;
}


a {
    color: #4F9FC7;
}

a:hover {
    text-decoration: none;
}

figure {
    margin: 0px;
}

.text-muted {
    color: #999!important;
}

.text-light {
    color: #ddd!important;
}

.text-oliva {
    color: #5C683D;
}

figcaption.top {
	position: absolute;
    right: 20px;
    top: 10px;
    left: 20px;
    z-index: 10;
}

figcaption.bottom {
	position: absolute;
    right: 20px;
    bottom: 10px;
    left: 20px;
    z-index: 10;
}

.breadcrumb-item > a {
    color: rgba(255, 255, 255, 0.95);
}

.breadcrumb-item.active {
color: rgba(255, 255, 255, 0.5);
}

.bg-black {
background-color: #000000 !important;
}


.bg-oil {
background-color: #1C2126 !important;
}

.bg-wood {
background-color: #23261C !important;
}

.bg-table {
background-color: #2a2a2a !important;
}

a.bg-white:hover {
background-color: #fdfdfd !important;
}

a.bg-oil:hover {
background-color: #17222E !important;
}

a.bg-wood:hover {
background-color: #202813 !important;
}

a.bg-table:hover {
background-color: #272727 !important;
}

.sierra {
	border-style: solid;
    border-width: 0.5rem 0rem 0.5rem 0rem;
    border-color: white;
    font-size: 3.5rem;
	font-weight: 800;
	font-family: 'Ubuntu', sans-serif;
}

.bg-sierra {
background-color: #d40000 !important;
}

.text-sierra {
color: #d40000 !important;
}

.bg-dark {
background-color: #222 !important;
}

.bg-secondary {
background-color: #555 !important;
}

.text-black {
color: #000 !important;
}

.text-olivo {
color: #ACB07D;
}
.text-oil {
color: #ddd !important;
}

.text-wood {
color: #ddd !important;
}

.text-table {
color: #ddd !important;
}

.text-dark {
color: #444 !important;
}

.text-secondary {
color: #666 !important;
}

.bg-olive {
	background-color: #7A7D59;
}

.bg-yevea {
	background-color: #6CF !important;
}

img.logo {
	float: left;
	padding: 10px 25px 10px 0px;
}


.mono {
	font-family: Menlo,Monaco,Consolas,"Courier New",monospace;
}

#oilup {
		display: none;
		position: fixed;
		bottom: 70px;
		right: 20px;
		z-index: 2000;
		border: 1px solid #eee;
		outline: none;
		color: #000;
		cursor: pointer; 
		border-radius:0.5rem;
		background-color: #ddd;
		border: 1px solid #999;
		opacity: 0.6;
		filter: alpha(opacity=60);
}

#oilup:hover {
		background-color: #555; 
		color: #fff;
		border: 1px solid #333;
} 


/*album

.album {
  min-height: 50rem;
  padding-top: 3rem;
  padding-bottom: 3rem;
  background-color: #f7f7f7;
}

.card {
  float: left;
  width: 33.333%;
  padding: .75rem;
  margin-bottom: 2rem;
  border: 0;
}

.card > img {
  margin-bottom: .75rem;
}

.card-text {
  font-size: 85%;
}

footer {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

footer p {
  margin-bottom: .25rem;
}

*/


h1, .h1 {
  font-size: 3rem;
}

h2, .h2 {
  font-size: 2rem;
}

h3, .h3 {
  font-size: 1.75rem;
}

h4, .h4 {
  font-size: 1.5rem;
}

h5, .h5 {
  font-size: 1.25rem;
}

h6, .h6 {
  font-size: 1rem;
}

@media (max-width: 991px) {

.display-1 {
  font-size: 5.5rem;
}

.display-2 {
  font-size: 5rem;
}

.display-3 {
  font-size: 4rem;
}

.display-4 {
  font-size: 3rem;
}

h1, .h1 {
  font-size: 2.75rem;
}

h2, .h2 {
  font-size: 1.75rem;
}

h3, .h3 {
  font-size: 1.5rem;
}

h4, .h4 {
  font-size: 1.25rem;
}

h5, .h5 {
  font-size: 1.15rem;
}

}

@media (max-width: 767px) {

.display-1 {
  font-size: 5rem;
}

.display-2 {
  font-size: 4.5rem;
}

.display-3 {
  font-size: 3.5rem;
}

.display-4 {
  font-size: 2.75rem;
}

h1, .h1 {
  font-size: 2.5rem;
}

h2, .h2 {
  font-size: 1.5rem;
}

h3, .h3 {
  font-size: 1.25rem;
}

h4, .h4 {
  font-size: 1.15rem;
}

h5, .h5 {
  font-size: 1.1rem;
}

}

@media (max-width: 575px) {

.display-1 {
  font-size: 4.5rem;
}

.display-2 {
  font-size: 4rem;
}

.display-3 {
  font-size: 3rem;
}

.display-4 {
  font-size: 2.5rem;
}

h1, .h1 {
  font-size: 2.25rem;
}

h2, .h2 {
  font-size: 1.25rem;
}

h3, .h3 {
  font-size: 1.15rem;
}

h4, .h4 {
  font-size: 1.1rem;
}

h5, .h5 {
  font-size: 1.05rem;
}

}


article{
  clear: both;
}

.text-center {
    text-align: center!important;
}

@media (min-width: 768px){
.text-md-left {
    text-align: left!important;
}
}

h1, h2, h3, h4  {
	letter-spacing: 0px!important;
	font-weight: 400!important;
}

h1, .h1 {
  font-size: 2rem!important;
}

h2, .h2 {
  font-size: 1.75rem!important;
}

h3, .h3 {
  font-size: 1.5rem!important;
}


@media (max-width: 991px) {

h1, .h1 {
  font-size: 2rem!important;
}

h2, .h2 {
  font-size: 1.875rem!important;
}

h3, .h3 {
  font-size: 1.375rem!important;
}

}

@media (max-width: 767px) {

h1, .h1 {
  font-size: 1.5!important;
}

h2, .h2 {
  font-size: 1.375rem!important;
}

h3, .h3 {
  font-size: 1.25rem!important;
}

}

@media (max-width: 575px) {

h1, .h1 {
  font-size: 1.375rem!important;
}

h2, .h2 {
  font-size: 1.25rem!important;
}

h3, .h3 {
  font-size: 1.125rem!important;
}

}