section{
    width: 100%;
    min-height:90vh;
    background-color:#eee;
    display:flex;
}

.container{
    width:80%;
    max-width: 90rem;
    margin:auto;
    
}

@media(max-width:800px){
    .container{
        width:95%;
    }
}

@media(min-width:1000px){
#multi_container{
    width:65%;
}
}
@media(max-width:999px){
    #multi_container{
        width:80%;
    }
}

@media(max-width:600px){
    #multi_container{
        width:99%;
    }
}

#navborder{
    border-bottom:1px solid black;
}

@media (max-width:740px){
.hide-sm{
    
        display:none;
    }
}

.navbar{
    margin-bottom:.1rem;
    border-bottom:1px solid black;
    margin-left: 2rem;
    margin-right: 2rem;
    display:flex;
    align-items:center;
    height:3rem;
}

.navbarItem{
    text-decoration:none;
    padding-left:.25rem;
    color:black;
    line-height:80%;
}

.bottomnavbar{
    margin-top:.1rem;
    border-top:1px solid black;
    margin-left: 2rem;
    margin-right: 2rem;
    display:flex;
    align-items:center;
    height:3rem;
}

/* @media (min-width:600px){
.image-gallerya{
    display:grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: auto;
    grid-gap: .5rem;
    grid-template-areas:
    'imga1 imga1 imga3 imga5'
    'imga1 imga1 imga3 imga4'
    'imga2 imga2 imga3 imga4'
}} */

@media (min-width:600px){
    .image-gallerya{
        display:grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        grid-template-rows: auto;
        grid-gap: .5rem;
        grid-template-areas:
        'imga6 imga6 imga6 imga8'
        'imga6 imga6 imga6 imga9'
        'imga1 imga1 imga2 imga2'
        'imga1 imga1 imga3 imga3'
        'imga4 imga4 imga3 imga3'
        'imga4 imga4 imga5 imga5'
       
        'imga10 imga7 imga7 imga7'
        'imga11 imga7 imga7 imga7'

        
    }}

@media (max-width:600px){
    .image-gallerya{
        display:grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto;
        grid-row-gap: 0.5rem;
        grid-column-gap:0.1rem;
        grid-template-areas:
        'imga6 imga6'
        'imga8 imga9'
        'imga1 imga1'
        'imga1 imga1'
        'imga2 imga5'
        'imga4 imga4'
        'imga4 imga4'
        'imga3 imga3'
        'imga3 imga3'
        'imga10 imga11'
        'imga7 imga7'
    }}

    /* @media (max-width:600px){
        .image-gallerya{
            display:grid;
            grid-template-columns: 1fr 1fr;
            grid-template-rows: auto;
            grid-row-gap: 0.5rem;
            grid-column-gap:0.1rem;
            grid-template-areas:
            'imga3 imga5'
            'imga3 imga4'
            'imga3 imga4'
            'imga1 imga1'
            'imga1 imga1'
            'imga2 imga2'
        }} */

@media(min-width:600px){
.image-galleryb{
    display:grid;
    grid-template-columns:1fr 1fr 1fr 1fr;
    grid-template-rows: auto;
    grid-gap:0.5em;
    grid-template-areas:
    'imgb1 imgb1 imgb1 imgb2'
    'imgb3 imgb4 imgb5 imgb2'
    'imgb7 imgb8 imgb8 imgb8'
    'imgb7 imgb10 imgb10 imgb9'
    
    
}}

@media(max-width:600px){
.image-galleryb{
    display:grid;
    grid-template-columns:1fr 1fr;
    grid-template-rows: auto;
    grid-row-gap: 0.5rem;
    grid-column-gap:0.1rem;
    grid-template-areas:
    'imgb1 imgb1 '
    'imgb3 imgb2'
    'imgb11 imgb2'
    'imgb4 imgb5 '
    'imgb7 imgb6'
    'imgb7 imgb9'
    'imgb10 imgb10'
    
    
}}

