@font-face {
    font-family: NimbusRegular;
    src: url(assets/Nimbus/NimbusRomNo9L-Reg.otf)
}
@font-face {
    font-family: Nimbus;
    src: url(assets/Nimbus.ttf)
}

@font-face {
    font-family: LoraRegular;
    src: url(assets/Lora-Regular.ttf)
}
@font-face {
    font-family: poppinsBold;
    src: url(assets/poppins/Poppins-Bold.otf)
}
@font-face {
    font-family: LoraMedium;
    src: url(assets/Lora-Medium.ttf)
}
@font-face {
  font-family: mainTitleFont;
  src: url(assets/3422-font.otf);
}
@font-face {
    font-family: smallFont;
    src: url(assets/FontMesa-MarlinSoftBasic-Regular.otf);
}
@font-face {
    font-family: Lato-Black;
    src: url(assets/Lato/Lato-Black.ttf);
}
@font-face {
    font-family: Lato-Bold;
    src: url(assets/Lato/Lato-Bold.ttf);
}
@font-face {
    font-family: Lato-Light;
    src: url(assets/Lato/Lato-Light.ttf);
}
@font-face {
    font-family: Lato-Regular;
    src: url(assets/Lato/Lato-Regular.ttf);
}
@font-face {
    font-family: Lato-Black;
    src: url(assets/Lato/Lato-Black.ttf);
}
@font-face {
    font-family: Lato-Thin;
    src: url(assets/Lato/Lato-Thin.ttf);
}
body {
  margin: 0;
}
a {
   font-family: Lato-Regular;
    font-size: 16px; 
    text-decoration: none;
}
h1 {
    font-family: Lato-Bold;
    font-size: 66px;
    margin: 0;
    line-height: 1.3;
}
h2 {
    font-family: Lato-Regular;
    font-size: 20px;
    margin: 0;
    text-align: center;
    font-style: normal;
    font-weight: 100;
}
h3{
     font-family: Lato-Bold;
    font-size: 30px;
    text-align: center;
}
h4{
     font-family: Lato-Bold;
    font-size: 15px;
    
}
h5{
     font-family: Lato-Regular;
    font-size: 17px;
    font-style: normal;
    font-weight: 100;
    
    /*line-height: 5px;*/
}
h6{
     font-family: Lato-Bold;
    font-size: 40px;
   margin-bottom: 0px;
}
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
    h1 {
        font-size: 40px;
    }
    h3{
        font-size: 24px;
    }
    h4{
        font-size: 14px;
        color: white;
    }
}
.whiteText {
    color: #b7b4b4;
}
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
    .whiteText {
    color: #ffffff;
}
    }
.whiterText {
    color: #ffffff;
}
.greenText {
    color: #046904;
}

.redText {
    color: crimson;
}
.purpleText{
    color: purple;
}
.blackText{
    color: black;
}
/*
h1, h2, h3, h4, .line {
     filter: blur(0.5px);
        -webkit-filter: blur(0.5px);
  }
  */
@media only screen    and (min-device-width: 375px)    and (max-device-width: 812px)    and (-webkit-min-device-pixel-ratio: 2)   and (orientation: portrait) {
    h1, h2, h3, h4, .line {
        filter: blur(0);
    }
}
.line {
  width: 53px;
  height: 0;
  border: 1px solid #C4C4C4;
  margin: 3px;
  display:inline-block;
}
.blackLine{
     width: 53px;
  height: 0;
  border: 1px solid Black;
  margin: 3px;
  display:inline-block;
}
.longBlackLine{
     width: 90%;
  height: 0;
  border: 1px solid Black;
  margin-left: 5%;
    margin-top: 4%;
  display:inline-block;
}
.align{
    text-align: left;
}
/*
.button {
  font-family: Lato-Light;
  text-decoration: none;
  background-color: green;
  color: white;
  padding: 4px 12px 4px 12px;
  border-top: 1px solid #CCCCCC;
  border-right: 1px solid #333333;
  border-bottom: 1px solid #333333;
  border-left: 1px solid #CCCCCC;
}
*/

