@font-face {
    font-family: GearedSlab;
    src: url(../fonts/GearedSlab.ttf);
}
body {
    background-color:#212121;
    font-family: GearedSlab;
    cursor:default;
}

p, li {
    font-size:18px;
}
.mobile-toggle {
    display:none;
    position: absolute;
    top: 20px;
    color: white;
    right: 20px;
    font-size: 25px;
}

.instagram {
    overflow: hidden;
}

.embedsocial-hashtag {
    margin-top: -90px;
}

.mobile-active{
    width:300px;
    background-color:#6d6d6d
}

.mint-d {
    font-size:0.9rem;
    opacity:0.1;
    transition:opacity 0.3s;
}

.mint-d:hover {
    opacity:1;
    transition:opacity 0.3s;
}

.navbar-nav {
  width: 100%;
  text-align: center;
}
.navbar-nav > li {
  float: none;
  display: inline-block;
}

.navbar-default {
    background-color: #212121;
    border:none;
}

#intro {
    background-color:#212121;
    height:100vh;
}

#intro img {
    width:200px;
    position:relative;
    margin-left: auto;
    display:block;
    margin-right: auto;
    top: 25%;
    -webkit-transform: translateY(30%);
    -moz-transform: translateY(30%);
    -ms-transform: translateY(30%);
    -o-transform: translateY(30%);
    transform: translateY(30%);
}

#intro .icons {
    position:relative;
    margin-left: auto;
    display:block;
    margin-right: auto;
    top: 46%;
    text-align:center;
    font-size:30px;
}

#intro .icons i:hover {
    color:#ecb7b8;
    transition: all 0.5s;
}


#intro .container, #intro .row, #intro .col-sm-12 {
    height:100%;
}

.contact h1 {
    padding:20px 0 0 0 !important;
}


.navbar-default .navbar-nav>li>a {
    color:#ecb7b8;
}

.navbar-nav > li {
    padding:15px;
    font-size:20px;
}


#info {
    text-align: center;
}

#info h1, #social h1 {
    padding: 15px 0;
}

.card {
    box-shadow:0 1px 2px 0px rgba(0, 0, 0, 0), 0 1px 3px 0px rgba(0,0,0,0.14), 0 1px 1px -5px rgba(0, 0, 0, 0);
    border-radius:3px;
    background:white;
    text-align: center;
    margin-left: auto;
    display: block;
    margin-right: auto;
}

.times li {
    list-style:none;
}

.times ul {
    padding:0;
}
.opening .card {
    font-size:28px;
}

.times {
    position:relative;
    top:27%;
}

#instafeed, .circle {
    margin-left: auto;
    display: block;
    margin-right: auto;
}

.circle {
    width:75px;
    height:75px;
    box-shadow:0 1px 2px 0px rgba(0, 0, 0, 0), 0 1px 3px 0px rgba(0,0,0,0.14), 0 1px 1px -5px rgba(0, 0, 0, 0);
    border-radius:100%;
    background:#212121;
    margin-top:20px;
    margin-bottom:20px;
}

.circle i {
    position:relative;
    top:35%;
    font-size:22px;
    color:#ecb7b8;
}
#instafeed img {
    padding: 15px;
    width: 33.3%;
}

#social {
    color:#ecb7b8;
    text-align: center;
}

#intro a {
    color:#5c5c5c;
}

.jumbotron p {
    font-size:18px;
}

.jumbotron {
    background-color:#ecb7b8;
    text-align:center;
    min-height: 602px;
}

.h800 {
    height:800px;
}

.jumbotron h1 {
    font-size:36px;
}

#footer {
    width: 100%;
    display: block;
    text-align: center;
    color: white;
    vertical-align: middle;
    padding: 50px;
}

#footer img {
    width: 60px;
    margin: 10px;
}

.social {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly;
    max-width: 500px;
    text-align: center;
    margin: 0 auto;
}

.social a {
    color:#ecb7b8;
    font-size:50px;
}