@media(min-width:600px){
    .image-galleryc{
        display:grid;
        grid-template-columns:1fr 1fr 1fr 1fr;
        grid-template-rows: auto;
        grid-gap:0.5em;
        grid-template-areas:
        'imgc1 imgc4 imgc2 imgc2'
        'imgc1 imgc3 imgc3 imgc5'
        'imgc6 imgc3 imgc3 imgc5'
        'imgc6 imgc7 imgc8 imgc8'
        
        
        
        
    }}
    
    @media(max-width:600px){
    .image-galleryc{
        display:grid;
        grid-template-columns:1fr 1fr;
        grid-template-rows: auto;
        grid-row-gap: 0.5rem;
        grid-column-gap:0.1rem;
        grid-template-areas:
        'imgc2 imgc2 '
        'imgc1 imgc6'
        'imgc1 imgc6'
        'imgc3 imgc3'
        'imgc4 imgc7'
        'imgc8 imgc8'
        'imgc5 imgc5'
        'imgc9 imgc9'
        
        
    }}

[class*=image-gallery] a{
    width:100%;
    height:10rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size:cover;
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
}
[class*=image-gallery] a i{
    display:none;
    font-size: 3rem;
    position:relative;
    z-index: 50; 
    padding: 1rem 3rem;
    border:2px solid rgba(255,255,255, .6);
    border-radius: .4rem;
    opacity: 0;
    transition:opacity .5s;
}
[class*=image-gallery] a::before{
    content:'';
    position: absolute;
    width: 100%;
    height: 100%;
    top:0;
    left:0;
    opacity:0;
    background-color: rgba(0,0,0,.2);
}

[class*=image-gallery] a:hover i,
[class*=image-gallery] a:hover::before{
    opacity:1;
}




/* these are the links to multi planes */
/* remember you have to add new photos imga1 to html, here(css), and javascript */
@media (max-width:600px){

.imga1{
    grid-area: imga1;
    min-height:21rem;
    min-width: 95%;
    background-image: url('https://themostuniquebucketnameinalltheworld.s3.us-east-2.amazonaws.com/dorianLynde/webOpt/multi/lemmingsFullb.jpg');
}}

@media (min-width:600px){
    .imga1{
    grid-area: imga1;
    min-height:21rem;
    min-width: 95%;
    background-image: url("https://themostuniquebucketnameinalltheworld.s3.us-east-2.amazonaws.com/dorianLynde/webOpt/multi/lemmingsFullb.jpg");
    }
   
    /* .imga6{
    grid-area: imga6;
    min-height:21rem;
    min-width: 95%;
    background-image: url("https://themostuniquebucketnameinalltheworld.s3.us-east-2.amazonaws.com/dorianLynde/webOpt/multi/treesMainb.jpg");
    } */
}


    @media (max-width:600px){
    .imga2{
    grid-area: imga2;
    min-width: 95%;
    background-image: url("https://themostuniquebucketnameinalltheworld.s3.us-east-2.amazonaws.com/dorianLynde/webOpt/multi/lemmingsbelow2.jpg");
    background-position: bottom !important;
    
}}
@media (min-width:600px){
    .imga2{
    grid-area: imga2;
    min-width: 95%;
    background-image: url("https://themostuniquebucketnameinalltheworld.s3.us-east-2.amazonaws.com/dorianLynde/webOpt/multi/lemmingsbelow2.jpg");
    background-position: bottom !important;
}}


.imga3{
    grid-area: imga3;
    min-height: 21rem;
    background-image: url("https://themostuniquebucketnameinalltheworld.s3.us-east-2.amazonaws.com/dorianLynde/webOpt/multi/vulturesb.jpg");
}.imga4{
    grid-area: imga4;
    min-height:21rem;
    background-image: url("https://themostuniquebucketnameinalltheworld.s3.us-east-2.amazonaws.com/dorianLynde/webOpt/multi/stockholmFull2.jpg");
}.imga5{
    grid-area: imga5;
    min-width: none;
    background-image: url("https://themostuniquebucketnameinalltheworld.s3.us-east-2.amazonaws.com/dorianLynde/webOpt/multi/stockholmclose2.jpg");
}
.imga6{
    grid-area: imga6;
    min-height:21rem;
    background-image: url("https://themostuniquebucketnameinalltheworld.s3.us-east-2.amazonaws.com/dorianLynde/webOpt/multi/treesMainb.jpg")
}
.imga7{
    grid-area: imga7;
    min-height:21rem;
    background-image: url("https://themostuniquebucketnameinalltheworld.s3.us-east-2.amazonaws.com/dorianLynde/webOpt/multi/treesScaleb.jpg")
}
.imga8{
    grid-area: imga8;
    /* min-height:21rem; */
    background-image: url("https://themostuniquebucketnameinalltheworld.s3.us-east-2.amazonaws.com/dorianLynde/webOpt/multi/trees1b.jpg")
}
.imga9{
    grid-area: imga9;
    /* min-height:21rem; */
    background-image: url("https://themostuniquebucketnameinalltheworld.s3.us-east-2.amazonaws.com/dorianLynde/webOpt/multi/trees2b.jpg")
}
.imga10{
    grid-area: imga10;
    /* min-height:21rem; */
    background-image: url("https://themostuniquebucketnameinalltheworld.s3.us-east-2.amazonaws.com/dorianLynde/webOpt/multi/trees3b.jpg")
}
.imga11{
    grid-area: imga11;
    /* min-height:21rem; */
    background-image: url("https://themostuniquebucketnameinalltheworld.s3.us-east-2.amazonaws.com/dorianLynde/webOpt/multi/treesContact.jpg")
}