/*--------------------------------------------------------------------------*/
#mainContainer {
   overflow-x: hidden;
      width: 100%;
    margin: auto;
   /*background-color: aqua;*/
    position: relative;
}

#openingLogoDiv {
    width: auto;
    height: 106px;
    background-color: #383838;
    /*margin-bottom: 100px;*/
  }
#actualLogoDiv{ 
    display: flex;
    justify-content: center;
    /*background-color: blue;*/
    float: left;
    height: 93px;
    width: 282px;
    /*position: absolute;*/
    /*overflow: hidden;*/
    margin-top: 10px;
    /*padding-bottom: 10px;*/
    /*margin-bottom: 10px;*/
}
#logoImage {
    /*width: 400px;*/
    /*height: 200px;*/
    /*height: -79px;*/
    /*float: left;*/
    /*position: absolute;*/
}
#logoText {
    font-family: Nimbus;
    /*font-family: poppinsBold;*/
    position: absolute;
    color: white;
    top: 40px;
  left: 114px;
    /*margin-left: 38px;*/
    font-size: 27px;
}
#navDiv {
   
    position: relative;
    /*height: 600px;*/
    width: 400px;
    /*background-color: aqua;*/
    /*white-space: nowrap;*/
    /*text-align: right;*/
   float: right;

    
    
    
    }
.navLinks {
    
    /*background-color: blueviolet;*/
    text-decoration: none;
    color: white;
    display: inline-block;
    vertical-align: top;
    width: auto;
    /*width: 77px;*/
    white-space: nowrap;
    padding-top: 71px;
    margin-left: 20px;
    
    
   
}

#mobileMenuDiv {
    display: flex;
    visibility: hidden;
    position: absolute;
    right: 0px;
    width: 150px;
    height: 190px;
     background-color: #383838;
    /*background-color: aqua;*/
    /*top: 106px;*/
    top: 0px;
    white-space: nowrap; 
        display: grid;
/*    border: 2px dashed #aa3333;*/
    grid-gap: 0px;
/*    grid-template-columns: repeat(3, 1fr);*/
/*    grid-template-rows: 50px;*/
    grid-template-columns: 50px;
    grid-template-rows: repeat(3, 4fr);
    margin-top: -5px;
    padding-bottom: 20px;
}
.mobileNavLinks {
    margin-top: 0px;
    color: white;
    margin-left: 10px;
    margin-top: 10px;
}

#burgerImage {
    visibility: hidden;
    height: 30px;
    margin-top: 65px;
    margin-left: 20px;
}

@media only screen    and (min-device-width: 375px)    and (max-device-width: 812px)    and (-webkit-min-device-pixel-ratio: 2)   and (orientation: portrait) {
    #mainContainer {
    /*background-color: aqua;*/
    }
    #openingLogoDiv {
        height: 103px;
    }
    #actualLogoDiv{
        width: 80%;
        /*background-color: aqua;*/
    }
    #navDiv{
        display: none;
        
        
    }
    #mobileMenuDiv {
        visibility: hidden;
       
        
    }
    #burgerImage {
    visibility: visible;
}
    


#logoText {
    
    left: 80px;
    font-size: 20px;
    /*margin-left: 0px;*/
}
}
    
