@font-face {
  font-family: 'eurostyle';
  src: url('eurostyle.woff') format('woff');
}

h1, h2, h3, h4 {
  font-family: 'eurostyle' !important;
  margin-top: 2rem;
}

.carousel-inner{
  width:100%;
  max-height: 600px !important;
}

.carousel-caption {
  /* https://stackoverflow.com/questions/27279865/how-to-vertically-center-a-bootstrap-carousel-caption */
  top: 50%;
  transform: translateY(-50%);
  bottom: initial;
  color: black;
}

#carousel-logo {
  background-color: rgb(255,255,255,0.7);
}

.spacer-10 {
  height: 20px;
}

.headerLogo {
  height: 30px;
  margin-right: 10px;
}

.samos-logo-header-font {
  white-space: nowrap;
  font-size:4vw;
}

.site-title {
  font-family: eurostyle;
  font-weight: bold;
  color: white;
}

.samos-font {
  font-family: eurostyle;
  font-weight: bold;
}

.tagline-font {
  color: #000 !important;
}

.navbar-brand {
	margin: 0px;
	padding: 0px;
}

.cf-credit-card {
    background-position: 99% 50% !important;
    background-repeat: no-repeat !important;
}

.comments-title {
	font-size: 1rem !important;
}

.comment-list {
	list-style-type:none !important;
	padding-left: 0 !important;
}

.comment-content {
	padding-top: 0.75rem;
    padding-right: 1.25rem;
    padding-bottom: 0.75rem;
    padding-left: 1.25rem;
}