html {
	scroll-behavior: smooth;
}

body {
	font-family: 'Quicksand';
	font-size: 1.6em;
	letter-spacing: normal;
}
        		
h1 {
	font-size: 1.4em;
	letter-spacing: normal;
	font-weight: normal;
}
        		
h2 {
	font-size: 0.8em;
	letter-spacing: normal;
	font-weight: normal;
}
        		
p {
	font-size: 0.8em;
	letter-spacing: normal;
	font-weight: normal;
}

a {
	color: black;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

ul {
  margin-top: 0.25em;
  padding-left: 0;
  list-style-type: none;
}

li {
  font-size: 0.9em;
  line-height: 1.1em;
}
            

.display-block {
	display: block;
}

.hash {
	font-size: 2.2em;
  line-height: 1.1em;
  padding-bottom: 1.5em;
}

.p-main {
	font-size: 1.4em;
  line-height: 1.1em;
  padding-bottom: 1.5em;
}    

.quote {
  font-size: 2.0em;
  line-height: 1.1em;
}

.horizontal-menu {
	display: block;
}

.horizontal-menu ul {
	margin: 0em;
}

.horizontal-menu ul li {
	display: inline;
}

.responsive-two-columns {
    display:flex;
    flex-wrap:wrap;
}
.responsive-three-columns {
    display:flex;
    flex-wrap:wrap;
}

.logo-container {
	position: relative;
	width: 100%; 
	padding-top: 1em; 
	padding-bottom: 1em; 
	align-items: flex-end; 
}

.logo {
	float:left;         
	font-size: 3.25em;
	line-height: 0.825em;
	letter-spacing: normal;
	padding-right: 0.1em;
}
            
.logo-subtitle {
  float:left;
  font-size: 0.7em;
	line-height: 1.2em;
	letter-spacing: normal;
}

* {
  box-sizing: border-box;
}

/* tablet breakpoint */
@media (max-width:768px) {
	.hash {
		font-size: 1.5em;
  	line-height: 1.1em;
	}
	
	.p-main {
		font-size: 1.4em;
  	line-height: 1.1em;
	}
            
	.quote {
  	font-size: 1.4em;
  	line-height: 1.1em;
	}
	
	.horizontal-menu  {
		padding-top:0.25em;
  	width: 100%;
  	text-align: left;
	}
}

/* mobile breakpoint */
@media (max-width:480px) {
	.hash {
		font-size: 1.2em;
  	line-height: 1.1em;
	}
	
	.p-main {
		font-size: 1.1em;
  	line-height: 1.1em;
	}
	
	.quote {
  	font-size: 1.2em;
  	line-height: 1.1em;
	}
}