.me-2 {
    margin-right:4px;
}

.artsys-artists-list {
    display:flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin:0 6%;
}

.artsys-artists-list > div {
    flex-basis: 30%;
    margin-bottom:30px;
    margin-right:2%;
}

h4.artsys-artist-tile-name,
h4.artsys-artwork-tile-name {
    color: black;
    margin-top:15px;
    margin-bottom:0;
    font-size: 2rem;
    text-transform: uppercase;
    padding-bottom: 0;
}

h4.artsys-artwork-tile-name {
    font-size: 1.5rem;
}

h4.artsys-artist-tile-name a,
h4.artsys-artwork-tile-name a{
    text-decoration: none;
    color: black;
}

h4.artsys-artist-tile-name a:hover,
h4.artsys-artwork-tile-name a:hover {
    opacity: 0.8;
}

.artsy-artists-years {
    font-size: 20px;
    margin:0 6%;
}

a.artsys-year-link {
    font-size: 0.8em;
    display: inline-block;
    margin-left:20px;
    margin-right:20px;
    margin-bottom:20px;
}

select.pill, a.pill {
    text-decoration: none;
    padding:2px 15px;
    border:1px solid black;
    border-radius: 45px;
    color:black;
}

select.pill {
    background-color: white;
    font-size: 20px;
}

.box {
    border-bottom: 1px solid black;
    border-top: 1px solid black;
}

a.year-link-selected {
    font-weight: bold;
}

a.artsys-year-link:hover {
    opacity: 0.5;
}

.artsys-artist-tile-img,
.artsys-artwork-tile-img {
    max-width: 375px;
    width:100%;
    height:375px;
    display:flex;
    justify-content: center;
    align-items: center;
}

.artsys-artist-tile-img a,
.artsys-artist-tile-img span,
.artsys-artwork-tile-img a,
.artsys-artwork-tile-img span {
    overflow: hidden;
    cursor: pointer;
    display:flex;
    justify-content: center;
    align-items: center;
    height:100%;
    width: 100%;
	background-size:cover;
	background-position: 50% 50%;
}

.artsys-artist-tile-type {
    font-size: 1.2em;
}

.artsys-artist-tile-img img {
    max-height: 100%;
    max-width: 100%;
}

.artist-page-content-container {
    max-width: 1140px;
    padding:0 70px;
    box-sizing: content-box;
    margin:0 auto;
}

.artist-name-container {
    display: flex;
    align-items: center;
    height: 200px;
    justify-content: space-between;
}

.artist-name-disc {
    font-size: 2em;
    font-weight: 400;
    text-transform: uppercase;
}

.back-link-container {
    flex-shrink: 0;
}

.artist-name-container .back-link {
    padding:7px 15px;
}

.artsys-artist-header h4 {
    color: #000000 !important;
    margin:0;
    padding:0;
}

.artsys-artist-header-intro {
    border-bottom: 1px solid black;
}

.artist-page-approach-container {
    margin-top: 30px;
}

.artsys-artist-header-intro .artist-page-content-container {
    padding-right:0;
    display:flex;
    justify-content: space-between;
    max-width: 1210px;
    align-items: center;
}

.artsys-artist-header-intro img {
    max-width: 100%;
    display: block;
}

.artsys-artist-header-image {
    flex-basis: calc(50% + 35px);
    flex-grow: 0;
    flex-shrink: 0;
    text-align: right;
}

.artsys-artist-header-bio {
    flex-grow: 1;
    padding-top:10px;
    padding-bottom:10px;
    padding-right: 40px;
}

.artsys-artist-header-bio h4 {
    margin-bottom:30px;
}

#artists h3 {
    text-transform: uppercase;
    font-size: 1.4em;
    font-weight: 400;
    margin:15px 0;
}

.artsys-artist-header-bio h5 {
    margin-top:20px;
    font-weight: 400;
    text-transform: uppercase;
    margin:15px 0;
}

.artsys-artist-header-bio-content {
    font-size: 0.9em;
}

.artsys-artist-external-link {
    font-size: 0.8em;
}

.artsys-artist-external-link a {
    color:black;
}

.artsys-artist-body .artsys-artist-container {
    padding:30px;
    margin-top:30px;
}

.artsys-artist-image-container {
    position: relative;
}

.go-to-artworks-container {
    position: absolute;
    right:-50px;
    height: 100%;
    top:0;
    display: flex;
    align-items: center;
}

.artsys-artist-approach {
    margin-bottom: 50px;
    font-size: 0.9em;
}

.artsys-artist-approach-img div {
    margin-bottom:20px;
}

.artsys-artist-approach-img {
    flex-grow:1;
    flex-shrink: 1;
    margin-left:20px;
}

.artsys-artworks-list {
    display:flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width:1140px;
    margin:10px auto;
}

.artsys-artworks-list > div {
    flex-basis: 28%;
    margin-bottom:40px;
    cursor: pointer;
}

.artsys-artwork-tile-name a {
    color: black;
    text-decoration: none;
    text-transform: uppercase;
}

.artsys-artwork-single-page {
    max-width:1140px;
    margin:0px auto;
}

.artsys-artist-images {
    display: flex;
    justify-content: flex-start;
}

.artsys-artist-images > a {
    flex-shrink: 20%;
    padding-right:2%;
    margin-top:10px;
    display: block;
}

.artsys-artist-images > a > img {
    max-width: 100%;
}


@media screen and (max-width: 860px) {
    .artist-name-container {
        display: block;
    }

    .artist-page-content-container {
        padding-left: 0px;
        padding-right: 0px;
    }

    .artist-page-approach-container {
        padding:10px;
    }

    .go-to-artworks-container {
        display: none;
    }

    .artsys-artist-header-intro .artist-page-content-container {
        display: block;
        margin-bottom: 20px;
    }

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

    .artsys-artists-list,
    .artsys-artworks-list {
        display: block;
    }

    .artsys-artist-tile-img,
    .artsys-artwork-tile-img {
        max-width: 100%;
        height: 500px;
    }

    .artsys-artist-header-intro {
        display:block;
    }

    .artsys-artist-header-image {
        margin-right : 0;
        margin-bottom:20px;
    }
    .artsys-artist-header {
        padding:10px;
    }

    .artsys-artist-approach-section {
        display: block;
    }

    .artsys-artist-approach-img {
        display: none;
    }

    .artsys-artist-body .artsys-artist-container {
        margin:0;
        padding:10px;
    }

    .artsys-artworks-list > div {
        flex-basis: 23%;
    }

    .artsys-filters select {
        flex-basis: 100% !important;
    }
}

@media screen and (max-width: 550px) {
    .artsys-artworks-list > div {
        flex-basis: 48%;
    }

    .hide-xs {
        display: none;
    }
}