/* these are links to No damsel thumbnails */
.imgb1{
    grid-area:imgb1;
    background-image:url("https://themostuniquebucketnameinalltheworld.s3.us-east-2.amazonaws.com/dorianLynde/webOpt/noDamsel/allChars2.jpg");
    width: 100%;
    background-position:50% 33% !important;

}
@media(max-width:600px){
.imgb2{
    grid-area:imgb2;
    min-height:20.5rem;
    background-position:70% !important;
    background-image:url('https://themostuniquebucketnameinalltheworld.s3.us-east-2.amazonaws.com/dorianLynde/webOpt/noDamsel/inWildB2.jpg');
}}
@media(min-width:600px){
.imgb2{
    grid-area:imgb2;
    min-height:20.5rem;
    
    background-image:url('https://themostuniquebucketnameinalltheworld.s3.us-east-2.amazonaws.com/dorianLynde/webOpt/noDamsel/inWildB2.jpg');
}}
.imgb3{
    grid-area:imgb3;
    
    background-image:url('https://themostuniquebucketnameinalltheworld.s3.us-east-2.amazonaws.com/dorianLynde/webOpt/noDamsel/basketballBookmarked2.jpg');
}
.imgb4{
    grid-area:imgb4;
    background-image:url('https://themostuniquebucketnameinalltheworld.s3.us-east-2.amazonaws.com/dorianLynde/webOpt/noDamsel/beastBookmarked2.jpg');
}
.imgb5{
    grid-area:imgb5;
    background-image:url('https://themostuniquebucketnameinalltheworld.s3.us-east-2.amazonaws.com/dorianLynde/webOpt/noDamsel/tats2.jpg');
}
.imgb6{
    grid-area:imgb6;
    background-image:url('https://themostuniquebucketnameinalltheworld.s3.us-east-2.amazonaws.com/dorianLynde/webOpt/noDamsel/info2.jpg');
}
.imgb7{
    grid-area:imgb7;
    min-height:20.5rem;
    background-image:url('https://themostuniquebucketnameinalltheworld.s3.us-east-2.amazonaws.com/dorianLynde/webOpt/noDamsel/onlook2.jpg');
}
.imgb8{
    grid-area:imgb8;
    background-image:url('https://themostuniquebucketnameinalltheworld.s3.us-east-2.amazonaws.com/dorianLynde/webOpt/noDamsel/wideSketch2.jpg');
}
.imgb9{
    grid-area:imgb9;
    background-position:top !important;
    background-image:url('https://themostuniquebucketnameinalltheworld.s3.us-east-2.amazonaws.com/dorianLynde/webOpt/noDamsel/meditate2.jpg');
}
.imgb10{
    grid-area:imgb10;
    background-position:50% 80% !important;
    background-image:url('https://themostuniquebucketnameinalltheworld.s3.us-east-2.amazonaws.com/dorianLynde/webOpt/noDamsel/inWildA.jpg');
}
.imgb11{
    grid-area:imgb11;
    background-image:url('https://themostuniquebucketnameinalltheworld.s3.us-east-2.amazonaws.com/dorianLynde/webOpt/noDamsel/inWildC.jpg');
}


/* these are the links for Buying Power thumbnails */
.imgc1{
    grid-area:imgc1;
    background-image:url("https://themostuniquebucketnameinalltheworld.s3.us-east-2.amazonaws.com/dorianLynde/webOpt/buyingPower/eatPeach2.jpg");
    min-height:20.5rem;
}



