/* Reset and base styles */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}

html, body {
overflow-x: hidden; /* Prevents horizontal scroll */
width: 100%; /* Ensures no horizontal push */
scroll-behavior: smooth;
}

body {
	font-family: 'calibriregular';
	font-family: 'calibribold';
	color: #000;
	font-size: 22px;
	line-height: 30px;

	overflow-x: hidden;
	position: relative;
	min-height: 100vh;
	background-color: #01141a; /* loading color */
}

/* Main content styling */

main {
	padding: 0px 0px 0px;
	max-width: 1400px;
	max-width: 100%;
	margin: 0 auto;

	background-color: #f2f0ef; /* nicer */
	background-color: #e4e2de; /* maybe */
	background-color: #edeae3; /* I like this one */
	background-color: #F8E0C8;
	background-color: #ededed; /* what it was */
}

h1, h2 {
	display: block;
}

h1 {
	font-family: 'calibribold';
	font-size: 36px;
}

.paddingBottom-portfolio {
	padding-bottom: 40px;
}

.paddingBottom-media {
	padding-bottom: 34px;
}

.paddingBottom-artist-statement {
	padding-bottom: 33px;
}

.paddingBottom-bio {
	padding-bottom: 33px;
}

.paddingBottom-news {
	padding-bottom: 34px;
}

h2 {
	font-family: 'calibribold';
	font-size: 28px;
}

.paddingBottom8 {
	padding-bottom: 8px;
}

.text-center {
	text-align: center;
}

p {
/*	margin-bottom: 20px;*/
}

em {
	font-family: 'calibriitalic';
	font-family: 'calibribold_italic';
	color: #555555;
}

b {
	font-family: 'calibribold';
}

.size10 {
	font-size: 10px;
}

.size11 {
	font-size: 11px;
}

.size12 {
	font-size: 12px;
}

.size13 {
	font-size: 13px;
}

.size14 {
	font-size: 14px;
}

.size16 {
	font-size: 16px;
}

.size18 {
	font-size: 18px;
}

.size20 {
	font-size: 20px;
}

.size24 {
	font-size: 24px;
}

.size30 {
	font-size: 30px;
}

.size36 {
	font-size: 36px;
}

.size48 {
	font-size: 48px;
}

.size60 {
	font-size: 60px;
}

.size72 {
	font-size: 72px;
}

.size90 {
	font-size: 90px;
}


/* ======= LINKS ======= */ 

a:link {
text-decoration: none;
color: #1C5BF0;
}
a:visited {
text-decoration: none;
color: #1C5BF0;
}
a:hover {
text-decoration: none;
color: #002887;
}
a:hover,
a:active {
outline: 0;
transition: all 0.2s ease-in-out;
}
a:active {
text-decoration: none;
color: #1C5BF0;
}

.clear-both {
clear: both;
}

img {
	position: relative;
	max-width: 100%;
	height: auto;
	padding: 5px;
	background: white; 
}

.padding-for-many-pages {
	max-width: 1024px;
	padding: 0px 15px 100px 15px;
/*	background-color: aqua*/
}