@charset "UTF-8";

@media only screen and (max-width: 768px) {

/* Body */

body, html {
	font-size: 1em;
}


/* Screen size */

.mobile-only {
	display: block;
}
.desktop-only {
	display: none !important;
}


/* Typography */

h1 {font-size:2em;}
h2 {font-size:1.9em;}
h3 {font-size:1.5em;}
h4 {font-size:1.1em;}
h1, h2, h3, h4 {line-height: 1.1;}


/* Buttons */

.link-button-container {
	padding: 7.5px 0;
}
.link-button {
	padding: 15px 20px;
	margin: 7.5px 0;
}


/* Structure */

.block {
	padding: 30px 0;
	position: relative;
}


/* Header */

.header {
	height: 300px;
}
.header-curve {
	height: 50px;
}
.header-title {
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(100% - 30px);
	left: 15px;
	top: 90px;
	bottom: 30px;
	transform: translateX(0);
}
.header-title h1 {
	font-size: 2em;
	margin: 0;
}
.header-title h1::after {
	width: 200px;
	height: 30px;
}


/* Logo */

.logo {
	width: 75%;
	padding-right: 15px;
}


/* Language Toggle */

.language {
	justify-content: center;
	font-size: 0.8em;
}


/* Navigation */

.navigation {
	width: 25%;
}
.menu-button {
	height: auto;
	font-size: 1.2em;
	padding: 7.5px;
}
.sidenav {
	padding-top: 15px;
}
.sidenav a {
	font-size: 1.4em;
}
.sidenav .closebtn {
	font-size: 2em;
}


/* Content */

#content {
	font-size: 0.95em;
}
	
.intro {
		padding: 0 15px;
}


/* Text Block */

h2.text-block-title {
	font-size: 1.9em;
	padding: 0 15px;
	margin-bottom: 0;
}
h2.text-block-title::after {
	height: 30px;
	width: 150px;
}


/* Text and Image Block */

.text-image {
	padding: 15px 0 !important;
}
.text-image-text {
	padding: 15px 15px 0;
}
.text-image-image {
	padding: 15px 15px 0;
}
.text-image-image-img {
	box-shadow: 0 0 15px 0 rgba(0,0,0,0.15);
}


/* Text and Logo Block */

.text-logo-image {
	padding: 15px 15px 0;
	margin-bottom: 30px;
}
.text-logo-image img {
	width: 100%;
	padding: 30px;
	box-shadow: 0 0 15px 0 rgba(0,0,0,0.15);
}


/* Project Feed Block */

.project-feed {
	
}
.project-feed-card {
	background-size: calc(100% - 30px);
	padding: 15px 0 0 15px;
	width: 100%;
	margin: 7.5px;
}
.project-feed-card::after {
	padding-right: 15px;
}
.project-excerpt {
	font-size: 0.95em;
}


/* Contact Form */

.contact-form-block {
	background-size: cover;
	background-repeat: no-repeat;
	padding: 30px 15px 90px;
	margin-bottom: -75px;
}
.contact-form-block-container {
	margin: 15px;
	padding: 30px 15px;
}
  

/* Gravity Forms */

.gfield input[type=text], .gfield input[type=email] {
	padding: 5px 10px !important;
}
input[type=submit] {
	padding: 15px 20px !important;
}


/* Footer */

.footer {
	padding-top: 45px;
	margin-top: 45px;
}
.footer-top {
	height: 90px;
	top: -45px;
}

}