@font-face {
  font-family: "Montserrat";
  src: url("/fonts/Montserrat-Medium.ttf") format("truetype");
  font-weight: 500; }

@font-face {
  font-family: "Montserrat";
  src: url("/fonts/Montserrat-MediumItalic.ttf") format("truetype");
  font-weight: 500;
  font-style: italic; }

@font-face {
  font-family: "Montserrat";
  src: url("/fonts/Montserrat-SemiBold.ttf") format("truetype");
  font-weight: 600; }

@font-face {
  font-family: "Montserrat";
  src: url("/fonts/Montserrat-SemiBoldItalic.ttf") format("truetype");
  font-weight: 600;
  font-style: italic; }

@font-face {
  font-family: "Montserrat";
  src: url("/fonts/Montserrat-Bold.ttf") format("truetype");
  font-weight: 700; }

@font-face {
  font-family: "Montserrat";
  src: url("/fonts/Montserrat-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic; }

#feature {
  height: 100%; }
  #feature #outer_wrapper.size_728x90 {
    width: 726px;
    height: 88px; }
  #feature .screen.size_728x90 {
    width: 728px;
    height: 90px; }
  #feature #outer_wrapper.size_300x250 {
    width: 298px;
    height: 248px; }
  #feature .screen.size_300x250 {
    width: 300px;
    height: 250px; }
  #feature .screen.size_square, #feature #outer_wrapper.size_square {
    width: 100%;
    height: 100%; }
  #feature #outer_wrapper {
    border: 1px solid #ece7e9;
    position: relative;
    overflow: hidden; }
  #feature .screen {
    position: absolute;
    top: 0px;
    left: 0px; }
  #feature #copy_holder {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: auto;
    text-align: center; }
    #feature #copy_holder h1 {
      position: relative;
      z-index: 1;
      font-family: Montserrat, sans-serif;
      font-size: 1.6rem;
      font-weight: 800;
      text-transform: uppercase; }
  #feature .background {
    background-color: #fcfffc; }
  #feature #copy_holder {
    position: absolute;
    text-align: center;
    width: 100%; }
  #feature #cta {
    position: relative;
    z-index: 10;
    display: inline-block;
    background-color: #ff0581;
    color: white;
    font-family: Montserrat, sans-serif;
    padding: 10px 12px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 0.9rem;
    border: none;
    transition-duration: .2s;
    transition-property: all; }
  #feature img {
    max-width: initial;
    min-width: initial;
    max-height: initial;
    min-height: initial; }
  #feature .bounce {
    animation-name: bounce;
    animation-duration: 1s;
    animation-fill-mode: both; }

@keyframes bounce {
  0%, 20%, 30%, 60%, 100% {
    transform: translateY(0); }
  20% {
    transform: translateY(-8px); }
  40% {
    transform: translateY(-4px); } }