@media(max-width:600px){
.imgc2{
    grid-area:imgc2;
    background-image:url('https://themostuniquebucketnameinalltheworld.s3.us-east-2.amazonaws.com/dorianLynde/webOpt/buyingPower/viewersG2.jpg');
}}
@media(min-width:600px){
    .imgc2{
        grid-area:imgc2;
        
        background-image:url("https://themostuniquebucketnameinalltheworld.s3.us-east-2.amazonaws.com/dorianLynde/webOpt/buyingPower/viewersG2.jpg")
    }}

    @media(max-width:600px){
    .imgc3{
        grid-area:imgc3;
        background-image:url('https://themostuniquebucketnameinalltheworld.s3.us-east-2.amazonaws.com/dorianLynde/webOpt/buyingPower/wontPay2.jpg');
    }}
    @media(min-width:600px){
    .imgc3{
    grid-area:imgc3;
    min-height:20.5rem;
    background-image:url('https://themostuniquebucketnameinalltheworld.s3.us-east-2.amazonaws.com/dorianLynde/webOpt/buyingPower/wontPay2.jpg');
    }}
.imgc4{
    grid-area:imgc4;
    background-image:url('https://themostuniquebucketnameinalltheworld.s3.us-east-2.amazonaws.com/dorianLynde/webOpt/buyingPower/money2.jpg');
}
@media(min-width:600px){
.imgc5{
    grid-area:imgc5;
    min-height:20.5rem;
    background-image:url('https://themostuniquebucketnameinalltheworld.s3.us-east-2.amazonaws.com/dorianLynde/webOpt/buyingPower/viewersA2.jpg');
}}
@media(max-width:600px){
    .imgc5{
        grid-area:imgc5;
        min-height:20.5rem;
        background-image:url('https://themostuniquebucketnameinalltheworld.s3.us-east-2.amazonaws.com/dorianLynde/webOpt/buyingPower/viewersA2.jpg');
    }}

.imgc6{
    grid-area:imgc6;
    background-image:url('https://themostuniquebucketnameinalltheworld.s3.us-east-2.amazonaws.com/dorianLynde/webOpt/buyingPower/climax2.jpg');
    min-height:20.5rem;
}
.imgc7{
    grid-area:imgc7;
    background-image:url('https://themostuniquebucketnameinalltheworld.s3.us-east-2.amazonaws.com/dorianLynde/webOpt/buyingPower/shirts2.jpg');
}
.imgc8{
    grid-area:imgc8;
    background-image:url('https://themostuniquebucketnameinalltheworld.s3.us-east-2.amazonaws.com/dorianLynde/webOpt/buyingPower/viewersE2.jpg');
}
.imgc9{
    grid-area:imgc9;
    background-image:url('https://themostuniquebucketnameinalltheworld.s3.us-east-2.amazonaws.com/dorianLynde/webOpt/buyingPower/viewersF2.jpg');
}
.imgc10{
    grid-area:imgc10;
    background-position:50% 80% !important;
    background-image:url('');
}
.imgc11{
    grid-area:imgc11;
    background-image:url('');
}


/* this is the class that is used to engage and disengage the lightbox` */
#modal {
    display: none;
    justify-content: center;
    align-content:center;
    position: fixed;
    z-index: 1;
    padding-left:0px;
    
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(102, 84, 84, 0.822);
    z-index:90;
  }
  
  .modal-content {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-content:center;
    align-items:center;
    margin: auto;
    padding: 0 0 0 0;
    width: 80%;
    max-height: 60%;
    max-width: 1200px;
    z-index:90;
  }
@media(min-width:500px){
    .modal-content img{
        max-width: 80%;
        max-height:90vh !important;
    }
}

  @media(max-width:500px){
      .modal-content{
          width:100%;
      }
      .modal-content img{
          width:100%;
          max-height:90vh !important;
          
      }
  }

  
  #lightboxImg   {
      
      
      border:2px solid rgb(68, 110, 226);
  }

  .navbar{
      display:flex;
      align-items:center;
      height:3rem;
  }

  .navbarItem{
      padding-left:1rem;
  }
@media (min-width:600px){
  .navbarItem{
      text-decoration:none;
      padding-left:1 rem;
      color:black;
  }
}


  [class*='exp']{
      background:blue;
  }