html { background-color: #F8F9FA;}
main { background-color: transparent; }
body {font-family: 'Outfit', sans-serif; color: #444; font-size: 17px; font-weight:300; }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {  color: #3F4254; font-weight: 600; margin-bottom: 1rem;}
.shadow { box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; }
i { color: #81B2AA; }
.border-bottom { border-bottom: 2px solid #81B2AA !important; }
.border-top { border-top: 2px solid #81B2AA !important; }
.btn i { color: inherit;}
@keyframes wiggle {
    0% { transform: rotate(0deg); }
   80% { transform: rotate(0deg); }
   85% { transform: rotate(2.5deg); }
   95% { transform: rotate(-2.5deg); }
  100% { transform: rotate(0deg); }
}
.navbar-toggler { border-color: #81B2AA; background-color: transparent; border-radius: 0; padding: 3px 8px; }
.navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(129,178,170, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"); }
 
.table { font-size: 16px; }


.nav-link { font-weight: bold !important; }

.bg-brand { background-color: #81B2AA}

a.wiggle {
  display: inline-block;
  animation: wiggle 2.5s infinite;
}

a.wiggle:hover {
  animation: none;
}


img.gallery {
	border: 8px solid white;
	-webkit-filter: brightness(110%);
}
img.gallery:hover {
	border: 8px solid #81B2AA;
	-webkit-filter: brightness(100%);
}

@media (min-width: 375px)
{
}

@media (min-width: 420px)
{
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px)
{
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px)
{
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px)
{
	.navbar-brand { margin-right: 15px; }
}

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