@charset "utf-8";
/* CSS Document */

body {
	color: #58585a !important;	
	/*font-family: 'Barlow Condensed', sans-serif !important;*/
	font-family: 'Bree Serif', sans-serif !important;
}

h1, h2, h3, h4, h5, h6, h7 {
	font-family: 'Bree Serif', sans-serif !important;
	text-transform: initial;
	font-weight: 100;
}

#mainNav a {
	font-family: 'Bree Serif', sans-serif !important;
	text-transform: initial;
	font-weight: 100;
}

.masthead{
	color: #58585a;
	/*background: #e7e7e8 !important;	*/
}

.main_header{
	width: 100%;
    float: left;
	margin-top: 20%; 
}

#about, #contact, #offer, #prices{
	background: #fff;
	color: #58585a;
}

footer {
	background: #58585a;
	color:#fff;
}

a {
	color: #f5a22b;
}

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


#mainNav a:hover{
	color: #f5a22b;
}

.btn-default {
    color: #f5a22b;
    border: 1px solid #f5a22b;
    background-color: transparent;
}

.btn-default:focus, .btn-default:hover {
    color: #fff;
    border: 1px solid #f5a22b;
    outline: 0;
    background-color: #f5a22b;
}

.contact-text-container {
	color: 	#f5a22b;
}

.contact-text-container .contact-icon {
	display: inline-grid;
}

.contact-text-container h3 {
	float: left;	
}

/*MAP*/

#googlemaps { 
  height: 100%; 
  width: 100%; 
  position:absolute; 
  top: 0; 
  left: 0; 
  z-index: 0; /* Set z-index to 0 as it will be on a layer below the contact form */
}

#contactform { 
  position: relative; 
  z-index: 1; /* The z-index should be higher than Google Maps */
  width: 300px;
  margin: 60px auto 0;
  padding: 10px;
  background: black;
  height: auto;
  opacity: .45; /* Set the opacity for a slightly transparent Google Form */ 
  color: white;
}

/*BUTTONS*/
.btn {
	font-size: 1.3rem;
}
#offer .btn-primary {
	height: 5em;
    width: 100%;
}
.btn-primary {
    color: #fff;
    background-color: #f5a22b;
    border-color: #f5a22b;
}

.btn-primary:hover {
    color: #fff;
    background-color: #58585a;
    border-color: #58585a;
}

.btn-primary:focus {
    color: #fff;
    background-color: #f5a22b;
    border-color: #f5a22b;
}

.btn-primary:active {
    color: #fff;
    background-color: #f5a22b;
    border-color: #f5a22b;
}

.btn-primary:not([disabled]):not(.disabled).active, .btn-primary:not([disabled]):not(.disabled):active, .show>.btn-primary.dropdown-toggle{
	color: #fff;
    background-color: #f5a22b;
    border-color: #f5a22b;
}