.animal-page-container {
	display              : grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap             : 40px;
	margin               : 0 0 50px 0;
}

@media (max-width: 1079px) {
	.animal-page-container {
		margin: 10px;
	}
}

@media (max-width: 767px) {
	.animal-page-container {
		grid-template-columns: repeat(1, 1fr);
		grid-gap: 0;
	}

	section.profile {
		order: 2;
	}

	h2.animal {
		margin: 0 10px;
	}
}

.animal-page-container section ul.thumbs,
.animal-page-container section ul.slides {
	list-style: none;
	margin    : 0 0 10px 0;
	padding   : 0;
}

.animal-page-container section ul.thumbs li,
.animal-page-container section ul.slides li {
	margin : 0;
	padding: 0;
}

.animal-page-container section ul.slides li {
	display : none;
	position: relative;
	overflow: hidden;
}

.animal-page-container section ul.slides li.active {
	display: block;
}

.animal-page-container section ul.slides span {
	position       : absolute;
	background-size: cover;
	top            : 0;
	bottom         : 0;
	left           : 0;
	right          : 0;
	filter         : blur(4px) grayscale(50%) opacity(.4);
	transform      : scale(1.1);
}

.animal-page-container section ul.slides img {
	left     : 50%;
	transform: translateX(-50%);
	position : relative;
	display  : block;
}

.animal-page-container section ul.thumbs li {
	display: inline-block;
	cursor : pointer;
	border: 1px solid white;
}

.animal-page-container section ul.thumbs li.active {
	border: 1px solid black;
}

.animal-page-container section ul.thumbs li img {
	display: block;
	width  : 100px;
	height : 100px;

	object-fit     : cover;
	object-position: top;
}

.animal-page-container .buttons {
	display        : flex;
	justify-content: space-between;
}

.animal-page-container .buttons button {
	flex     : 1 1 49%;
	max-width: 49%
}

.animal-page-container table {
	border     : 0;
	display    : inline-table;
	font-family: 'Karla Regular';
	font-size  : 16px;
	line-height: 1.8em;
	margin     : 0 0 10px 0;
}

.animal-page-container table td:first-child {
	background-color: black;
	color           : white;
	padding         : 0 10px;
	text-transform  : uppercase;
	text-align      : right;
	white-space: nowrap;
}

.animal-page-container table td:last-child {
	width     : 100%;
	padding   : 0 10px;
	background: rgba(200, 200, 200, .1);
}

.animal-page-container table tr:nth-child(2n+1) td:last-child {
	background: rgba(200, 200, 200, .2);
}

.animal-page-container section.profile p,
.animal-page-container section.profile ul li {
	font-family: 'Karla Regular';
	font-size  : 16px;
	line-height: 1.5em;
}

.animal-page-container section.profile p:first-of-type {
	margin-top: 0;
}

.social-link {
	display   : inline-block;
	margin-top: 10px;
}

#fb-share img,
#twitter-share img {
	width : 32px;
	height: 32px;
	cursor: pointer;
}

.animal-page-container .summary {
	margin: 0 0 10px 0;
	font-family: 'Karla Regular';
    font-size: 16px;
	line-height: 1.5em;
	font-weight: bold;
}

.animal-page-container .summary span {
	text-transform: uppercase;
	display: inline-block;
	padding: 5px 10px;
	background: rgba(200, 200, 200, .2);
}