:root{
  --green:#7FA600;
  --body:#fff;
  --connect:#555;
  --darkblue:#003556;
  --red:#FF0000;
}

body {
    background-color: var(--body); 
   font-family: 'Varela Round', sans-serif;
  }

  .navbar {
    background-color: var(--green);
    box-shadow: 0px 4px 4px #222;
  }

  .nav-link {
    color:#FFF;
    font-size: 1.2em;
  }

  .intro {
    font-size: 1.2em;
    padding: 1em;
    text-align: center;
    color:#FFF;
    background-color: var(--darkblue);
    border: 8px solid var(--green);
    border-radius: 12px;
    margin-bottom: 1em;
    /*background-image:url("../images/intro_bg_white.png");
    background-size:cover;
    background-position:top left;*/
    /*margin-top: -3rem;*/
    /*border-top:8px solid #7FA600;
    border-bottom:8px solid #7FA600;*/
  }

  .banner {
    background-color: #f1f1f1;
    min-height: 600px;
    color:#FFF;
/*    max-height:300px;*/
/*    background-image: url("../images/banner_skating.jpg");*/
    background-size: cover;
    background-position: bottom left;
    background-repeat: no-repeat;
  }

  .banner1 {
    background-image: url("../images/banner_skating.jpg");
  }

  .banner2 {
    background-image: url("../images/banner_union.jpg");
  }

  .banner3 {
    background-image: url("../images/banner_warden.jpg");
  }

  .banner4 {
    background-image: url("../images/banner_skyline.jpg");
  }

  .banner5 {
    background-image: url("../images/banner_eatoncentre.jpg");
  }

  .banner6 {
    background-image: url("../images/banner_rbc.jpg");
  }



  .banner h1 {
    margin-top:2em;
    text-shadow: 1px 1px 1px #000;
  }

  .homebanner {
    text-shadow: 2px 2px 2px #444;
  }

  .album {
    background-color: transparent;
  }

  .card {
    overflow: hidden;
    border: 2px solid #222;
  }

  .card-text-home {
    font-size: 1.5rem;
  }

 
 .text-body-secondary a{
    color:#FFF;
  }

  p a:link {
    text-decoration: none;
  }

  footer {
    padding-left:2rem;
    padding-right:2rem;
     background-color: var(--green);
     box-shadow: 0px 4px 4px #222;
     margin-bottom:1em;
  }

  .responsive {
    max-width: 100%;
    height: auto;
  }

  .connect {
    color:#FFF;
    padding:1em;
    background-color: var(--darkblue);
    margin-bottom: -2em;
  }

  .sold {
    color: var(--red);!important
    font-weight: 800;
    font-size: 1.5em;
  }