/* Background color of nav bar. I used the dark version of the nav-bar because I wanted to have a colored-toggle with white lines vs. a white toggle with dark lines. You could change this if you want.*/
.bg-dark {
	background-color: white !important;
}
 
/* Nav link color, size and weight. You could also link a new font family here.*/
.navbar-dark .navbar-nav .nav-link {
  color: darkgrey;
  font-family: 'Dosis', sans-serif;
  font-size: 18px;
  font-weight: 200;
}
 
/* Hover color for nav links*/
.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
color: gray;
}
 
/* Background color of toggler*/
.navbar-toggler {
	background-color: darkgrey;
}
 
 
/* contact form*/
 
.contact-heading{
	font-size:30px;
  font-family: 'Dosis', sans-serif;
	color:darkgrey;
 
}
 
.contact-form{
	padding:15px;
  font-family: 'Dosis', sans-serif;
 
}
 
.contact-form > form > span{
	font-size:20px;
  font-family: 'Dosis', sans-serif;
	font-weight:bold;
	padding:10px;
}
 
 
.contact-input{
	font-size:18px;
	color:#151515;
	padding:25px;
	border:1px solid grey;
	background-color:transparent;
	width:100%;
	height:20px;
	margin-bottom:20px;
	border-radius:3px;
	transition:all 1s ease;
	-webkit-transition:all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
}
.contact-input:focus{
	background-color:#636363;
	color:#fff;
}
.txt-area{
	padding:10px;
	font-size:18px;
	float:left;
width: 100%;
min-height: 75px;
outline: none;
resize:vertical;
border-radius:3px;
border: 1px solid #636363;
background-color:transparent;
transition:all 1s ease;
	-webkit-transition:all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
}
 
.txt-area:focus{
	background-color:#636363;
	color:#fff;
}
 
.btn-send{
	background-color:#636363;
	color:#fff;
	border:3px solid transparent;
  font-family: 'Dosis', sans-serif;
	font-size:30px;
	text-align:center;
	padding:20px;
	border-radius:2px;
	margin-top:  45%;
		transition:all 1s ease;
	-webkit-transition:all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
}
.btn-send:hover{
	background-color:transparent;
	color:darkslategrey;
	border-color:darkslategrey;
}
.contact-sec{
	padding-top:8%;
	padding-bottom:8%;
}
  
  /* footer*/
 
@import url(http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css);
.bg-lightgray
{
    background-color:gainsboro;
  font-family: 'Dosis', sans-serif;
  font-size: 12px;
  color:darkslategrey;
}