/*
Content
	1) Reset & basics
	2) Basic styles
	3) Typography
	4) Links
	5) Lists
	6) Images
	7) Buttons
	8) Forms
	9) Misc
	10) Base 960 grid
    11) Tablet (Portrait)
    12) Mobile (Portrait)
    13) Mobile (Landscape)
    14) Clearing
	15) Portfolio slider
	16) Site styles
	17) Media queries
	18) Print styles
*/

/*basics*/
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline;
		font-family: 'Open Sans', sans-serif;}
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
		display: block;}
	body {line-height: 1;}
	ol, ul {list-style: none;}
	table {border-collapse: collapse;border-spacing: 0; }

	body {
		background: #fff;
		font: 15px/22px 'Open Sans', sans-serif;
		color: #333;
		-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
		-webkit-text-size-adjust: 100%;
		-webkit-transition: background-color 0.8s ease-out;
		-moz-transition: background-color 0.8s ease-out;
		-o-transition: background-color 0.8s ease-out;
		transition: background-color 0.8s ease-out;
	}

/* Typography */
	h1, h2, h3, h4, h5, h6 {color: #333 !important;font-weight: 700;line-height: 1.1;}
	h1, h2, h3 {margin-top: 20px;margin-bottom: 10px;}
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {font-weight: inherit;}
	h1 {font-size: 36px; margin-bottom: 14px;}
	h2 {font-size: 30px; margin-bottom: 10px;}
	h3 {font-size: 24px; margin-bottom: 6px;}
	h4 {font-size: 18px; margin-bottom: 6px;}
	h5 {font-size: 14px; line-height: 24px;}
	h6 {font-size: 12px; line-height: 21px;}
	.subheader {color: #777;}

	p {margin: 0 0 20px 0;}
	p img {margin: 0;}
	strong {font-weight: bold;}
	small {font-size: 80%;}

	hr {border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; }

/* Links*/
	a {color: #428BCA; outline: 0;font-weight:700}
	a:hover, a:focus {color: #777; text-decoration: underline;}
	p a, p a:visited {line-height: inherit;}


/*Images*/
img.scale-with-grid {max-width: 100%;height: auto;}


/*ME*/
.header-title{color:#e06913;font-family: 'Oswald', sans-serif;}
.navbar{background-color:#333}
.navbar-brand{padding:0px}
.navbar-brand img{z-index:101;position:relative}

.col-md-4 h3{color:#e06913 !important;font-weight:700}
.navbar-inverse .navbar-nav>li>a{color:#fff}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus{
color: #e06913;
background-color:inherit}
.navbar>.container .navbar-brand{margin-left:0}

.home-main h1{margin-top:0;font-size:33px}
.home-main ul{font-size:17px;line-height:2em;margin-bottom:10px}
.welcome{margin:0;font-weight:bold}
i{color:#26478E}


.jumbotron h2{padding-top: 10px;}
.jumbotron .info-home{padding-top: 40px;padding-bottom:20px;font-size: 16px}
.jumbotron .header-img{display:none;float:right;width:100%;border:2px solid #333}
.home-info .col-md-4{border-bottom:1px solid #eee}
.home-info .last-col{border-right:0 !important}
.home-info h3{font-family: 'Oswald', sans-serif;}
/*jumbotron*/
@media (min-width: 768px) {
.jumbotron h2{padding-top: 20px;}
.jumbotron .info-home{padding-top: 18px;padding-bottom:20px;font-size: 22px}
.jumbotron .header-img{display:none !important}
.home-info .col-md-4{border-bottom:1px solid #eee}
}

@media (min-width: 992px) {
  .jumbotron h2{padding-top: 8px;}
  .jumbotron .info-home{padding-top: 18px;padding-bottom:20px;font-size: 22px}
  .jumbotron .header-img{display:block !important}
  .home-info .col-md-4{border-right:1px solid #eee;border-bottom:0 !important}
    .home-info .last-col{border-right:0 !important}
}

@media (min-width: 1200px) {
  .jumbotron h2{padding-top: 20px;}
  .jumbotron .info-home{padding-top: 76px;font-size: 22px}
  .jumbotron .header-img{display:block !important}
  .home-info .col-md-4{border-right:1px solid #eee;border-bottom:0 !important}
  .home-info .last-col{border-right:0 !important}
}


@media (max-width: 460px) {
  .navbar-brand {max-width:75% !important}
  .navbar-brand img{max-width:110% !important;padding-top:10px}

}

/*text*/
.jumbotron {
padding:51px 0 0;
font-weight:400;
line-height:0;
background-color: #eee;}
.jumbotron p{margin:0;}
.jumbotron a{text-decoration:underline}
.jumbotron .img-header{margin-right: auto;
margin-left: auto;
width: 100%;
display:none}
.jumbotron .col-md-7{padding:0;}
.navbar-nav.navbar-right:last-child {
margin-right: 0px;
}

footer {width: 100%;background-color:#333;color:#fff}
footer p{margin:0;font-size:11px;font-weight:700}
@media (min-width: 768px) {
  footer {width: 750px;}
}

@media (min-width: 992px) {
  footer {width: 970px;}
}

@media (min-width: 1200px) {
  footer {width:1170px;}
}

footer {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
width:100%
}

.content-photos, .content-info, .content-services{padding-top:60px}
.content-photos img{width:100%}
.content-info .col-md-7{background-color:#eee}
.content-info h1{font-family: 'Oswald', sans-serif;color:#e06913 !important}

.content-services h2{font-size:21px;text-transform:uppercase;font-family: 'Oswald', sans-serif;color:#e06913 !important}
.content-services img{max-height: 256px;}