/*h1, p {
    margin: 0;
    padding-left: 15px;
	padding-right:15px;
	padding-top:10px;
	padding-bottom:10px;
} */

.container-th {
    margin: 0 auto;
    max-width: 640px;
	text-align:center;
	padding-bottom:10px;
	
	position: relative;
	width: 100%; 
	padding-top: 78%;
}

/*
 * Caption component
 */
.caption {
    position: absolute !important;
    overflow: hidden;
    /* Only the -webkit- prefix is required these days */
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    top: 0;
    bottom: 6%;
    left: 0;
    right: 0;
}

.caption::before {
    content: ' ';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    transition: background .35s ease-out;
}

.caption:hover::before {
    background: rgba(53, 23, 55, 0.9);
}

.caption__media {
    display: block;
    min-width: 100%;
    max-width: 100%;
    height: auto;
}

.caption__overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    color: white;

    -webkit-transform: translateY(100%);
            transform: translateY(100%);

    transition: -webkit-transform .35s ease-out;
    transition:         transform .35s ease-out;
}

.caption:hover .caption__overlay {
    -webkit-transform: translateY(0);
            transform: translateY(0);
}

.caption__overlay__title {
    -webkit-transform: translateY( -webkit-calc(-100% - 0px) );
            transform: translateY( calc(-100% - 0px) );

    transition: -webkit-transform .35s ease-out;
    transition:         transform .35s ease-out;
	background: rgba(53, 23, 55, 0.9);
	color:#fff;
	font-size:20px;
	border-top: solid 4px #fcb041;
	line-height: 1.2em;
}

.caption:hover .caption__overlay__title {
    -webkit-transform: translateY(0);
            transform: translateY(0);
}
.caption__overlay__content_button {
	border:1px solid #ffffff;
	color:#333333;
	background-color:#FFFFFF;
	padding:7px;
	text-decoration:none;
}