body {
  font-family: 'Open Sans', sans-serif;
  padding-top: 54px;
  color: #868e96;
    background-color: #f8f9fa!important;
}
hr { 
     display: block;
       position: relative;
       padding: 0;
       margin: 8px auto;
       height: 0;
       width: 100%;
       max-height: 0;
       font-size: 1px;
       line-height: 0;
       clear: both;
       border: none;
}
.row p, .row li, .restricted{
    max-width: 700px;
       clear: both;
}
.container{
    padding: 0 4rem;
}
.push-right{
    margin: auto;
}
.gradientButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
	background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);
	background-color:#f9f9f9;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#666666;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
}
.gradientButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9));
	background:-moz-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-webkit-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-o-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-ms-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9',GradientType=0);
	background-color:#e9e9e9;
	text-decoration: none;
	color:#666666;
	cursor: pointer !important;
}
.gradientButton:active {
	position:relative;
	top:1px;
}
.onum{
    font-feature-settings: "onum";
    display:inline;
}
ul{
    margin-top: 1rem;
}
.side-note, .side-note2{
    font-size: .9em;
    font-weight: 500;
}
.side-note2{
    margin-left: 1rem;
}
#div8 img{
    width: 100%;
    object-fit: cover;
}
#copyright{
    margin-top:0;
}
.special-br{
        display: none;
    } 
.social-buttons{
    margin:2em 0 2em 0;
}
#snack{
    border-left: 1em #343a40 solid;
    padding-right: 1em;
}
.coupon, .coupon1{
    width:46%;
}
.coupon1{
    margin-right: 6%;
}
.descriptions{
    width: 100% !important; 
}
.mySlides{
    position: absolute;
    object-fit: cover;
}
.emoji, .emoji2{
    width:1em;
    margin-bottom: 0;
    margin-left: -1rem;
}
.emoji2{
    margin-left: auto;
}
.text-md-right{
    margin: 0 2em 0 0;
}
.slideshow-btn{
display:inline-block;
text-align:center;
position:relative;
z-index:1;
width:1.75em;
height:1.75em;
    border-radius: 100%;
    background-color: #343a40;
    background-color: #f8f9fa;
    background-color: rgba(255,255,255,.5);
    color:#343a40 !important;
    margin:1em;
cursor:pointer;
font-size:24px;
line-height:40px;
-webkit-transition:background-color .25s,color .15s,box-shadow .25s,opacity 0.25s,filter 0.25s,border 0.15s;transition:background-color .25s,color .15s,box-shadow .15s,opacity .25s,filter .25s,border .15s;
}
.slideshow-btn:active{
  outline:none;
}
.slideshow-btn:hover{
    box-shadow:0px 0px 8px #343a40;
    text-decoration: none;
}
.slideshow-btn-left{
position:absolute;
top:40%;
left:0%;
transform:translate(0%,-50%);
-ms-transform:translate(-0%,-50%);
}
.slideshow-btn-right{
position:absolute;
top:40%;
right:0%;
transform:translate(0%,-50%);
-ms-transform:translate(0%,-50%)
}
.slider{
  position: inherit;
    padding-bottom:66.66%;
    overflow: hidden;
    background:#EEE;
}
.slide-container{
    position:relative;
    -moz-box-shadow: 0px 0px 10px rgba(68, 68, 68, 0.1);
  -webkit-box-shadow: 0px 0px 10px rgba(68, 68, 68, 0.1);
  box-shadow: 0px 0px 10px rgba(68, 68, 68, 0.1);
}
@media (min-width: 992px) {
  body {
    padding-top: 0;
    padding-left: 17rem;
  }
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Saira Extra Condensed', sans-serif;
  font-weight: 700;
  color: #343a40;
}
.portfolio-caption{
    background-color: white;
    padding: 2rem;
    margin-bottom: 2em;
    font-size: 1em;
}
#snack{
    background-color: white;
    padding: 2rem;
    margin-bottom: 2em;
    font-size: 1em;
    -moz-box-shadow: 0px 0px 10px rgba(68, 68, 68, 0.1);
  -webkit-box-shadow: 0px 0px 10px rgba(68, 68, 68, 0.1);
  box-shadow: 0px 0px 10px rgba(68, 68, 68, 0.1);
    }
