/* YOUR CUSTOM STYLES */

html,
body,
.view {
    height: 100%;
}

.view {
    background: no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.view.overlay {background:black}

.flex-center {
    color: #fff;
}

#contact .fa {
    font-size: 2.5rem;
    margin-bottom: 1rem;
}

.navbar {
    background-color: transparent;
}

.navbar-dark .navbar-nav .nav-link {
    color: #fff;
}
.scrolling-navbar {
	-webkit-transition: background .5s ease-in-out, padding .5s ease-in-out;
	-moz-transition: background .5s ease-in-out, padding .5s ease-in-out;
	transition: background .5s ease-in-out, padding .5s ease-in-out;
}

.top-nav-collapse {
    background-color: #4285F4;
}

img.brand {float:left; padding-right:1ex; height:32px}


@media (max-width: 768px) {
	.hidden-sm {display:none!important}
	div.photo {height:60vw;}
	.photo-suzanne {width:50vw}
	footer li {padding-top:1em}
}
@media (min-width: 768px) { div.photo {height:25vw;} }
@media (min-width: 992px) { div.photo {height:20vw;} }
@media (min-width: 1200px) { div.photo {height:17vw;} }


@media only screen and (max-width: 768px) {	
	img.brand {float:none; }
    .navbar {
        background-color: #4285F4;
    }
}