@charset "utf-8";
/* CSS Document */
body{
background-color: #f8f9fa !important;
}
 #map {
        height: 400px;  /* The height is 400 pixels */
        width: 100%;  /* The width is the width of the web page */
       }
.main-wrap{
    margin-top: 100px;
    font-size: medium;
	margin-bottom: 100px;
}
.footer-text{
    text-align: center;
    
    font-size: 16px;
    font-weight: 300;
	padding-bottom: 50px;
}
.footer-text a{
color:black;
}
.footer-text h3{font-size: 18px }

.navbar-brand{
	max-width:75%;

}
footer{
margin-bottom: 20px
}

#index-photo{
	width:50%;
	margin-right: 20px
	
}

/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */
 
/* Small devices (tablets, 768px and up) */
@media (min-width: @screen-sm-min) { ... }
 
/* Medium devices (desktops, 992px and up) */
@media (min-width: @screen-md-min) { ... }
 
/* Large devices (large desktops, 1200px and up) */
@media (min-width: @screen-lg-min) { ... }