/* Text - general */
h1 {
	font-family: "myRaleway", sans-serif;
	line-height: 1.1;
	}
body,h2,h3,h4,h5,h6 {
	font-family: "myRaleway", sans-serif;
	}
body, html {
	height: 100%;
	line-height: 1.3;
	font-size: 16px
}
li {
	line-height: 1.3;
}

a {
	text-decoration: underline dotted;
}
	

/* Header */
.bgimg-h {
  background-position: center;
  background-size: cover;
  background-image: url("../images/tree_background_tp.webp");
  min-height: 100%;
  display:flex;
  align-items: center;
 }

/* Images */
div.image-cover {
  background-size: cover;
  min-height: 200px;
  padding: 0px 0px 0px 0px;
  border:1px solid white;
}
div.project-image {
  background-position: center;
  background-image: url('../images/project_work.webp');
}
div.skills-image {
  background-position: bottom;
  background-image: url('../images/skills.webp');
}
div.q-who-line{
	background: linear-gradient(0deg, #20403d 44.5%, #ffffff 44.5%, #ffffff 44.8%, #20403d 44.8%);
}
.q-photo-margin{
	margin:20px 20px 8px 24px;
	padding:20px;
}
hr{
	width:100%;
	border: 1px solid white;
}

/* Footer */
.q-footer{
	display:flex;
	align-items:flex-end;
	padding-left:8px;
	padding-right:8px;
}
.q-bottom-zero{
	margin-bottom:0px;
	padding-bottom:0px;
}
.q-footer-logo-margin{
	margin-left:12px;
	margin-right:32px;
}

/* Layout */
.w3-row-padding {
    display: flex;
	flex-wrap: wrap;
}
.responsive {
  max-width: 100%;
  height: auto;
}


/*Obfuscate*/
span.email b {
	display:none;
}

/*Fonts*/
@font-face {
    font-family:'myRaleway';
    src:url('raleway-latin-400-normal.woff2') format('woff2'),
        url('raleway-latin-400-normal.woff') format('woff');
    font-weight:normal;
    font-style:normal;
	font-display:swap;
}

/*Lists */
p.above-list{
		margin-bottom:-10px
}
ul.q{
	margin-bottom:20px
}

/*Colours*/
.querca-dark-green, .querca-hover-dark-green:hover
{color:#ffffff!important; background-color:#20403d!important}
.querca-copper, .querca-hover-copper:hover
{color:#ffffff!important; background-color:#d08c65!important}
.querca-cream,.querca-hover-cream:hover
{color:#20403d!important; background-color:#faeee2!important}
.querca-white,.querca-hover-white:hover
{color:#20403d!important; background-color:#ffffff!important}
.querca-dark-green-text
{color:#20403d!important}
.querca-copper-text
{color:#d08c65!important}
.querca-cream-text
{color:#faeee2!important}

/* Screens */
body{
  height: 100%;
  line-height: 1.3;
  font-size: 16px
}
/* Large screen */
h1{
	font-size:4em;
}
h2{
	font-size:3em;
}
.standfirst{
	font-size:2em;
}
.q-padding-right {
	padding-left:0px!important;
	padding-right:50px!important;
}
.q-padding-left {
	padding-left:50px!important;
}
.q-sec-padding{
	padding-top:128px!important;
	padding-bottom:128px!important;
}
.q-1200{
	max-width:1200px;
	margin:auto;
}

/* Screen 1248px or smaller */
@media only screen and (max-width: 1248px) {
	.q-1200{
		max-width:1240px;
		margin:20px;
	}	
}

/* Medium screen */
@media only screen and (max-width: 992px) {
	h1{
		font-size:4em;
	}
	h2{
		font-size:3em;
	}
	.standfirst{
		font-size:2em;
	}
	.q-padding-right {
		padding-left:0px!important;
		padding-right:20px!important;
	}
	.q-padding-left {
		padding-left:20px!important;
	}
	.q-sec-padding{
		padding-top:128px!important;
		padding-bottom:128px!important;
	}
}
/* Small screen */
@media only screen and (max-width: 600px) {
	h1{
		font-size:3em;
	}
	h2{
		font-size:2.25em;
	}
	.standfirst{
		font-size:1.5em;
	}
	.q-padding-right {}
	.q-padding-left {}
	.q-sec-padding{
		padding-top:64px!important;
		padding-bottom:64px!important;
	}
	.q-1200{
		margin:10px;
	}	
}

/* Other */
.keyline {
	border:1px solid white;
}
.q-keyline-copper {
	border:1px solid #d08c65;
	border:1px solid #d08c65;
}