#logoImage{
    width: 370px;
    height: auto;
    object-fit: contain; 
    /*display: inline-block;*/
    /*align-self: flex-end;*/
    float: left;
    margin-top: 14px;
    margin-bottom: 14px;
    margin-left: 33px;
    
}
@media only screen    and (min-device-width: 375px)    and (max-device-width: 812px)    and (-webkit-min-device-pixel-ratio: 2)   and (orientation: portrait) {
    #logoImage {
        width: 270px;
        width: 91%;
        margin-left: 5px;
    }
}
/*--------------------------------------------------------------------------*/
#welcomePane {
     width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
    /*background-color: aqua;*/
}




 
#welcomeImage {
   min-width:  100%;
    height: auto;
    max-height: 765px;
    object-fit: cover;
    
    /*clip: rect(0px,50px,100px,0px);*/
}
#welcomeTextDiv {
    position: absolute;
    /*background-color: aqua;*/
        top: 6%;
    width: 611px;
    margin-left: 10%;
    z-index: 3;

}
@media only screen    and (min-device-width: 375px)    and (max-device-width: 812px)    and (-webkit-min-device-pixel-ratio: 2)   and (orientation: portrait) {
    #welcomeTextDiv {
        top: 4%;
        margin-bottom: 10%;
        width: 70%;
    }
    #welcomeImage{
        max-height: 400px;
    }
}
#legacyText {
    text-align: left;
    font-size: 27px;

}
/*--------------------------------------------------------------------------*/
#whateverDiv{
    width: 73%;
    min-width: 800px;
    min-height: 258px;
    position: relative;/*display: flex;*/
    margin-left: 6%; 
    margin-top: 2%;
    background-repeat: no-repeat;
    background-position: 95px 49px;
    background-size: 1002px;
    /*background-color: rgba(255,255,255,0.6);*/
    background-blend-mode: lighten;
     /*background-attachment:fixed;*/
    /*white-space: nowrap;*/
}
.whateverText {
    position: absolute;
    margin-left: 19px;
    margin-top: 19px;
    left: 0;
    right: 0;
    text-align: left;
    overflow: hidden;
    white-space: nowrap;
    /*margin: 0;*/
    /*top: 50%;*/
    font-size: 50px;
    /*transform: translateY(-50%);*/
     /*left: 50%;*/
  /*transform: translate(-50%, -50%);*/
    /*text-shadow: 7px 6px 8.7px #d3d3d3;*/
    }
#whateverParagraphTextDiv{
    max-width: 745px;
    width: 65%;
    height: 56%;
    position: absolute;
    top: 88px;
    left: 399px;
    /*background-color: aliceblue;*/
    overflow: hidden;
}
#whateverParagraphText{
    text-align: left;   
}
#whateverMobileText{
    display: none;
}
@media only screen    and (min-device-width: 375px)    and (max-device-width: 812px)    and (-webkit-min-device-pixel-ratio: 2)   and (orientation: portrait) {
    #whateverFullSizeText{
        display: none;
    }
    #whateverMobileText{
    display: inline;
        font-size: 30px;
}
     #whateverDiv {
        margin-top: -20px;
        margin-left: 0px;
         height: 360px;
    }
   
    #whateverParagraphTextDiv{
         top: 100px;
    left: 20px;
        width: 40%;
        height: 78%;
    /*background-color: aqua;*/
    }
   
    }

/*--------------------------------------------------------------------------*/
  .shadow1 {
    box-shadow:
      0 6px 6px hsl(0deg 0% 0% / 0.3);
  }
  .shadow2 {
    box-shadow:
      0 1px 1px hsl(0deg 0% 0% / 0.075),
      0 2px 2px hsl(0deg 0% 0% / 0.075),
      0 4px 4px hsl(0deg 0% 0% / 0.075),
      0 8px 8px hsl(0deg 0% 0% / 0.075),
      0 16px 16px hsl(0deg 0% 0% / 0.075)
    ;
  }
.movieContainer{
    width: 97%;
    height: auto;
     /*background: linear-gradient(#b4b4b4, #e3e3e3);*/
    background-color: white;
     /*display: inline;*/
    margin: 0 auto;
     border-left: 0.1px solid black;
    border-bottom: 0.1px solid black;
    border-top: 0.1px solid black;
    border-radius: 10px 10px 10px 10px;
}
.MoviesDiv{
    width: 100%;
    height: auto;
      display: flex;
    justify-content: center;
    /*background-color: aqua;*/
    padding-top: 1.5%;
    /*padding-bottom: 3%;*/
    
    /*position: relative;*/
    /*background-color: aqua;*/
}
.MoviesTextDiv{
      width: 100%;
    height: auto;
      display: flex;
    justify-content: center;
    margin-bottom: 20px;
    /*background-color: aqua;*/
}
.MoviesTitleText {
    margin-top: 10px;
    margin-bottom: 10px;
}
.MoviesDescText{
    margin-bottom: 20px;
}
#signatureText{
    /*margin-bottom: 68px;*/
    margin: 0 5% 2% 5%;
}
#secondVideosDiv{
    width: 100%;
    height: auto;
