/*--------------------------------------------------------------------
Basic Style Sheet
--------------------------------------------------------------------*/

/* fonts
--------------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Archivo+Narrow:ital,wght@0,400..700;1,400..700&family=Quicksand:wght@300..700&display=swap');

/*
    font-family: 'Open Sans Condensed', sans-serif;
    font-family: 'Open Sans', sans-serif;
*/
/* global
--------------------------------------------------------------------*/
:root {
  --bg-color-black: #000000;
  --bg-color-white: #ffffff;
  
  --text-color-white: #ffffff;
  --text-color-black: #000000;
  
  --button-color-black: #000000;
  --button-color-white: #ffffff;
  
  --border-color-black: #000000;
  --border-color-white: #ffffff;
  
  --button-color-black: #000000;
  --button-color-white: #ffffff;
  
  --vh: 1vh;
}
html, body {
	font-size: 18px;
	color: #4A565D;
	line-height: 32px;
	font-weight: 400;
	font-family: "Archivo Narrow", sans-serif;
	background: var(--bg-color-white);
	/*
	background: var(--bg-color-black) url(/images/circles.svg) no-repeat;
	background-position: 150% 100%;
	background-size: 500px auto;
	height: 100vh;*/
}

strong {
	font-weight: bold;	
}

em {
	font-weight: normal;
	font-style: italic;
}

img {
	border: 0;
}

figure {
	margin: 0;
	padding: 0;
}

a {
	text-decoration: none;
	color: #ba4a30;
	font-size: inherit;
}

a:hover {
	text-decoration: underline;
}

ul {
}

div.site {
	width: 80%;
	margin: 0 auto;
	display :flex;
	flex-wrap: wrap;
}

	div.site div.left {
		flex: 0 0 50%;
		margin: 10% 0 0 0;
	}
	
	div.site div.right {
		flex: 0 0 50%;	
		margin: 10% 0 0 0;
	}
	
	
@media (max-width: 767px) {
	div.site {
		max-width: 1200px;
		width: 100%;
		padding: 0 20px;
		box-sizing: border-box;
	}
	
		div.site div.left {
			flex: 0 0 100%;
		}
	
			div.site div.left img {
				max-width: 100%;
				height: auto;	
			}
			
		div.site div.right {
			flex: 0 0 100%;
		}
}