.border { border: 1px solid var(--main-color); }

/***************banner********************/
.caption h1 { font-family: 'Roboto', sans-serif; color:#fff; font-size:60px; font-weight:300; text-transform: uppercase; letter-spacing: 0.05em; }
.caption h2 { font-family: 'Roboto', sans-serif; color:#fff; font-size: 58px; font-weight:300; letter-spacing: 0.08em; }
.caption h2 span { color: var(--main-color); font-weight:700; letter-spacing: 0.03em; }
.caption p { color:#fff; font-size: 18px; margin-bottom: 20px; font-weight:300; letter-spacing: 0.02em;}
.caption { margin-top:240px; padding:35px; }


.image {
    position:relative;
    overflow:hidden;
    padding-bottom:100%;
}
.image img{
    position:absolute;
}

.thumbnail {
	border-radius: 0;
	padding: 0;
	border-color: #CDCDCD;
}

a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
  border-color: #BD7676;
}

.mb-1 { margin-bottom: 10px; }