.content .box {
  background:#fff;
  transition:all 0.2s ease;
  border:2px solid #dadada;
  margin-top: 10px;
  box-sizing: border-box;
  border-radius: 5px;
  background-clip: padding-box;
  padding:0 10px 10px 10px;
  height:100%;
  position:relative;
}

.content .box:hover {
  border:2px solid #525C7A;
}
.content .box .box-content h3 {
    font-family: 'Raleway',sans-serif;
    font-weight: 600;
    letter-spacing: -1px;
    margin-top: 10px;
    text-transform: uppercase;
    font-size: 18px;
	color:#58585a;
}

.content .box .box-content h3 small{
	font-style: italic;
	text-transform: none;
	letter-spacing: 0;
	font-weight: 400;
	font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;
	display: block;
	padding: 5px;
	line-height:normal;
}


.content .box span.box-title {
    color: #fff;
    font-size: 24px;
    font-weight: 300;
    text-transform: uppercase;
}

.content .box .box-content {
  padding: 16px;
  border-radius: 0 0 2px 2px;
  background-clip: padding-box;
  box-sizing: border-box;
}
.content .box .box-content p.cyear {
	letter-spacing:2px;font-size:22px;margin-bottom:0px;font-weight: 800;
    color:#58585a;;
}
.content .box .box-content p {
  color:#515c66;
  text-transform:none;
  font-size: 12px;
  line-height: 1.6;
}
.content .avatar {
    vertical-align: middle;
    max-width: 100%;
    height: 150px;
    border-radius: 0%;
    object-fit: contain;
    /*border: 2px solid #00407a;*/
}
/* display this row with flex and use wrap (= respect columns' widths) */

.content .row-flex {
  display: flex;
  flex-wrap: wrap;
}


/* vertical spacing between columns */

.content [class*="col-"] {
  margin-bottom: 30px;
}
.content .info-button {
    position: absolute;
    bottom: 10px;
    left: 30px;
	right: 30px;
}
.content .info {
	height:75px;
	
}