/*!
 * Start Bootstrap - Scrolling Nav (https://startbootstrap.com/template-overviews/scrolling-nav)
 * Copyright 2013-2019 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-scrolling-nav/blob/master/LICENSE)
 */
header {
  padding: 100px 0 100px;
  background-color: #FFF;
}

.bg-primary{
	background-color: #FFF;
}
#about{
	background-color: #000;
	color: #FFF;
	font-family: 'Open Sans', sans-serif;
}

section {
  padding: 20px 0;
}

footer p{
		font-family: 'Open Sans', sans-serif;
}

footer p.bold{
	font-family: 'Open Sans', sans-serif;
	font-weight: bold;
	font-size: 18px;
}
footer p.small{
	font-family: 'Open Sans', sans-serif;
	font-weight: bold;
	font-size: 12px;
}

#logo {max-width: 90%}
#tel {max-width: 20%}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
 	#logo {max-width: 90%}
 	#tel {max-width: 20%}
    .pt-5, .py-5{padding-top: 1rem!important;}
}
/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {
	#logo {max-width: 80%}
  	#tel {max-width: 20%}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
	#logo {max-width: 60%}
	#tel {max-width: 10%}
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

}