* {
    box-sizing: border-box;
 }

 body

 {

    font-family: "Alegreya Sans", sans-serif;
    font-weight: 500;
    font-style: normal;

 }

 .nav-link {
    font-family: "Alegreya Sans", sans-serif;
    font-weight: 500;
    font-style: normal;
    color: goldenrod;
    padding: 10px;
 }

 .nav-link:hover {
    color: whitesmoke !important;
 }

 .color-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #314A59;
    display: flex;
    justify-content: center;
    align-items: center;
 }

 .navbar-brand {
    color: goldenrod;
    margin: 5px;
 }

 .navbar-brand:hover {
    color: whitesmoke;
 }

 .logo {
    max-height: 85px;
    height: auto;
    width: auto;
    margin: 5px;
 }

 .navbar-toggler {
    background-color: goldenrod;
 }

 .carousel-inner {
    max-height: 800px;
 }

 .carousel-item img {
    max-height: 800px;
    width: 100%;
    object-fit: cover;
 }

 footer {
    position: relative;
    width: 100%;
    background-color:
    #314A59;
    color: white;
    text-align: center;

 }

 .btn-gold {
    background-color: goldenrod;
    border-color: goldenrod;
 }

 .btn-gold:hover {
    background-color: goldenrod !important;
    border-color: goldenrod !important;
    color: white;
 }



 .card-img-top {
    height: 250px;
    object-fit: cover;
 }

 .card {
    border: 1px solid goldenrod;
 }

 .card-title {
    color: goldenrod;
 }

 .table {
    margin-top: 20px;
 }

 .table th {
    background-color: goldenrod;
    color: white;
 }

 .table td {
    vertical-align: middle;
 }

 .bg-dark1 {

    background-color: #0E2440;
 }

 h2 {
    color: goldenrod;
 }

 .form-label {
    font-weight: bold;
 }

 .btn-primary {
    background-color: goldenrod;
    border-color: goldenrod;
 }

 .btn-primary:hover {
    background-color: darkgoldenrod;
    border-color: darkgoldenrod;
 }

 .img-fluid-5 {
    max-height: 600px;
    width: 100%;
    object-fit: cover;
 }

 h1, h3{
    font-family: "Alegreya Sans", sans-serif;
    font-weight: 500;
    font-style: normal;
 }

 .p1, p{
    font-family: "Alegreya Sans", sans-serif;
    font-weight: 500;
    font-style: normal;
 }

.promo-copy{
  max-width: 340px;     /* sama kuin kuvan max-width */
}
.promo-copy p{
  font-size: .95rem;    /* hieman pienempi kuin perusteksti */
  line-height: 1.5;     /* ilmavampi riviväli */
  color: #2b2b2b;       /* pehmeämpi kuin täysin musta */
}
.promo-copy a{
  text-decoration: underline; /* selkeästi linkki */
}