.container {
  max-width: 960px;
}

body {
  font-family: "Manuale", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

a, a:hover, a:visited {color:#97d700;}

.lead {
	font-size: 21px;
}

p.copy {
	font-size: 14px;
}

img.screen {
  width: 90%;
  height: auto;
  margin-bottom: -40px;
  transition: transform 0.3s ease-out; /* Smooth transition over 0.3 seconds */
}

img.screen:hover {
  transform: translateY(-10px); /* Moves the element 20px to the right */
}

/*
 * Custom translucent site header
 */

.site-header {
  background-color: rgba(0, 0, 0, .85);
  -webkit-backdrop-filter: saturate(180%) blur(20px);
  backdrop-filter: saturate(180%) blur(20px);
}
.site-header a {
  color: #8e8e8e;
  transition: color .15s ease-in-out;
}
.site-header a:hover {
  color: #fff;
  text-decoration: none;
}


/*
 * Extra utilities
 */

.bg-dark {
	background-color: #212529!important;
	color: #fff!important;
}

.bg-light {
    background-color: #f8f9fa!important;
    color: #212529!important;
}
  
.flex-equal > * {
  flex: 1;
}
@media (min-width: 768px) {
  .flex-md-equal > * {
    flex: 1;
  }
  
  .bg-md-light {
    background-color: #f8f9fa!important;
    color: #212529!important;
  }
 
  .bg-md-dark {
	background-color: #212529!important;
	color: #fff!important;
  }
  
  
}