.screenHeight {
    max-height: 100vh;
    /*max-width: 100vh;*/
    display: -webkit-flex; /* NEW */
    display: flex;
    justify-content: center;
    margin: 20px;
}

    .screenHeight img {
        max-height: 80vh;
        max-width: 100%;
    }

/*img {
    border: #aeaeae solid 1px;
}*/


/*This adjusts the main banner for homepagee*/
@media screen and (orientation: portrait) {
    .header-land {
        display: none;
    }

    .header-portrait {
        display: inline-block;
    }

    .bordertop1 {
        border-top: solid 1px #999999;
        padding: 20px;
    }

    .bordertop2 {
        
    }

}

@media screen and (orientation: landscape) {
    .header-land {
        display: block;
    }

    .header-portrait {
        display: none;
    }

    .bordertop1 {
        border-top: solid 1px #999999;
        padding: 20px;
    }

    .bordertop2 {
        border-top: solid 1px #999999;
        padding: 20px;
    }
}

@media (min-width: 1000px) {
  html {
    font-size: 16px;
  }


    .nav {
        vertical-align: middle;
        text-align: center;
        justify-content:center;
    }


}

/*This adjusts the title on Mhairi Law image*/
@media screen and (max-width : 1204px) {
    .top-left-title2 h3 {
        /*color: white;*/
        padding: 3px;
        background-color: rgba(255, 255, 255, 0.8);
    }
}

h1, h3 {
    font-weight: 100;
}


p {
    max-width: 800px
}

.pb-3{
    padding-top:80px;
}

html {
  position: relative;
  min-height: 100%;
}



body {
    font-family: "Quicksand", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    margin-bottom: 60px;
    background-color: #e5e5e5;

   --ck-z-default: 100;
   --ck-z-modal: calc( var(--ck-z-default) + 999 );

}

.container {
    max-width: 90%;
 
 
}

.nextlink {
    color: black;
    font-size: 14px;
}

a:hover {
    cursor: pointer;
}



em {
    font-size:small;
}

i {
    font-size: small;
}

hr {
    color: grey;
}

.rowfix {
    margin-bottom: 40px;
    min-height: 150px; /* this seems to work ok*/
    /* border-bottom: 1px solid;*/
    /*border-color: red;*/

}

/*.col-md-12 {
    text-align: center;
}*/




img.lazy {
    /* height: 500px;*/ /* height is required for lazy load, but works if row height is given a fixed height
                   /* width: auto;*/
    /*display: block;*/
}

.column img.lazy {
   height: auto;
    display: block;
}

.maximage {
    max-height: 300px;
   /* max-width: 200px;*/
}

/* login overrides */

.btn-primary {
    background-color: #808080;
    border-color: #808080;
}

    .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
        color: #fff;
        background-color: #aeaeae;
        border-color: #aeaeae;
    }

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background-color: #808080;
}

.nav-link {
    color: #333333;
}