header {

    /*background-color: #06D6A0; /*green*/

    color: #FFFCF9; /*white*/

    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    line-height: 1.5;

    max-width: 880px;
    width: 100%;

    margin:12px auto 0;

    margin-bottom: 5%;
    display: flex;
    justify-content: space-between;
    /*flex-wrap: wrap;
    padding: 2.5%;*/
    }

header ul {
  display:flex;
  justify-content: right;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
}

header ul li {
    display: inline-block;
    flex:1 0 auto;
    margin: 0 4px;
}

.header-container {
    /*background-color: grey;*/
    /*display: inline-block;*/
    background-image: url(images/abstractacqua.jpeg);
    max-width: 880px;
    width: 100%;

    margin:12px auto 0;

    margin-bottom: 5%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 2.5%;

    background-position: center;
    background-repeat:;
    /*max-width: 880px;
    width: 100%;
    margin: 0 auto;*/
    /**/
     }


    .logo {
              flex:auto;
              align-self: flex-end;
              padding-left: 20px;
            }

    .menu {
    align-self: flex-end;
    text-align: right;
    /*padding-right: 8%;*/
    }

    .menu a {

            color: #FFFCF9; /*green*/
            /*background-color: #40e0d0;/*turquoise*/
            text-decoration: none;
            display: inline-block;
            text-align: center;
            width: 100px;

            padding: 5px 0;

            }

      .menu a.hover,
      .menu a.focus,
      .menu a.current {
          color: #2F4F4F ; /*slate grey*/
          /*background-color: white;*/
          /*background-color: #FFFCF9; /*green*/
          /*background-color: #40e0d0;/*turquoise*/

              }





/*body*/

  body {
    max-width:880px;
    width: 100%;
    margin: 0 auto;
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    line-height: 1.5;

  }

  .img-txt-container {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;

    /*flex-shrink: 0;*/
    max-width: 880px;
  /* width: 100%; */
    margin: 0 37px 40px 37px;
  /* margin-left: 30px; */
    padding: 3.5% 0 1.5% 0;
    }

  .img-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 600px;
    /*padding: 0 20px 0 0;*/
    /*margin-right: 78px;  removed in 1-1 21/12/18 with Catherine */
/*    width: 100%; */
  /*  display: inline-block;*/
    /*flex-shrink: 0;*/

    /*padding:1px;*/

  /*  margin-bottom: 5%;*/
  /*justify-content: space-between;*/

    /*padding: 2.5%;*/
  }
  .img-container img {
    display:flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width:100%;
    /*flex-shrink: 0;*/
  /*  height: 300px;  */
  }

  /*.img-txt-container {
    display: flex;
    justify-content; space-between;
    flex-wrap: wrap;

  /*flex-shrink: 0;*/
/*    max-width: 300px
    margin: 40px;
    padding:  ;
    /*padding: 2,5%;*
    }

  .img-container {
    max-width:300px;

    padding-right: ;
    display: inline-block;
    flex-shrink: 0;
    /*padding:1px;*/



    /*margin-left: 300px;
    margin-bottom: 5%;*/

    /*justify-content: space-between;*/
  /*  flex-wrap: wrap;
    /*padding: 2.5%;
  }
*/
  .txt-container ul {
    list-style: none;
  /*  margin: 50px 0px 0px 0px; */
    padding-left: 0;
    margin-top: 0;
    /*margin-right: 330px;*/
    /*padding: 20px 20px 20px 20px;*/
  }

  .txt-container {
    display: flex;
    width: 200px;
    max-width: 100%;
    /*margin-right: 100px;*/
    padding: 0px;
    /*padding: 15px 20px 20px ;*/
  }

/*Addition*/
.agency-txt-container {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  max-width: 880px;
  margin: 40px;
  /*padding: 1.5px 0 0.5px 0;*/

}

.agency-background {
  max-width: 600px;
  /*margin-left: 150px;*/
  margin-right: 0px;
}

/*list & image as 2 columns*/
  .row {
    display:flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    max-width: 880px;
    margin: 0 40px 40px 40px;
    /*margin: 40px;*/
    list-style: none;
    }

  .row li {
    list-style: none;
  }

  .column1 {
    padding: 0px;
    margin-left: 0px;
    margin-right: 0px;
    width: 200px;
    max-width: 100%;
    }

    .column1 p {
      margin-top: 0;
    }

  /*  .column2 {
     padding-top: 0px;
      } */

  h1 {
    align-items: center;
    }

  /*ul,ol,dl,p {
  font-size: 1.1rem;
}*/

  /*main*/
  main {
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    line-height: 1.5;
      }


  /*footer*/
  footer {
    display: flex;
    flex-shrink: 0;
    /*background-color: #33FCFF; /*aqua blue*/
    background-color: #AFEEEE;
    color: #FFFCF9; /*white*/
    font-size: 18px;
    max-width: 880px;
    width: 100%;

    margin:12px auto 0;

    justify-content: space-between;
    flex-wrap: wrap;
    padding: 2.5%;
    }

  .copyright-logo {
    flex: auto;
    align-self: flex-end;
    text-align: left;
    padding: 5% 0;

  }

  footer ul li {
    display: inline-block;
    /*list-style: none;*/
    /*text-decoration: none;*/
    flex: auto;
    align-self: flex-end;
    text-align: right;
    /*padding: 30% 0;*/
    padding-top: 30%;
    /*padding-top: 33px;*/
    padding-right: 20px;
  /*padding: 10px;*/
  /*padding-bottom: 50%;/*
  }
/* align-self: flex-end;
    text-align: right; */
    }