display: flex;
    margin-top: 20px;
    /*margin-bottom: 10%;*/
    
    /*background-color: aqua;*/
}
#leftVideoDiv{
    width: 48%;
    height: auto;
    /*background-color: brown;*/
}
#rightVideoDiv{
    width: 48%;
    height: auto;
    /*background-color: blue;*/
}
@media only screen    and (min-device-width: 375px)    and (max-device-width: 812px)    and (-webkit-min-device-pixel-ratio: 2)   and (orientation: portrait) {
    #movieSection{
        margin-top: 32px;
    }
    
    .MoviesDescText{
   font-size: 18px;
}
}
/*--------------------------------------------------------------------------*/
#howContainer{
    width: 91%;
     height: 306px;
    /*background-color: #e0e0e0;*/
    position: relative;
     margin: 0 auto;
    margin-top: 62px;
    padding-bottom: 0px;
    
     /*writing-mode: vertical-lr;*/
  /*border: 5px solid blue;*/
    /*background-image: url('assets/images/transparentBackground1.png');*/
    background-repeat: no-repeat;
    background-position: -226px -14px;
    background-size: 954px;
     /*background-attachment:fixed;*/
    /*background-color: rgba(255,255,255,0.5);*/
    background-blend-mode: lighten;
    border-top: 3px solid crimson;
    border-left: 2px solid crimson;
    border-radius: 10px 0px 0px 0px;
     /*box-shadow: 0 6px 6px inset hsl(0deg 0% 0% / 0.1);*/
     box-shadow: inset rgba(147, 169, 148, 0.2) 0px 7px 7px;
    /*box-shadow: inset rgba(149, 157, 165, 0.2) 0px 11px 12px;*/
    clip-path: inset(1px 10px 0px 0px);
}
#howObjectContainer{
    width: 846px;
    height: 306px;
    /*background-color: cadetblue;*/
    display: block;
    margin: 0 auto;
    
    /*margin-left: 7%;*/
     /*border: 5px solid blue;*/
   
}
#howDiv {
   width: 429px;
    height: 306px;
    margin-left: 400px;
    overflow: hidden;
     position: absolute;
    top: 0px;
    /*background-color: blue;*/
    }
#howTitleText{
    text-align: left;
    color: black;
    margin-bottom: -11px;
    
}
#justifiedleftDiv{
    width: 448px;
    text-align: left;
    margin-left: 0px;
    position: absolute;
    top: 0px;
    left: 20px;
    margin-top: 0px;
    color: black;
    /*background-color: aqua;*/
   }
.leftJustifiedText{
    margin-bottom: -12px;
}
.howLineVertical{
    width: 0%;
    border: 1px solid black;
    float: left;
    position: absolute;
   }
#howVertical1{
    margin-left: 0%;
     height: 251px;
   margin-top: 35px;
}
#mediaPileImage{
    /*max-width: 40%;*/
    /*max-height: 85%;*/
    width: 400px;
    float: left;
    display: block;
    margin-top: 5%;
    margin-left: 5%;
   /*margin-top: 0%;*/
}
@media only screen    and (min-device-width: 375px)    and (max-device-width: 812px)    and (-webkit-min-device-pixel-ratio: 2)   and (orientation: portrait) {
    #howContainer{
        width: 96%;
        margin-top: 18px;
        height: 493px;
        box-shadow: none;
    }
    #howObjectContainer{
        
        width: 100%;
    }
    #howDiv{
        height: 320px;
        width: 100%;
        position: relative;
        margin-left: 0px;
        margin-top: -10px;
        
    }
    #mediaPileImage{
        width: 300px;
        margin-left: 4%;
        margin-top: 0px;
    }
    #justifiedleftDiv{
    width: 98%;
        left: 5px;
        
    }
    #howTitleText{
        margin-top: -5px;
    }
    

    
}
#customContainer{
    width: 91%;
   height: 353px;
    /*background-color: blueviolet;*/
    position: relative;
     margin: 0 auto;
    margin-top: -66px;
    margin-bottom: 42px;
    border-right: 2px solid crimson;
    border-bottom: 3px solid crimson;
    border-radius: 0px 0px 10px 0px;
    box-shadow: rgba(148, 127, 171, 0.2) 0px 7px 7px;
     /*box-shadow: rgba(149, 157, 165, 0.2) 0px 10px 10px;*/
     /*box-shadow: 0 0px 6px hsl(0deg 0% 0% / 0.3);*/
     /*clip-path: inset(0px 0px 0px 10px);*/
}
#customObjectContainer{
    width: 759px;
   
    height: 306px;
     display: block;
    margin: 0 auto;
    /*background-color: blue;*/
    margin-top: 44px;
}
#customDiv {
   width: 535px;

    height: 334px;
    margin-left: 0px;
    overflow: hidden;
    position: absolute;
    top: 10px;
    /*background-color: aqua;*/
}
#customizationTitleText{
     text-align: right;
    color: black;
     margin-bottom: -11px;
}
#justifiedRightDiv{
    width: 565px;
    text-align: right;
    margin-left: 0px;
    position: absolute;
    top: 0px;
    left: -45px;
    margin-top: -35px;
    color: black;
    /*background-color: blanchedalmond;*/
   }
