@charset "UTF-8";
.arrow {
	border: 5px solid;
	border-color: transparent #3B352E #3B352E transparent;
	padding: 8px;
	height: 12px;
	width: 12px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	margin-top: auto;
	margin-top: 8%;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	cursor: pointer;
}
.pulsedown {
	-webkit-transform: translateY(0px);
	transform: translateY(0px);
	-webkit-animation: pulse-down 1s infinite;
	animation: pulse-down 1.5s infinite;
	-webkit-animation-delay: 5s;
	animation-delay: 5s;
	-webkit-animation-timing-function: ease-in;
	animation-timing-function: ease-in;
}
@-webkit-keyframes pulse-down {
	0% {-webkit-transform: translateY(0px); transform: translateY(0px)}
	25% {-webkit-transform: translateY(8px); transform: translateY(8px)}
	50% {-webkit-transform: translateY(0px); transform: translateY(0px)}
	75% {-webkit-transform: translateY(8px); transform: translateY(8px)}
	100% {-webkit-transform: translateY(0px); transform: translateY(0px)}
}
@keyframes pulse-down {
	0% {-webkit-transform: translateY(0px); transform: translateY(0px)}
	25% {-webkit-transform: translateY(8px); transform: translateY(8px)}
	50% {-webkit-transform: translateY(0px); transform: translateY(0px)}
	75% {-webkit-transform: translateY(8px); transform: translateY(8px)}
	100% {-webkit-transform: translateY(0px); transform: translateY(0px)}
}
.grow {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-animation: grow 1s infinite;
	animation: grow 1s infinite;
	-webkit-animation-timing-function: ease-in;
	animation-timing-function: ease-in;
}
@-webkit-keyframes grow {
	0% {-webkit-transform: scale(1); transform: scale(1)}
	50% {-webkit-transform: scale(1.2); transform: scale(1.2)}
	100% {-webkit-transform: scale(1); transform: scale(1)}
}
@keyframes grow {
	0% {-webkit-transform: scale(1); transform: scale(1)}
	50% {-webkit-transform: scale(1.2); transform: scale(1.2)}
	100% {-webkit-transform: scale(1); transform: scale(1)}
}
/* ------------------------- slider ----------------- */
.slider {
	width: 100%;
	margin: 20px auto;
}
.slick-slide {
	margin: 0px 20px;
}
.slick-prev:before,
.slick-next:before {
	color: black;
}
.slick-slide {
	transition: all ease-in-out .3s;
	opacity: .2;
}
.slick-active {
	opacity: .5;
}
.slick-current {
	opacity: 1;
}
/* ------------------------- default styles ---------------- */
.about {
	visibility: hidden;
}
.skills {
	visibility: hidden;
}
.skillsset {
	padding: 10px;
}
.text-indent {
	padding-left: 40px;
}
.number {
	font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
	font-size: 120px;
	font-weight: 600;
	opacity: 0.1;
	z-index: 2;
	position: absolute;
	line-height: 0.9;
	-webkit-transform: translateY(60%);
	transform: translateY(60%);
	margin-top: -25px;
}
.number2 {
	font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
	font-size: 120px;
	font-weight: 600;
	opacity: 0.1;
	z-index: -2;
	float: right;
	right: 15%;
	position: absolute;
	line-height: 0.9;
	-webkit-transform: translateY(45%);
	transform: translateY(45%);
	margin-top: -25px;
}
@media screen and (min-width: 600px) {
	.number {
		-webkit-transform: translate(60%, 60%);
		transform: translate(60%, 60%);
	}
}
/* ------------------------- contact section ----------------- */
.contact {
	background-color: #EDE9E3;
	padding: 30px 20px 20px 20px;
	max-width: 350px;
	color: #A38F85;
	min-height: 300px;
}
button {
	font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
}
.btn-contact {
	width: 200px;
	height: 50px;
	background: -webkit-linear-gradient(left, #D4B2A7 75%, #d3a292 50%);
	padding: 0px;
	margin-top: 10%;
	font-size: 25px;
	border: none;
}
/* ---------------------------- Icon Pulse ------------------------ */
@-webkit-keyframes hvr-icon-pulse {
  25% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  75% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}
@keyframes hvr-icon-pulse {
  25% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  75% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}
button:link, button:active, button:focus {
	outline: 0;
}
button:hover {
	cursor: pointer;
}
.socialmedia-icon {
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 25px;
}
.button-contact {
	width: 150px;
}
.letsconnect {
	width: 50px;
	position: absolute;
	margin-left: 50px;
	margin-top: -27.5px;
}
/* ------------------------- footer section ----------------- */
.footer {
	width: 100%;
	background-color: #EDE9E3;
	color: #A38F85;
	padding: 8px;
	height: 30px;
	font-size: 12px;
}
/*------------------- experience section ---------------------*/
.card {
	background-color: #fff;
	width: 100%;
	height: 270px;
	padding: 30px 20px 20px 20px !important;
	box-shadow: 1px 3px 8px 1px #909090;
	margin: 5px;
}
.text-yellow {
	color: #A38F85;
}
/* Slider */
.slick-slider {
    position: relative;
  	display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus {
    outline: none;
}
.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}
.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after {
    display: table;
    content: '';
}
.slick-track:after {
    clear: both;
}
.slick-loading .slick-track {
    visibility: hidden;
}
.slick-slide {
    display: none;
    float: left;
    height: 300px;
    min-height: 1px;
}
[dir='rtl'] .slick-slide {
    float: right;
}
.slick-slide img {
    display: block;
}
.slick-slide.slick-loading img {
    display: none;
}
.slick-slide.dragging img {
    pointer-events: none;
}
.slick-initialized .slick-slide {
    display: block;
}
.slick-loading .slick-slide {
    visibility: hidden;
}
.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
/* --------- languages circles animation ---------- */
.loadcircle25 {
	height: 100px;
	width: 100px;
	background: -webkit-linear-gradient(transparent 50%, #F2F2F2 50%);
	border-radius: 50%;
	position: absolute;
	z-index: 1;
}
.loadcircle50 {
	height: 100px;
	width: 100px;
	background: #d4b2a7;
	background: -webkit-linear-gradient(left, #F2F2F2 50%, #d4b2a7 50%);
	border-radius: 50%;
	position: absolute;
	z-index: 0;
}
.loadcircle75 {
	height: 100px;
	width: 100px;
	background: #d4b2a7;
	background: -webkit-linear-gradient(transparent 50%, #d4b2a7 50%);
	border-radius: 50%;
	position: absolute;
	z-index: 1;
}
.loadcircle95 {
	height: 100px;
	width: 100px;
	background: #d4b2a7;
	background: -webkit-linear-gradient(-160deg, transparent 50%, #d4b2a7 50%);
	border-radius: 50%;
	position: absolute;
	z-index: 1;
}
.spin-animation {
	-webkit-animation: spin 2s linear;
	animation: spin 2s linear;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
}
.animation-delay {
	-webkit-animation-delay: 0.5s;
	animation-delay: 0.5s;
}
@-webkit-keyframes spin { 
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	} 
	100% {
		-webkit-transform: rotate(364deg);
		transform: rotate(364deg);
	}
} 
@keyframes spin { 
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	} 
	100% {
		
		transform: rotate(364deg);
	}
}
.loadcirclelayer {
	height: 80px;
	width: 80px;
	background-color: #fff;
	position: absolute;
	z-index: 2;
	border-radius: 50%;
	margin-top: 10px;
	margin-left: 10px;
}
.loadcirclecontent {
	margin: 18px;
	display: block;
	position: relative;
	font-size: 35px;
	color: #202020;
}

/* ----------- skills bar animation ------------ */
.skillsbar {
	position: absolute;
	z-index: 0;
	height: 8px;
	width: 200px;
	background-color: #F2F2F2;
	border-radius: 3px;
}
.skillsbarpercentage50, .skillsbarpercentage75, .skillsbarpercentage95 {
	position: absolute;
	z-index: 1;
	height: 8px;
	width: 0;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
	background: #d4b2a7;
	background: linear-gradient(to right, rgba(212, 178, 167,0.2), rgba(212, 178, 167,1));
	-webkit-transition: width 3s;
    transition: width 3s;
	-webkit-transition-timing-function: ease;
	transition-timing-function: ease;
}
.percentage50 {
	width: 100px;
}
.percentage75 {
	width: 150px;
}
.percentage95 {
	width: 190px;
}
/* ----------- animations ------------ */
.animate-bottom {
	position: relative;
	visibility: visible;
	-webkit-animation: animatebottom 2s;
	animation: animatebottom 2s;
}
@-webkit-keyframes animatebottom {
	from {
		bottom: -300px;
		opacity: 0;
	} 
	to {
		bottom: 0;
		opacity: 1;
	}
}
@keyframes animatebottom {
	from {
		bottom: -300px;
		opacity: 0;
	} 
	to {
		bottom: 0;
		opacity: 1;
	}
}
.animate-left {
	position: relative;
	-webkit-animation: animateleft 2s;
	animation: animateleft 2s;
}
@keyframes animateleft {
	from {
		left: -300px;
		opacity: 0;
	} 
	to {
		left: 0;
		opacity: 1;
	}
}
.animate-opacity {
	-webkit-animation: opacity 3s;
	animation: opacity 3s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}
@-webkit-keyframes opacity {
	0% {opacity: 0.1}
	100% {opacity: 1}
}
@keyframes opacity {
	0% {opacity: 0.1}
	100% {opacity: 1}
}
/* ---------- default style ---------- */
* {
    box-sizing: border-box;
}
html {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	text-size-adjust: 100%;
	margin: 0;
    padding: 0;
}
body {
	margin: 0;
    padding: 0;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	color: #3B352E;
}
a:hover {
	cursor: pointer;
}
a:link, a:active, a:visited {
	color: #3B352E;
	cursor: pointer;
}
h1 {
	font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
	font-weight: 200;
  	line-height: 1.2;
	margin: 0;
}
h2, h3, h4, h5, h6	{
	font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
	line-height: 1.2;
	font-weight: 300;
	display: inline;
}
hr { 
    margin-top: 20px;
	margin-bottom: 20px;
    height: 1.5px;
	width: 75%;
    border: 0;
    background: black;
    background: -webkit-gradient(linear, 0 0, 100% 0, from(transparent), to(transparent), color-stop(50%, #202020));
}
ul,
ol {
	list-style: none;
}
p {
	line-height: 1.5;
}
.border {
	border: 1px solid #F2F2F2;
}
.padding {
	padding-top: 15%;
	padding-bottom: 15%;
}
@media screen and (min-width: 600px) {
	.padding {
		padding-top: 15px;
		padding-bottom: 15px;
	}
}
.bg {
	background: #D4B2A7;
}
.bg-yellow {
	background: -webkit-linear-gradient(-100deg, white, white 25%, #E7D7C9 25%, #E7D7C9, #E7D7C9 50%, #E7D7C9 75%, white 75%, white);
}
.bg-yellow-stripe {
	background: repeating-linear-gradient(-55deg, transparent, transparent 10px, #E7D7C9 10px, #E7D7C9 20px);
	-webkit-background: repeating-linear-gradient(-55deg, transparent, transparent 10px, #E7D7C9 10px, #E7D7C9 20px);
}
.bg-grey {
	background: -webkit-linear-gradient(-75deg, white, white 25%, #E7D7C9 25%, #E7D7C9, #E7D7C9 50%, #E7D7C9 75%, white 75%, white);
}
.bg-grey-stripe {
	background: repeating-linear-gradient(-55deg, transparent, transparent 10px, #E7D7C9 10px, #E7D7C9 20px);
	-webkit-background: repeating-linear-gradient(-55deg, transparent, transparent 10px, #E7D7C9 10px, #E7D7C9 20px);
}
.bg-dkgrey-stripe {
	background: repeating-linear-gradient(-55deg, transparent, transparent 10px, #D4B2A7 10px, #D4B2A7 20px);
	-webkit-background: repeating-linear-gradient(-55deg, transparent, transparent 10px, #D4B2A7 10px, #D4B2A7 20px);
}
.spacer1 {
	height: 40%;
	min-height: 100px;
	width: 40%;
	position: absolute;
	z-index: -5;
	right: 0px;
	margin-top: 200px;
	opacity: 0.5;
}
.spacer2 {
	height: 100%;
	min-height: 800px;
	width: 100%;
	position: absolute;
	z-index: -5;
}
.spacer100 {
	height: 100px;
	width: 100%;
}
.divcircle {
	border-radius: 50%;
	position: absolute;
	z-index: -2;
	height: 320px;
	width: 320px;
	right: 0px;
	margin-top: 50px;
	overflow: hidden;
	opacity: 0.8;
}
.lineheight {
	line-height: 22px;
	font-size: 16px;
}
.text-s {
	font-size: 2em;
}
@media screen and (min-width: 768px) {
	.text-m {
	font-size: 3em;
	}
}
@media screen and (min-width: 992px) {
	.text-lg {
	font-size: 4em;
	}
}
.text-left {
  	text-align: left;
}
.text-right {
  	text-align: right;
}
.text-center {
 	text-align: center;
}
.text-justify {
	text-align: justify;
}
.text-grey {
	color: #808080;
}
.rotate-90 {
	display: inline-block;
	position: relative;
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
	margin-left: -10px;
}
.img-circle {
	border-radius: 50%;
}
.img-logo {
	height: 55px;
	width: 55px;
	margin-left: auto;
	margin-right: auto;
	border: 2px #202020;
}
.clearfix {
	overflow: hidden;
}
.displaytable {
	display: table;
	margin-left: auto;
	margin-right: auto;
}
.left {
	float: left;
}
.right {
	float: right;
}
.left:after, .right:after {
	content: "";
    clear: both;
    display: table;
}
/* ------------------------- parallax image section --------------------- */
.image {
	height: 320px;
	width: 320px;
	border-radius: 50%;
	background-color: #EDE9E3;
	background-image: url("danielle_nieuwhuis_2025_2.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: 320px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 40px;
	margin-top: -40px;
	clear: both;
}
@media screen and (min-width: 600px) {
	.image, .divcircle {
		height: 600px;
		width: 600px;
		background-size: auto;
	}
	.divcircle {
		right: 20%;
	}
}
@media screen and (min-width: 1024px) {
	.image {
		background-attachment: fixed;
		background-position: bottom;
	}
}
/* -------------------------- languages section ----------------- */
.languages {
	margin-bottom: 80px;
}
.languages-content {
	display: table;
	margin: auto;
}
@media screen and (min-width: 992px) {
	.languages-content {
		padding: 5%;
	}
}
.languagecircle {
	height: 100px;
	width: 100px;
	margin: auto;
}
/* -------------------------- education section ----------------- */
.education {
	position: relative;
	z-index: 3;
}
.margin-left {
	margin-left: 65px;
}
.margin-top {
	margin-top: 10%;
}
.card-edu {
	min-width: 250px;
	position: relative;
	padding: 10px;
	z-index: 0;
}
@media screen and (min-width: 768px) {
	.div-card {
		margin-left: 30%;
		width: 400px;
	}
}
/* ------------------- header elements ---------------- */
.header{
	background: -webkit-linear-gradient(white, white 50%, #EDE9E3 50%, #EDE9E3);
	height: 500px;
	padding: 5px;
	overflow: hidden;
}
.name {
	font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
	font-weight: 500;
	font-size: 40px;
	display: inline-block;
	margin-top: 170px;
	color: #A38F85;
	max-width: 800px;
}
@media screen and (min-width: 342px) {
	.name {
		margin-top: 100px;
	}
}
@media screen and (min-width: 445px) {
	.name {
		margin-top: 150px;
	}
}
@media screen and (min-width: 520px) {
	.name {
		font-size: 50px;
		padding-left: 15px;
	}
	.sub-name {
		padding-left: 20px;
	}
}
@media screen and (min-width: 670px) {
	.name {
		font-size: 60px;
		margin-top: 100px;
	}
}
@media screen and (min-width: 768px) {
	.name, .sub-name {
		margin-left: 70px;
	}
}
.sub-name {
	font-size: 20px;
	line-height: 1.2;
	letter-spacing: 2.2px;
	color: #3B352E;
	font-weight: 300;
}
@-webkit-keyframes slide-right {
	0% {width: 80%; margin-left: 0px;}
	80% {width: 0%; margin-left: 82%; opacity: 1}
	100% {width: 0%; margin-left: 82%; opacity: 0}
}
@keyframes slide-right {
	0% {width: 80%; margin-left: 0px;}
	80% {width: 0%; margin-left: 82%; opacity: 1}
	100% {width: 0%; margin-left: 82%; opacity: 0}
}
/*--------------------- hvr effects ---------------------------- */
.hvr-grow {
	display: inline-block;
	vertical-align: middle;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: perspective(1px);
	transform: perspective(1px);
	box-shadow: 0 0 1px transparent;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform;
}
.hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
}
/*.hvr-speech {
	position: absolute;
	width: 150px;
	height: 30px;
	padding: 0px;
	background-color: #101010;
	color: #A38F85;
	padding-top: 5px; 
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	opacity: 0;
	margin-left: 15px;
	margin-top: 5px;
}
.hvr-speech:after {
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 8px 10px 8px 0;
	border-color: transparent #101010;
	display: block;
	width: 0;
	z-index: 1;
	left: -10px;
	top: 7px;
}
@media screen and (min-width: 768px) {
	#nav-about:hover ~ #nav-about-txt, #nav-experience:hover ~ #nav-experience-txt, #nav-skills:hover ~ #nav-skills-txt, #nav-education:hover ~ #nav-education-txt, #nav-languages:hover ~ #nav-languages-txt, #nav-contact:hover ~ #nav-contact-txt {
	opacity: 1;
	}
}
/* ------------------ grid elements ---------------------- */
[class*="col-"] {
	width: 100%;
}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12,
.col-m-1, .col-m-2, .col-m-3, .col-m-4, .col-m-5, .col-m-6, .col-m-7, .col-m-8, .col-m-9, .col-m-10, .col-m-11, .col-m-12{
	float: left;
	min-height: 1px;
	padding: 15px;
}
.container {
	padding: 15px;
	margin-top: 40px;
	margin-bottom: 40px;
	width: 100%;
}
@media screen and (min-width: 600px) {
	.col-12 {width: 100%;}
	.col-11 {width: 91.66666667%;}
	.col-10 {width: 83.33333333%;}
	.col-9 {width: 75%;}
	.col-8 {width: 66.66666667%;}
	.col-7 {width: 58.33333333%;}
	.col-6 {width: 50%;}
	.col-5 {width: 41.66666667%;}
	.col-4 {width: 33.33333333%;}
	.col-3 {width: 25%;}
	.col-2 {width: 16.66666667%;}
	.col-1 {width: 8.33333333%;}
	.col-offset-12 {margin-left: 100%;}
	.col-offset-11 {margin-left: 91.66666667%;}
	.col-offset-10 {margin-left: 83.33333333%;}
	.col-offset-9 {margin-left: 75%;}
	.col-offset-8 {margin-left: 66.66666667%;}
	.col-offset-7 {margin-left: 58.33333333%;}
	.col-offset-6 {margin-left: 50%;}
	.col-offset-5 {margin-left: 41.66666667%;}
	.col-offset-4 {margin-left: 33.33333333%;}
	.col-offset-3 {margin-left: 25%;}
	.col-offset-2 {margin-left: 16.66666667%;}
	.col-offset-1-5 {margin-left: 12.5%;}
	.col-offset-1 {margin-left: 8.33333333%;}
}
@media screen and (min-width: 768px) {
	.container {width: 75%;}
	.col-s-12 {width: 100%;}
	.col-s-11 {width: 91.66666667%;}
	.col-s-10 {width: 83.33333333%;}
	.col-s-9 {width: 75%;}
	.col-s-8 {width: 66.66666667%;}
	.col-s-7 {width: 58.33333333%;}
	.col-s-6 {width: 50%;}
	.col-s-5 {width: 41.66666667%;}
	.col-s-4 {width: 33.33333333%;}
	.col-s-3 {width: 25%;}
	.col-s-2 {width: 16.66666667%;}
	.col-s-1 {width: 8.33333333%;}
	.col-offset-s-12 {margin-left: 100%;}
	.col-offset-s-11 {margin-left: 91.66666667%;}
	.col-offset-s-10 {margin-left: 83.33333333%;}
	.col-offset-s-9 {margin-left: 75%;}
	.col-offset-s-8 {margin-left: 66.66666667%;}
	.col-offset-s-7 {margin-left: 58.33333333%;}
	.col-offset-s-6 {margin-left: 50%;}
	.col-offset-s-5 {margin-left: 41.66666667%;}
	.col-offset-s-4 {margin-left: 33.33333333%;}
	.col-offset-s-3 {margin-left: 25%;}
	.col-offset-s-2 {margin-left: 16.66666667%;}
	.col-offset-s-1 {margin-left: 8.33333333%;}
}
@media screen and (min-width: 992px) {
	.col-m-12 {width: 100%;}
	.col-m-11 {width: 91.66666667%;}
	.col-m-10 {width: 83.33333333%;}
	.col-m-9 {width: 75%;}
	.col-m-8 {width: 66.66666667%;}
	.col-m-7 {width: 58.33333333%;}
	.col-m-6 {width: 50%;}
	.col-m-5 {width: 41.66666667%;}
	.col-m-4 {width: 33.33333333%;}
	.col-m-3 {width: 25%;}
	.col-m-2 {width: 16.66666667%;}
	.col-m-1 {width: 8.33333333%;}
}
.jumbotron, .container {
	max-width: 100%;
	clear: both;
}
.row:after, .container:after {
    content: " ";
    clear: both;
    display: table;
}
.row {
	padding: -20px;
}
/* ------------------- navigation -----------------------------*/
.nav {
	position: fixed;
	background-color: #EDE9E3;
	opacity: 1;
	z-index: 10;
	bottom: 0;
	width: 100%;
	height: 60px;
    box-shadow: 1px 3px 10px 1px #909090;
}
.navlist {
	width: 100%;
}
.vhcenter {
	position: absolute;
	margin: 0;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.verticalcenter {
	position: absolute;
	margin: 0;
	top: 50%;
	-webkit-transform: translate(0%, -50%);
	transform: translate(0%, -50%);
}
.nav-item {
	text-decoration: none;
	color: #3B352E !important;
	font-size: 1.8em;
	padding: 10px;
	cursor: pointer;
}
@media screen and (min-width: 768px) {
	.nav {
		left: 0;
		width: 50px;
		height: 100%;
	}
	.navlist {
		width: auto;
	}
	.nav-item {
		font-size: 1.5em;
		padding: 8px;
	}
}
.fab, .fas .socialmedia-icon {
	color: #D4B2A7;
}
.positionrelative {
	position: relative;
}
.positionabsolute {
	position: absolute;
}
#pagecontent {
		overflow-x: hidden;
};
}
.positionrelative {
	position: relative;
}
.positionabsolute {
	position: absolute;
}
#pagecontent {
		overflow-x: hidden;
}