@charset "utf-8";
.vh100 {
	height: 100vh
}
@media screen and (min-width: 992px) {
  .navbar .container{
    flex-direction: column;
  }
}
.logo {
    display: block;
    height: auto;
    width: 250px;
}

.border-6 {
    border-width:6px !important;
}
.sticky-offset {
    top: 188px;
}
.pic-frame{
    height: 200px;
    width: 200px;	
}
.circle {
    background: #00ADBB;
    border-radius: 200px;
    height: 200px;  
    width: 200px;
	
}
.circle h3 {
    border-radius: 200px;
    height: 200px;
    width: 200px;
	vertical-align: middle;
    display: table-cell;
}
body {
    font-family: brandon-grotesque, sans-serif;
    font-size: large;
}
h1, h2, h3, h4, h5 {
    font-family: brandon-grotesque, sans-serif;
    font-weight: 700;
    line-height: 120%;
}
.crop {
		width:380px;
		height:380px;
		object-fit: cover;	
}
.crop-left {
		width:380px;
		height:380px;
		object-fit: cover;
		object-position: 80%
}
.crop-center {
    width: 380px;
    height: 380px;
    object-position: 50%;
    background-color: #EFF0F1;
}
/* Override bootstrap column paddings */
.tz-gallery .row > div {
    padding: 2px;
}

.tz-gallery .lightbox img {
    width: 100%;
    border-radius: 0;
    position: relative;
}

.tz-gallery .lightbox:before {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -13px;
    margin-left: -13px;
    opacity: 0;
    color: #fff;
    font-size: 26px;
    font-family: 'Font Awesome 5 Free';
	font-weight:900;
    content: '\f00e';
    pointer-events: none;
    z-index: 9000;
    transition: 0.4s;
}


.tz-gallery .lightbox:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background-color: rgba(0, 173, 187, 0.7);
    content: '';
    transition: 0.4s;
}

.tz-gallery .lightbox:hover:after,
.tz-gallery .lightbox:hover:before {
    opacity: 1;
}

.baguetteBox-button {
    background-color: transparent !important;
}