@font-face {
  font-family: Storybook;
  src: url(../css/Storybook.ttf);
}
@font-face {
  font-family: "Avenir95Black";
  src: url('webFonts/Avenir95Black/font.woff2') format('woff2'), url('webFonts/Avenir95Black/font.woff') format('woff');
}
@font-face {
  font-family: "Avenir65Medium";
  src: url('webFonts/Avenir65Medium/font.woff2') format('woff2'), url('webFonts/Avenir65Medium/font.woff') format('woff');
}


* {
	 box-sizing: border-box;
}

body {
  transition: background-color 1s ease;
  background-color: #c3a7e2;
  font-family: Avenir65Medium, sans-serif;
}

section {
  
}

img {
	max-width: 100%;
}
a {
	color: #a3c6d4;
	text-decoration: none;
}

.header {
  backdrop-filter: blur(4px);
  background-color: rgba(0,0,0,.2);
}

.bg-coffee {
  background-image: url(../images/coffee-bg.jpg);
  background-attachment: fixed;
  background-size: 100% 100%;
}
.display-4 {
  font-family: Storybook,sans-serif;
}

/* ticker */
.marquee3k {
	overflow: hidden;
	background-color: #a3c6d4;
	color: #fff;
}
.marquee3k__copy {
  padding-right: 30px;
  box-sizing: border-box;
}

/* text path */
#text-path {
  fill: #a3c6d4;
  font-size: 7rem;
	font-family: Storybook,sans-serif;
}
#text-path-bottom {
  fill: pink;
  font-size: 7rem;
	font-family: Storybook,sans-serif;
}

h1, .h2, .h5 {
	font-family: Storybook,sans-serif;
}
h2 {
  font-family: Avenir65Medium, sans-serif;
  color: #512c6e;
}
h4 {
  font-family: "Avenir95Black";
	font-family: Storybook,sans-serif;
}
h2 a {
  font-family: "Avenir95Black";
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #512c6e;
  text-stroke-width: 1px;
  text-stroke-color: #512c6e;
  border-bottom: 1px solid #512c6e;
}
h2 a:hover {
  color: #512c6e;
}
.font-black {
  font-family: "Avenir95Black";
}
.btn {
	border-radius: 0;
	padding: .75rem 2rem;
  font-family: Avenir65Medium, sans-serif;
  letter-spacing: 2px;
}
.btn-primary {
	background-color: #a3c6d4;
	color: #fff;
	border-color: #c3a7e2;
}
.btn-primary:hover {
	background-color: #c3a7e2;
	color: #fff;
	border-color: #a3c6d4;
}
.btn-secondary {
	background-color: #c3a7e2;
	border-color: #a3c6d4;
	font-size: .8rem;
}

.card {
	border: 0;
}

/* pops */
.animate {
	position: relative;
}

.animate.scale {
  opacity: 1;
  transform: scale(0);
}
@keyframes scale {
  0% {
    transform: scale(0, 0); }

  10% {
    transform: scale(0.5, 0.5); }

  30% {
    transform: scale(1.05, 0.95); }

  40% {
    transform: scale(0.95, 1.05); }

  60% {
    transform: scale(1, 1); }

  100% {
    transform: scale(1, 1); } }

.animate.scale.animated {
  -webkit-animation-name: scale;
  animation-name: scale;
  -webkit-animation-timing-function: cubic-bezier(.28,.84,.42,1);
  animation-timing-function: cubic-bezier(.28,.84,.42,1);
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  transform: scale(1);
  -webkit-transform: scale(1);
  transform-origin: center;
}

@media(max-width:  768px) {
  .bg-coffee {
    background-attachment: scroll;
    background-size: cover;
  }
}