@charset "UTF-8";
.slide {
	position: relative;
	width: 100%;
	height: 100%;
	padding-left:60px;
	padding-right:60px;
}
.card {
	max-width: 60vw;
	width: auto;
	height:auto;
	max-height: 55vh;
	display: flex;
	box-shadow: 7px 7px black;
	border: 1px solid black;
	background-color: #fff;
	overflow: hidden;
}
.card__img { width:100%; }
.card__img img{
	overflow:hidden;
}
.card__img .portrait {
	max-height:55vh;
	max-width:100%;
	width:auto;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	overflow: hidden;
}
.card__content {
	padding: 5% 2%;
	box-sizing: border-box;
	min-width:250px;
	max-width:250px;
	max-height:55vh;
}
.card__content-theme {
  font-weight: 600;
  font-size: 2.7vmin;
  font-family: 'ButlerRegular';
  color: black;
  padding-bottom: 5px;
}
.card__content-header {
  font-weight: 700;
  font-size: 54px;
  font-size: 7vmin;
  text-transform: capitalize;
  letter-spacing: 0.01em;
  line-height: 0.91;
  margin: 3vmin 0 3.5vmin;
}
.card__content-paragraph {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 13px;
	line-height: 1.7;
	font-weight: 500;
	color: #000000;
}

.card__content-paragraph a{
	color: #0645ad;
}
.card__content-link {
  color: #BA3428;
  font-size: 1.8vmin;
  display: block;
  cursor: pointer;
  opacity: 0.7;
  transition: opacity 0.3s ease;
}
.card__content-link:hover {
  opacity: 1;
}
.card__content-link:after {
  content: " →";
}
.prevButton {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -22px;
  color: black;
  font-weight: bold;
  font-size: 24px;
  transition: 0.6s ease;
  left: 0;
  margin-left:-50px;
}
.nextButton {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -22px;
  color: black;
  font-weight: bold;
  font-size: 24px;
  transition: 0.6s ease;
  right: 0;  
  margin-right:-50px;

}
.nextButton:hover, .prevButton:hover{
	text-decoration: none;
	color: black;
}