/* Your custom css code goes here */
.probootstrap-section{padding: 3rem 0;}
.probootstrap-header{background: linear-gradient(to right,#ffffff 0, #e0e6eb 100%);}
.probootstrap-logo{color: #000000; font-weight: 300;}
.probootstrap-logo:hover{color: #113c19;}
.probootstrap-logo:focus{color: #113c19;}
.probootstrap-intro{height: auto;}
.probootstrap-intro .probootstrap-scroll-down{color: #000000;}
.probootstrap-intro h1{color: #000000;}
.probootstrap-intro h2{color: #000000; line-height: 1.4; font-size: 2em;}
.probootstrap-intro:before{background:linear-gradient(to right,#ffffff 0, #e0e6eb 100%); opacity: 1;}
.probootstrap-section.probootstrap-section-colored{background: #113c19;}
.probootstrap-footer{padding: 1em 0 2em;}
.probootstrap-intro .probootstrap-subtitle {max-width: 100%;}
.probootstrap-intro .probootstrap-subtitle h2{color: #000000;}
.probootstrap-main-nav li a{color: #000000;}
.probootstrap-burger-menu i{color: #000000;}
.visible-xs .probootstrap-main-nav{margin-top: 0;}
.visible-xs .probootstrap-main-nav li{padding-left: 0; margin-bottom: 40px;}
.visible-xs .probootstrap-main-nav li a{color: #ffffff;}
@media screen and (max-width: 768px){
	.probootstrap-intro h1{font-size: 3.25em;}
	.probootstrap-intro h2{font-size: 1.75em;}
}
.contact-section{text-align: center;}
.contact-section h3{color: #fff;}
.contact-section .contact-icon{color: #fff; font-size:4rem;}
.about-img{border-radius: 49.9%; opacity: 0.8; margin:0 7.5rem; width: 50%; object-fit:cover; object-position:top;}
.sidebar{position: relative; padding-top: 2rem;}
@media screen and (min-width: 992px){
	.sidebar{position: sticky; top: 0;}
	.about-img{width: 100%; margin: 0;}
}
.mt-4{margin-top: 2.5rem;}
.img-center{display:inline-block;}
.img-border{border: 1px solid #ccc;}
.img-row{display: flex; justify-content: space-between; margin-bottom: 1.3em;}
.getty-img{border: 1px solid #ccc; width: 97%;}
.dc-img{width: 97%;}
.w-25{width: 25%; margin: 0 auto;}
.w-50{width: 50%; margin: 0 auto;}
.w-75{width: 75%; margin: 0 auto;}