/*

body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    line-height: 1.7;
    margin: 0;
    padding: 0;
    color: #000;
    background-color: #fff;
}

main {
    max-width: 1200px;
    margin: 0 auto;
    padding: 60px 20px;
}
*/

.artists {
	font-weight: 300;
	padding-left: 10%;
	padding-right: 10%;
}


h1.title {
	font-size: 40px;
	font-weight: 400;
	color: #444;
	padding-top: 70px;
	padding-top: 70px;
	letter-spacing: 0.3px;
}

.artist-header {
    margin-bottom: 40px;
}

.artist-name {
    font-size: 1.6rem;
	font-weight: 400;
	margin-top: 60px;
    margin-bottom: 2rem;
	margin-left: 0px;
}

.artist-description-title {
	font-size: 1.1rem;
	letter-spacing: 0.4px;
	font-weight: normal;
	margin-left: 50px;
	margin-top: 80px;
	margin-bottom: 1.5rem;
}

.artist-description{
	font-size: 14px;
	line-height: 2;
	max-width: 600px;
	padding-bottom: 50px;
	margin-left: 50px;
	text-align: justify;
}


.text-section {
    margin-top: 60px;
}

h2 {
    font-size: 1.1rem;
	letter-spacing: 0.4px;
    font-weight: normal;
	padding-top:30px;
	margin-left: 50px;
    margin-bottom: 1.5rem;
}

.bio-item, .exhibition-item {
    margin-bottom: 0.6rem;
	margin-left: 50px;
    font-size: 0.8rem;
    line-height: 1.5;
}

.space{
	padding-bottom: 80px;
}

@media (max-width: 768px) {
    main {
        padding: 40px 20px;
    }
    .artists {
        padding-left: 4%;
        padding-right: 4%;
    }
    .artist-description {
        max-width: 100%;
        margin-left: 0;
    }
    .artist-description-title {
        margin-left: 0;
    }
    h2 {
        margin-left: 0;
    }
    .bio-item, .exhibition-item {
        margin-left: 0;
    }
}