.rightJustifiedText{
    margin-bottom: -12px;
    /*background-color: brown;*/
}
#textFixMobile{
    display: none;
}
#howVertical2{
    margin-left: 591px;
     height: 441px;
     margin-top: 40px;
}
#mervPic{
    width: 400px;
    float: right;
    display: block;
    margin-top: -44px;
    margin-left: 436px;
    position: absolute;
}
@media only screen    and (min-device-width: 375px)    and (max-device-width: 812px)    and (-webkit-min-device-pixel-ratio: 2)   and (orientation: portrait) {
    #customContainer{
        width: 94%;
        height: 648px;
        margin-top: 55px;
        margin-bottom: 30px;
    }
    #customObjectContainer{
        /*width: 370px;*/
        width: 98%;
        position: relative;
        margin-left: 0px;
        margin-top: -50px;
        /*background-color: aqua;*/
    }
    #customDiv{
        width: 100%;
        top: 0px;
        /*background-color: brown;*/
    }
    #justifiedRightDiv{
        /*width: 358px;*/
        width: 100%;
        left: 0px;
        height: 400px;
        margin-top: -15px;
    }
    #textFixFullScreen{
        display: none;
    }
    #textFixMobile{
        display: block;
    }
    #Line3Div {
        margin-left: -8%;
    }
    #mervPic{
         margin-top: 300px;
    margin-left: 0px;
    }
    
}
/*--------------------------------------------------------------------------*/
#quotePane {
    margin-top: 2%;
    margin-left: 5%;
    margin-bottom: 8%;
     width: 91%;
    height: 500px;
    position: relative;
    overflow: hidden;
      background-image: url('assets/images/quoteV1.jpg');
    background-repeat: no-repeat;
    background-position: 0% 0px;
    background-size: cover;

    position: relative;
    
    
}
#quoteObjectContainer{
    width: 914px;
    height: 100%;
    /*background-color: aqua;*/
    position: relative;
    margin: 0 auto;
    
   /*overflow: hidden;*/
    /*display: inline-block;*/
}
#quoteTextDiv {
    position: relative;
    /*background-color: brown;*/
        top: 9%;
    width: 100%;
    /*min-width: 800px;*/
    /*margin-left: 10%;*/
    text-align: center;
    
    /*margin-top: 68px;*/
   
}
#quoteText{
    font-size: 40px;
}
#mobileQuoteText{
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
}
@media only screen    and (min-device-width: 375px)    and (max-device-width: 812px)    and (-webkit-min-device-pixel-ratio: 2)   and (orientation: portrait) {
      #quotePane {
        height: 289px;
        background-position: -123px 0px;
    }
    #quoteObjectContainer{
        width: 100%;
        /*background-color: aqua;*/
    }

    #quoteTextDiv {
        width: 100%;
        top: 2%;
        margin-left: 35px;
    }
    
    #quoteText{
        visibility: hidden;
    /*font-size: 20px;*/
}
    #mobileQuoteText{
        visibility: visible;
        font-size: 20px;
    }

}
#authorDiv{
    /*margin-left: 0%;*/
    width: 100%;
    margin-top: 215px;
    /*background-color: red;*/
    height: 100px;
    position: relative;
    margin-bottom: 0%;
    text-align: center;
}
#authorLine{
    /*margin-left: 106px;*/
    margin-top: 0%;
    margin-bottom: 1%;
    color: white;
    /*background-color: aqua;*/
    position: relative;
       width: 100px;
  height: 0;
  border: 2px solid black;
    margin: auto;
    /*text-align: center;*/
  /*margin: 3px;*/
  /*display:inline-block;*/
}
#authorText {
    top: 56px;
    margin-left: 287px;
    position: absolute;
    color: black;
    font-size: 20px;

}
@media only screen    and (min-device-width: 375px)    and (max-device-width: 812px)    and (-webkit-min-device-pixel-ratio: 2)   and (orientation: portrait) {
  
    #authorDiv{
        margin-top: -112px;
       margin-left: 25%;
        width: 50%;
        position: absolute;
        /*background-color: aqua;*/
        
    }
    #authorText{
    font-size: 20px;
        /*margin-left: 55px;*/
      margin-left: 0px;
     
}
    #authorLine{
         border: 1px solid black;
        position: absolute;
        top: 37px;
        left: 40px;
    }
}
/*--------------------------------------------------------------------------*/
#aboutContainer{
    width: auto;
    height: auto;
    background-color: aqua;
    /*background-image: url('assets/images/LogoOnly.png');*/
    background-repeat: no-repeat;
    background-position: 0% 0px;
    background-size: 954px;
     /*background-attachment:fixed;*/
    background-color: rgba(255,255,255,0.85);
    background-blend-mode: lighten;
    margin-bottom: 30px;
}
.Row{
    display: flex;
    width: 90%;
    height: 337px;
    /*background-color: aqua;*/
     align-items: center;
    margin:0 auto;
   justify-content: center;
    flex-direction: row-reverse;
    gap: 10px;
 }
