/* CSS Document */
/*Table Of Contents
	1) Navigation
	2) Header
	3) About
	4) Contact
	5) Portfolio
	6) Body
	7) Footer
*/
/*----------------6) BODY ----------------*/
body{
	background-image:url(../img/white_wall_hash.png);
	background-repeat:repeat;
	font-family: "Montserrat light","Helvetica Neue",Helvetica,Arial,sans-serif;
}
 .btn-xl{
	background-color: #F36B24;
	border-color: #F36B24;
	border-radius: 50px;
 }
/*----------1) Navigation--------------*/
.navbar-default .navbar-brand{
	font-family: "Montserrat Hairline","Helvetica Neue",Helvetica,Arial,sans-serif;
}
.navbar-default .nav li a{
	font-family: "Montserrat light","Helvetica Neue",Helvetica,Arial,sans-serif;
}
.navbar-brand>img{
	display: inline;
}
.navbar-default.navbar-shrink{
	background-color: #064C3F;
	visibility: visible;
}
.navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
	background-color: #F36B24;
}
.navbar-default .navbar-nav>.active>a {
	background-color: #F36B24;
	border-radius: 50px;
}
.navbar-default .navbar-toggle, .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:active{
	background-color: #F36B24;
	border-color: #F36B24;
}

@media (min-width: 768px){
.navbar-default .navbar-brand{
	-webkit-transition: none;
	transition: none;
}
}
.navbar-default{
	visibility:hidden;
}
/*---------- 2) Header ---------------*/
@media (min-width: 0px){
header{
	color: #064C3F;
}
header .intro-text .intro-lead-in {
	font-size: 12.5vw;
	font-family: "Montserrat hairline","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-style: normal;
	margin-left: -10px;
}
header .intro-text  {
	text-align: left;
	padding-bottom: 0;
	margin-bottom: 250px;
	font-family: "Montserrat hairline","Helvetica Neue",Helvetica,Arial,sans-serif;
}
header .intro-text .intro-heading{
	font-family: "Montserrat light","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 6vw;
	line-height: normal;
	text-transform: none;
}

header .btn-xl{
	background-color: #F36B24;
	border-color: #F36B24;
	border-radius: 50px;
}
.btn-xl:hover{
	background-color: #F36B24;
	border-color: #F36B24;
}
header img{
	visibility: hidden;
	width: 100%;
	position: relative;
	margin: 0 auto;
	padding-bottom: 10px;
}
}

@media (min-width: 900px){
header{
	color: #064C3F;
}
header .intro-text .intro-lead-in {
	font-size: 9vw;
	font-family: "Montserrat hairline","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-style: normal;
	margin-left: -15px;
}
header .intro-text  {
	text-align: left;
	padding-bottom: 0;
	margin-bottom: 250px;
	font-family: "Montserrat hairline","Helvetica Neue",Helvetica,Arial,sans-serif;
	padding-top: 100px;
}
header .intro-text .intro-heading{
	font-family: "Montserrat light","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 2vw;
	line-height: normal;
	padding-top: 40px;
	text-transform: none;
}

header .btn-xl{
	background-color: #F36B24;
	border-color: #F36B24;
	border-radius: 50px;
	position: relative;
	top: 17vw;
}
.btn-xl:hover{
	background-color: #F36B24;
	border-color: #F36B24;
}
header img{
	visibility: visible;
	width: 50vw;
	left: 450px;
	bottom: 450px;
}
}

/*--------------4) Contact --------------*/

section#contact{
	background-color: #064C3F;
	background-image: none;
}
section#contact{
	margin-top: -100px;
}
.form-control{
	background-color: #064C3F;
	border: none;
	color: #F57F20;
	-webkit-box-shadow: none;
	box-shadow: none;
	border-bottom: 2px solid #F36B24;
}
section#contact .form-group textarea.form-control{
	height: 62px;
	overflow: hidden;
}
section#contact .btn-xl{
	margin-top: 50px;
}
section h2.section-heading{
	margin-top: 50px;
	margin-bottom: 50px;
}
section#contact h6{
	text-transform: none;
	color: #fed136;
	margin-top: -50px;
}
section#contact .placeholder{
	color: #fed136;
}
/*--------------5) Portfolio --------------*/
.lang-icon{
	height: 50px;
	display: inline-block;
	margin: 10px auto;
	overflow: hidden;
}
.modal-body p{
	text-transform: none;
}
#portfolio .section-heading{
	margin-top: -40px;
}
#portfolio .portfolio-item .portfolio-link .portfolio-hover{
	background: rgba(6, 76, 63, 0.56);
}
#portfolio .portfolio-item .portfolio-caption{
	padding: 0px;
}
#portfolio .portfolio-item{
	height: 300px;
	overflow: hidden;
}
.modal-body .btn-primary{
	background-color: #F36B24;
	border-color: #F36B24;
	border-radius: 50px;
	margin: 10px;
}
.modal-body .green{
	background-color: #064C3F;
	border-color: #064C3F;
	color: #fed136;
}
.modal-body {
	color: #064C3F;
}
.modal-body a{
	color: #F36B24;
	text-transform: uppercase;
}

/*----------------7) FOOTER ----------------*/
footer{
	color: #064C3F;
}
ul.social-buttons li a:hover{
	background-color: #F36B24;
}