#snacklist{
    display: block;
    margin: auto;
}
.mb-subtitle{
    margin-top: -1.5rem !important;
    margin-bottom: 3rem;
}
h1 {
  font-size: 3rem;
  line-height: 3.5rem;
}

h2 {
  font-size: 3.5rem;
}

.subheading {
  text-transform: uppercase;
  font-weight: 500;
  font-family: 'Saira Extra Condensed', sans-serif;
  font-size: 1.35rem;
}

.list-social-icons a {
  color: #495057;
}

.list-social-icons a:hover {
  color: #BD5D38;
}

.list-social-icons a .fa-lg {
  font-size: 1.75rem;
}

.list-icons {
  font-size: 3rem;
}

.list-icons .list-inline-item i:hover {
  color: #BD5D38;
}

#sideNav .navbar-nav .nav-item .nav-link {
  font-weight: 600;
  text-transform: uppercase;
  text-align: right;
}
#headerimg{
    background: url(../img/dimples.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    min-height: 65vh;
    border-bottom: none;
}
#hours{
    min-height: 40vh;
}
#notification{
    min-height: 15vh;
    background-color: #ebebeb;
}
#coupons, #info{min-height: 50vh;}
li button{
    margin: .5em 2em .5em 0;
}
.text-primary{
    margin: 0 2rem 0 0;
}
@media (min-width: 992px) {
    #sideNav .navbar-nav .nav-item .nav-link {
         text-align: center;
    }

  #sideNav {
    text-align: center;
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    width: 17rem;
    height: 100vh;
  }
  #sideNav .navbar-brand {
    display: flex;
    margin: auto auto 0;
    padding: 0.5rem;
  }
  #sideNav .navbar-brand .img-profile {
    max-width: 10rem;
    max-height: 10rem;
    border: 0.5rem solid rgba(255, 255, 255, 0.2);
  }
  #sideNav .navbar-collapse {
    display: flex;
    align-items: flex-start;
    flex-grow: 0;
    width: 100%;
    margin-bottom: auto;
  }
  #sideNav .navbar-collapse .navbar-nav {
    flex-direction: column;
    width: 100%;
      
  }
  #sideNav .navbar-collapse .navbar-nav .nav-item {
    display: block;
  }
  #sideNav .navbar-collapse .navbar-nav .nav-item .nav-link {
    display: block;
  }
}
 
section.resume-section {
  border-bottom: 1px solid #dee2e6;
  padding-top: 5rem !important;
  padding-bottom: 5rem !important;
}

section.resume-section .resume-item .resume-date {
  min-width: none;
}

@media (min-width: 768px) {
  section.resume-section {
    min-height: 100vh;
  }
  section.resume-section .resume-item .resume-date {
    min-width: 18rem;
  }
    #experience, #skills{
         padding-left: 3rem !important;
    }
}
@media (max-width: 770px){
    .col-sm-6{
        flex:none;
        max-width: inherit;
    }   
    .text-primary{
        margin: 0 0rem;
    }
    .emoji, .emoji2{
        margin-bottom: .5em;
        margin-left: auto;
    }
    #copyright{
        margin-top:3em;
    }
    .push-right{
        margin: 0 .8rem !important;
    }
    
}
@media (max-width: 1400px){
    .container{
    padding: 0 3rem;
    }
}
@media (max-width: 1300px){
    .container{
    padding: 0 1.5rem;
    }
    #snack{
        font-size: .8em;}
}
@media (max-width: 580px){
    
    #snack{
        padding: 1rem;
    }
    
}

@media (max-width: 1400px){
    .special-br{
        display: block;
    }
}

@media (min-width: 992px) {
  section.resume-section {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
    
}

.bg-primary {
  background-color: #00795d !important;
}

.text-primary {
  font-size: 3em;
  line-height: 1em;
}

a {
  color: #343a40;
}

a:hover, a:focus, a:active {
  color: #343a40;
}
.border2 {border: .2rem solid rgba(255, 255, 255, 0.2);}
ul{
    padding-left: 0;
    list-style: none;
}
img {
	opacity: 1;
	transition: opacity 0.3s;
}

img[data-src] {
	opacity: 0;
}
.row{
    margin: 0 -15px 0 -15px;
}

.text-muted, body{
  color: #6a737b !important; 
}