/*************************
*******Typography******
**************************/
/* @import url(https://fonts.googleapis.com/css?family=Roboto:400,300,400italic,500,700,100);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,800,300,600,700);
@import url(https://fonts.googleapis.com/css?family=Abel);
@import url("https://hello.myfonts.net/count/3115e2"); */
@font-face {
  font-family: Memphis-Med;
  src: url(webfonts/3115E2_0_0.eot);
  src: url(webfonts/3115E2_0_0.eot?#iefix) format('embedded-opentype'), url(webfonts/3115E2_0_0.woff2) format('woff2'), url(webfonts/3115E2_0_0.woff) format('woff'), url(webfonts/3115E2_0_0.ttf) format('truetype')
}

h1, h2, h3, h4 {
  font-family: 'Memphis-Med', Arial;
  font-weight: 300;
  color: #ec694a;
  }

.arrow {
width: 300vw;
max-width: 400vw;
position: relative;
margin-left: -215vw
}

.uk-button-primary:focus, .uk-button-primary:hover, .uk-button-primary, .uk-button-primary  {
background: #ec694a;
}


li > div {
background: #fff;
padding: 10px;

}

#twelveextras {
transform: scale(.8);

}



body {
width: 100vw !important;
overflow-x: hidden !important;
}

#circlebackground {
z-index: -1;
top:0 !important;
left:30px !important;
position: absolute !important;
width: 150% !important;
max-width: 4000px
}

#factscontainer {
height: 300px;
width: 300px;
display: inline-flex;
justify-content: center;
align-items: center;


}

::-moz-selection {
background: none !important;
}

::selection {
background: none !important;
}

* {
outline: none !important
}

#logo {
margin-left: 20px
}

.closeups {
width: 200px;
margin-top: -20px
}

.demoaf, .closeups  {
  width: 287px;
  margin-top: -20px;
  margin-left: -2px;
  width: 273px;
      margin-top: -18px;
      margin-left: -1px;
}

#shopbutton {
/* margin-top: 50px */
position: -webkit-sticky;
position: sticky;
bottom:30px;
}

button a, button a:hover {
color: #fff;
}

h2 {
font-size: 1.2rem;
color: #666
}

#slideshowcontainer {
  height: 310px;
  margin-top: 30px !important;
  width: 100vw;
  overflow: hidden !important;
}

.uk-slidenav-large {margin-top: -25px !important}

#background {
position: fixed;
top:0;
left: 0;
width: 100vw;
height: 100vh;
z-index: -2;
opacity: .7
}