@font-face
{
	font-family: 'OpenSans';
	src: url(../fonts/OpenSans-Regular-webfont.woff) format('woff');
	src: local('Ø'), url(../fonts/OpenSans-Regular-webfont.eot), url(../fonts/OpenSans-Regular-webfont.ttf) format('truetype');
}

html {
    font-family: 'Titillium Web', serif;
	/*font-family: 'Merriweather', sans-serif;*/
	/*     font-family: "Montserrat", sans-serif; */
}

h1 {
	margin-top: 0;
	font-size: 3em;
	line-height: 110%;
	margin: auto;
	padding: 0;
	font-weight: 700;
	margin-bottom: 10px;
    font-weight: bold;
  }

@keyframes typing {
	from { width: 0; }
	to { width: 100%; }
}

@keyframes blink-caret {
	from, to { border-color: transparent; }
	50% { border-color: #000; }
}


.accent-color {
	color: #72383d;
}

  
.actionbtn,
.actionbtn2 {
    padding: 12px 32px;
    font-size: 0.9rem;
    background: #72383d;
    color: white;
    border: none;
    border-radius: 25px;
    cursor: pointer;
    transition: background 0.3s ease;
    text-decoration: none;
    margin-top: 15px;
	opacity: 0;
}

.actionbtn2 {
	background-color: rgba(0,0,0,0);
	color: #72383d;
	border:#72383d 1px solid;
}

.actionbtn2:hover {
	background-color: #995b60;
	color: #efefef;
}
.actionbtn:hover {
	background-color: #995b60;
}

.actionbtn.show,
.actionbtn2.show {
	opacity: 1;
	transform: translateY(0);
}

h2 {
	font-size: 3em;
	display: inline-block;
}

h3 {
	font-weight: normal;
	font-size: 1.1em;
	line-height: 150%;
	margin: 0;
}

.scroll-item h3 {
	margin-top: 10px;
	margin-bottom: 2px;
	font-weight: 400;
}

.scroll-item p {
	margin-top: 0;
	font-size: 0.8em;
}
p,
p a {
	font-weight: normal;
	font-size: 1em;
	line-height: 160%;
	margin-top: 6px;
	margin-bottom: 14px;
	letter-spacing: 0.5px;
}

a {
	text-decoration: none;
}


/* Desktop */
@media screen and (min-width: 801px) {

	h2 {
		margin: 160px 6% 60px 6%;
	}

}


/* Mobile */
@media (max-device-width: 568px), (max-width: 800px) {

	h1 {
		font-size: 2.1em;
	}
	h2 {
		font-size: 2.1em;
		margin: 100px 10% 30px 10%;
	}


    .header-left h1,
    .switch-button {
      font-size: 2rem;
    }
	
	.actionbtn,
	.actionbtn2 {
		padding: 15px 10%;
		width: 23%;
		text-align: center;
		margin-bottom: 10px;
	}

}


/* Media Queries */
@media (min-width: 1921px) {

	.header-left h1 {
		font-size: 3.8rem;
	}

	h2 {
		font-size: 3.8rem;
	}

	.subtitle-box {
		max-width: 850px !important;
	}

	p {
		font-size: 1.2rem;
	}


}