body,h1,h2,h3,h4,h5,h6 {
	font-family: "Lato", sans-serif;
}

body, html {
    height: 100%;
    color: #777;
    line-height: 1.8;
}

.mode { 
 float:right; 
 margin-top: 20px;
 margin-right: 20px;
}

.btn-danger {
  margin-left: 20px;
} 

.dark {
  background-color: #191919;
  color: white;
}

/*Navbar Styles*/
.w3-navbar { 
  color: #000; 
}

.w3-navbar.w3-animate-top { 
  color: #444; 
}

.w3-navbar li a {
  color: #ffb300;
}

.w3-navbar li a:hover { 
  background-color: rgba(0,0,0,0.2); 
  color: #fff;
}

/* Parallax Effect */
.bgimg-1, .bgimg-2, .bgimg-3 {
    opacity: 0.7;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.bgimg-1 {
    background-image: url('images/jumbotron.jpg');
    min-height: 100%;
}

.bgimg-2 {
    background-image: url("images/portfolio.jpg");
    min-height: 400px;
}

.bgimg-3 {
    background-image: url("images/contact.jpg");
    min-height: 400px;
}

.w3-wide {
  letter-spacing: 10px;
}

.w3-hover-opacity {
  cursor: pointer;
}

#googleMap {
    width: 100%;
    height: 400px;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
}

@media only screen and (max-width: 1024px) {
    .bgimg-1, .bgimg-2, .bgimg-3 {
        background-attachment: scroll;
    }
}

#about {
  font-family: 'Unna', serif;
  font-size: 1.6em;
}

/* Clearfix Hack */
.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}

/* Social Media Icons */
.w3-half > a {
  text-decoration: none;
}

i.fa {
  padding-top: .2em;
  padding-left: .5em;
  padding-right: .5em;
  taransition: color 1s;
}

.fa-fire:hover {
  color: #4a4;
}

.fa-facebook:hover {
  color: #04a;
}

#profile { 
  vertical-align: middle; 
}