.Col{
    flex: 1;
    height: 98%;
    max-width: 580px;
    /*background-color: blue;*/
   }
.Col:first-child{
    margin-right: 0px;    
}
#Col1{
    flex-grow: 1;
    padding-bottom: 0px;
   text-align: left;
   }
#Col2{
    background-image: url('assets/images/Brad/IMG_6244.jpeg');
    background-repeat: no-repeat;
    background-position: 0px -75px;
    background-size: 686px;
}
#storyText{
    margin-left: 0px;
}
#Col3{
    
  background-image: url('assets/images/darcy1.JPG');
    background-repeat: no-repeat;
    background-position: 0% 0px;
    background-size: 581px;
}
#darcy{
    text-align: right;
}
 #darcyList{
    
        visibility: visible;
    
}
    #mobileDarcyList{
        visibility: hidden;
    }

#Col4{
      flex-grow: 1;
    padding-bottom: 0px;
    /*margin-bottom: 89px;*/
    text-align: right;
    }
#Col5{
    flex-grow: 1;
    padding-bottom: 0px;
    /*margin-bottom: 89px;*/
    text-align: left;
}

#Col6{
    
     background-image: url('assets/images/bradInformal.jpeg');
    background-repeat: no-repeat;
    /*background-position: 1px -65px;*/
    background-position: 1px -34px;
    /*background-size: 581px;*/
     background-size: 581px;
}
.listText{
    line-height: 19px;
    margin-bottom: -13px;
}
.titles{
    margin-top: 75px;
    line-height: 0px;
    text-align: left;
}

