#top {
  position: fixed;
  bottom: 4%;
  right: 2%;
  border-radius: 50%;
  opacity: 1;
  display: none;
}

@font-face {
  font-family: 'catchfont';
  src: url('AVENGEANCE HEROIC AVENGER.otf');
}

#catchphrase {
  text-transform: none;
  letter-spacing: 3px;
  color: yellow !important;
  font-family: 'catchfont';
}

#logo{
  width: max(60vw, 30vh);
  height: max(40vh, 20vw);
}

.site-heading {
  margin-bottom: 0px;
}

.statblock {
  margin-top: 10px;
  font-size: 30px;
  font-weight: 500;
}

.statblock>.statcount {
  font-size: 50px;
  margin-bottom: 0px;
/*  color: #11dd11;*/
}

.curved {
  text-align: center;
  padding-bottom: 0px;
  padding-top: 5%;
  margin-top: 0px;
  margin-bottom: 0px;
}

.curved svg {
  display: block;
}

.item-heading, .merch-heading {
  font-family: 'Raleway';
  font-weight: 800;
  font-size: 13vmin;
  text-transform: uppercase;
}

.item-content {
  font-weight: 500;
  font-size: 24px;
}

#curve1 {
  background-image: url(../media/carencure32_teeth_bg.png);
  background-size: cover;
  background-position: center;
  padding-top: 0px;
}
#curve1 .container{
  min-height: min(50vw, 75vh);
}

#logo_div{
  padding-bottom: 7vh;
}

.intro{
  min-height: 40vh;
}

#curve2 {
  background: #db5e04;
}

#curve3 {
  /*background-image: url(../media/staff.jpg);
  background-size: cover;
  background-color: #8f9569;
  background-position: center;
  background-blend-mode: multiply;
  background-position: 30% 0%;
  background-repeat: repeat-x;*/
  background-color: #fffaf1;
  color: #5f3e27;
  padding-top: 0;
}

#curve3>div{
  min-height: 40vh;
}

#curve4 {
  padding-top: 0px;
  background: #11118b;
}

#curve5 {
  display: none;
  background: #ffe599;
  padding-bottom: 5%;
  color: #5f3e27;
  padding-top: 0px;
}

#curve6 {
  background: #6ce6a5;
  color: #033456;
  padding-bottom: 5%;
  padding-top: 0px;
}

#curve6>.container>.row>.rounded > .merch-heading{
  background-image: url(../media/merch_cg4.jfif);
  background-repeat: no-repeat; 
  background-size: cover;
  background-position: center;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-font-smoothing: antialiased;
  background-position: top left;
  animation: merchbg 3s;
  animation-delay: 3s;
  animation-fill-mode: both;
}

i.fab, img.gmaps, img.call, img.gmail,
img.wa, img.contact{
  display: inline-block;
  font-size: 6.5vmin;
  height: 8vmin;
  width: 8vmin;
  background-color: white;
  border-radius: 50%;
  text-align: center;
  line-height: 8vmin;
}
.ig>a>i{
  color: white;
  background: #d6249f;
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
}

@keyframes merchbg {
  100% {background-position: center;}
}

.come-in {
  transform: translateY(150px);
  animation: come-in 0.8s ease forwards;
}

.already-visible {
  transform: translateY(0);
  animation: none;
}

@keyframes come-in {
  to {
    transform: translateY(0);
  }
}

.carousel{
  z-index: 0;
  width: 100%;
  height: 80vh;
}
.carousel a[role="button"]{
  z-index: 1;
  width: 40px;
}

.carousel-inner{
  width: 100%;
  height: 100%;
}

.carousel-item{
  margin-left: 8%;
  width: 84%;
  height: 100%;
  z-index: 1;
}
.carousel-item iframe{
  width: 100%;
  height: 100%;
  z-index: 2;
}
.carousel-item img{
  max-width: 100%;
  max-height: 80vh;
  object-fit: contain;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.carousel-caption h5 span{
  background-color: #000000dd;
}

.carousel-control-prev-icon {
  background-color: #5f3e27;
}
.carousel-control-next-icon {
  background-color: #5f3e27;
}
.carousel-indicators {
  background-color: #5f3e27;
}

#WhoIsDr > p {
  line-height: 1;
}