@font-face {
    font-family: 'baskervillenormal';
    src: url('../fonts/baskvl-webfont.woff2') format('woff2'),
         url('../fonts/baskvl-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

html {
	scroll-behavior: smooth;
}
body {
	font-family: 'baskervillenormal', serif;
	color: #f0a796;
}

/* Overrides */
.columns {
	margin-top: 0;
}

.columns:not(:last-child) {
	margin-bottom: 0;
}
*, ::after, ::before {
    box-sizing: initial;
}
.columns a {
	color: #f0a794;
}

.sidebar {
	background-color: #9b4957;
	border-right: 5px solid #f0a796;
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	overflow-x: hidden;
}

.has-image-centered {
	justify-content: center; 
}

#eapps-instagram-feed-1 {
	margin-left: 25%;
}

.arrow {
	display: none;
}

@media only screen and (max-width:768px) {
	.sidebar {
		position: relative;
		border-right: none;
	}
	#eapps-instagram-feed-1 {
		margin-left: 0%;
	}
	.arrow {
		display: initial;
		text-align: center;
		margin: 8% 0;
		color: #fff;
	}
	.fa {
		color: #f0a796;
	}
	.bounce {
		-moz-animation: bounce 2s infinite;
		-webkit-animation: bounce 2s infinite;
		animation: bounce 2s infinite;
	}
	@keyframes bounce {
	  0%, 20%, 50%, 80%, 100% {
	    transform: translateY(0);
	  }
	  40% {
	    transform: translateY(-30px);
	  }
	  60% {
	    transform: translateY(-15px);
	  }
	}
}