@media only screen    and (min-device-width: 375px)    and (max-device-width: 812px)    and (-webkit-min-device-pixel-ratio: 2)   and (orientation: portrait) {
    #aboutContainer{
     
        background-position: 0% 290px;
    }
    .Row{
       /*max-width: 900px;*/
        flex-direction: column-reverse;
        height: 600px;
        gap: 0px;
    }
    #darcyRow{
        flex-direction: column;
        height: 400px;
    }
    #bradRow{
        height: 400px;
    }
    .Col{
        height: 27px;
        width: 387px;
       
    }
    .titles{
        margin-top: 24px;
    }
    
    #Col3{
        background-size: 363px;
         background-position: 15px 0px;
        padding-bottom: 100px;
        /*height: 200px;*/
    }
    #darcy{
        margin-right: 10px;
    }
    #darcyList{
    margin-right: 13px;
        visibility: hidden;
        position: absolute;
}
    #mobileDarcyList{
        visibility: visible;
        margin-right: 13px;
    }
    #Col4{
        height: 1px;
        margin-bottom: 40px;
        /*padding-bottom: 200px;*/
    }
    #bradTitle{
        margin-left: 13px;
    }
    #bradList{
        margin-left: 13px;
    }
    #Col5{
        margin-bottom: -157px;
    }
    #Col6{
        width: 100%;
         background-position: -75px -49px;
        background-size: 449px;
        background-color: aqua;
        margin-top: 70px;
    }
}
/*--------------------------------------------------------------------------*/
#closingPane{
    width: 91%;
    min-width:  913px;
        /*max-width: 1376px;*/
    margin-bottom: 39px;
    margin-left: 4.5%;
    /*margin: 0 auto;*/
   height: 500px;
    position: relative;
    overflow: hidden;
    /*background-color: aqua;*/
     background-image: url('assets/images/aboutV2.jpg');
    background-repeat: no-repeat;
    background-position: 0px -109px;
    /*background-size: 1476px 500px;*/
    background-size: cover;
    
     /*background-attachment:fixed;*/
    background-color: rgba(0, 0, 0, 0.3);
    background-blend-mode: darken;
    border-top: 2px solid black;
    border-left: 2px solid black;
}
#closingTitleDiv{
    /*background-color: brown;*/
    width: 80%;
    min-width: 700px;
    text-align-last: center;
    margin: 0 auto;
    margin-top: 30px;
}
#closingTitleText{
    font-size: 51px;
    color: white;
}
#closingTextDiv{
 /*position: absolute;*/
    /*background-color: aquamarine;*/
        top: 5%;
    width: 648px;
    margin: 0 auto;
    margin-top: 100px;
    overflow: hidden;
     
    /*white-space: nowrap;*/
}
#storyText{
    color: white;
    visibility: visible;
    /*position: absolute;*/
}
#mobileStoryText{
    visibility: hidden;
}

@media only screen    and (min-device-width: 375px)    and (max-device-width: 812px)    and (-webkit-min-device-pixel-ratio: 2)   and (orientation: portrait){
    #closingTextDiv{
        width: 100%;
        white-space: normal;
        top: 0;
        margin-top: 0px;
        margin-left: 30px;
    }
    #closingPane{
        min-width: 0px;
        height: 610px;
        background-size: 800px 100%;
         background-position: -50px 0px;
    }
    #closingTitleDiv{
        min-width: 0px;
        text-align-last: left;
    }
    #closingTextDiv{
        width: 96%;
    }
    #closingTitleText{
        font-size: 40px;
    }
    #storyText{
   
    visibility: hidden;
        position: absolute;
}
    #mobileStoryText{
    visibility: visible;
        color: white;
}
}
/*--------------------------------------------------------------------------*/
#contactDiv{
    width: 100%;
    overflow: hidden;
    margin-top: 0px;
    position: relative;
    height: 510px;
     background-image: url('assets/images/ClearNorthLogo/FilmstripkSmallerHoles.png');
    background-repeat: no-repeat;
    background-position: 24px -40px;
    background-size: 97%;
     /*background-attachment:fixed;*/
    background-color: rgba(255,255,255,0.8);
    background-blend-mode: lighten;
    /*background-color: aqua;*/
    /*background-color: aqua;*/
    /*z-index: -1;*/
}

#lineSpan{
    position: absolute;
    border-bottom: 3px solid; 
    padding-left: 74px;
    top: 79.5px;
}
#contactImage{
    height: 600px;
    width: 100%;
    object-fit: cover;
    position: absolute;
}
#emailDiv{
     display: flex;
  justify-content: center;
    width: 50%;
    height: 200px;
    min-width: 500px;
    /*background-color: transparent;*/
    /*background-color: aqua;*/
    /*position: absolute;*/
    margin-left: 25%;
    margin-top: 63px;
    padding-top: 2%;
    border-radius: 33px; 
    position: relative;

    /*background: linear-gradient(#f4f3f3, #b8b8b8);*/
    /*color: #b8b8b8;*/
    
}

#newContactText {
    font-size: 20px;
    text-decoration: none;
    }
#mobileContactText {
    visibility: hidden;
    display: none;
    
}
#emailLink{
    width: 244px;
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    margin-top: 260px;
  
    /*position: absolute;*/
    /*margin-top: 9%;*/
}
.button {
  
 
                    /*display: inline-block;*/
                    outline: 0;
                    border: 0;
                    cursor: pointer;
                    background-color: #4299e1;
                    border-radius: 50px;
                    padding: 9px 0px;
                    font-size: 18px;
                    font-weight: 700;
                    /*font-family: 'Times New Roman', Times, Serif;*/
                    color: white;
                    line-height: 31px;
                    margin-top: 215px;
                    text-align: center;
                    /*margin-left: auto;*/
                   
                
}
.button:hover {
      background-color:#336793;
      transition: 0.7s;
  }
@media only screen    and (min-device-width: 375px)    and (max-device-width: 812px)    and (-webkit-min-device-pixel-ratio: 2)   and (orientation: portrait) {
    #contactDiv{
        width: 95%;
          background-position: 0px 43px;
    background-size: 300%;
        background-color: rgba(255,255,255,0.8);
        z-index: -1;
    }
    #contactImage{
        width: 100%;
    }
    #contactFont{
        font-size: 16px;
    }
    #emailDiv {
         width: 70%;
        min-width: 0px;
    height: 200px;
         margin-left: 16%;
    margin-top: 98px;
    }
    #lineSpan{
        top: 72px; 
         border-bottom: 2px solid;
    }
    .button{
        margin-left: 75px;
        margin-top: 292px;
    }
    #newContactText {
    display: none;
    visibility: hidden;
    }
    
    #mobileContactText { 
    display: block;
    visibility: visible;
    font-size: 18px;
    margin-left: 25px;
    }
    
    #emailLink{
        margin-left: 25px;
    }
}
#finePrintDiv{
    height:93px;
    width: 500px;
   padding-top: 50px;
    padding-bottom: 30px;
    /*background-color: aqua;*/
    justify-content: center;
    position: relative;
     background-image: url('assets/images/ClearNorthLogo/BlackWithTransparentHolesPNG.png');
    background-repeat: no-repeat;
    background-position: 108px 69px;
    background-size: 254px;
    margin: 0 auto;
}
#endLogoTextDiv {
    position: absolute;
    /*background-color: aqua;*/
    margin-left: 165px;
    margin-top: 40px;
}
#endLogoText {
    font-size: 19px;
    font-family: Nimbus;
}
#copyrightText{
    /*color: black;*/
    font-size: 14px;
    text-align: center;
    margin-top: 100px;
    position: absolute;
     left:0;
  right:0;
}
@media only screen    and (min-device-width: 375px)    and (max-device-width: 812px)    and (-webkit-min-device-pixel-ratio: 2)   and (orientation: portrait) {
    #copyrightText{
         margin-top: 23%;
    }
    #finePrintDiv{
        width: 100%;
         background-size: 191px;
        background-position: 50% 79px;
    }
    #endLogoTextDiv {
    
         margin-left: 110px;
    }
    #copyrightText{
        font-size: 11px;
    }
    
    
}
/*--------------------------------------------------------------------------*/
/*
.parallax {
  
  height: 100vh;
    height: 900px;
  overflow-x: hidden;
  overflow-y: auto;
     -webkit-perspective: 1px;
    perspective: 1px;
}
.parallax__layer {
   
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
    padding: 100vh 0;
}
.parallax__layer--base { 
    width: 300px;
    height: 100px;
    background-color: aqua;
   -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
.parallax__layer--back {
     width: 100px;
    height: 1px;
    background-color:brown;
  -webkit-transform: translateZ(-1px);
    transform: translateZ(-1px);
}
*/