@media only screen and (max-width:600px){
    .taglong {
        position:relative;
        color:#646B61;
        font-size:30px;
        font-weight:50px;
        left:5px;
        transition:ease-in-out .5s;
        user-select: none;
        filter: drop-shadow(0 0 0.75rem black);
    
    }
    
    
    
    
    .site-title:hover .taglong{
        color:white;
        filter: drop-shadow(0 0 0.75rem white);
    }
    
    .serviceList{
        box-sizing:border-box;
        width:100vw;
        height:auto;
        display:flex;
        flex-direction:row;
        align-items:start;
        flex-wrap:wrap;
        translate:0px 0vh;
        overflow:hidden;
        background-image:linear-gradient(#26373e,#646b61);
      
    
    }
    
    .listed{
        width:20vw;
        height:auto;
        display:flex;
        flex-direction:column;
        align-items:start;
        z-index:0;
        left:0px;
        
        margin-top:5vh;
        bottom:0px;
        position:relative;
        
        
    
    }
    
    .listing{
        display:flex;
        position:relative;
        width:auto;
        display:flex;
        align-items:start;
        text-align:left;
        z-index:3;
        filter:drop-shadow(0 0 .55rem black);
        font-family: 'Cormorant Garamond', serif;
    
    }
    
    .listing h1{
        margin-left:10px;
        margin-bottom:10px;
        font-size:3em;
        color:white;
        transition: font-size ease-in 1s;
        word-break:keep-all;
    }
    
    .listing p{
        font-size:2em;
        word-break:keep-all;
        white-space:nowrap;
        background-clip:text;
        -webkit-background-clip:text;
        -webkit-text-fill-color: transparent;
      
    }
    
    .listing button{
        background-color:none;
        border-top:1px solid #26373e;
        font-family: 'Cormorant Garamond', serif;
    }
    
    .listing button:hover{
        border-top:5px solid #646B61;
    }
    
    .listingBtn{
       min-width:auto;
        padding-right:20px;
        transition:.5s;
        border: 0px;
        background-color:none;
        background:none;
        font-size:20px;
        transition: ease-in .3s;
        background-image:none;
       border-bottom-right-radius: 50px;
       
    
    }
    
    .listingBtn p{
        background:white;
        font-size:20px;
        transition:ease-in .3s;
        background-clip:text;
        -webkit-text-fill-color:transparent;
        -webkit-background-clip:text;
        text-align:left;
        
        
    
    }
    
    .listingBtn:hover{
        min-width:20%;
        padding-right:50px;
      
        background-image:linear-gradient(90deg,rgb(39, 56, 63,100%),rgb(39, 56, 63,0%));
    }
    
    .listingBtn:hover p{
        
        background:-webkit-linear-gradient(white,white,silver,white,silver);
     
        background-clip:text;
        -webkit-background-clip:text;
        
    
    }
    
    .listingBtn .underlined{
        margin-top:5px;
        transition: width ease-in .3s;
    }
    
    .listingBtn:hover .underlined{
        width:100%;
    }
    
    .listingEmpty{
        width:25vw;
        height:10vh;
    
    }
    
    .imageArea{
        box-sizing:border-box;
        height:auto;
        width:80vw;
        display:flex;
        flex-direction:column;
        flex-wrap:wrap;
        align-items:center;
        justify-content:center;
       
    }
    
    .caseImage{
        box-sizing:border-box;
        width:60%;
        margin-top:5vh;
        z-index:1;
        border-radius:10px solid red;
        display:flex;
        justify-content:center;
        align-items:center;
        flex-direction:column;
        filter:drop-shadow(0 0 .75rem black);
        
      
    
    }
    
    .imagery{
        display:none;
        width:auto;
        height:auto;
        padding:10px;
    
    }
    
    .imagery img{
    
    
        min-width:200px;
        border-radius:25px;
    }
    
    .textArea{
        box-sizing:border-box;
        display:flex;
        justify-content:center;
        text-align:center;
        word-wrap:break-word;
        overflow:none;
       
        width:auto;
        height:auto;
        border-radius:20px;
        font-family: 'Cormorant Garamond', serif;
        margin-bottom:10px;
    
    }
    
    .text{ 
        box-sizing:border-box;
        display:flex;
        height:auto;
        width:auto;
        min-width:50vw;
        word-wrap:break-word;
        font-size:1.0em;
        overflow:hidden;
        top:5%;
        border-radius:25px;
        
    }
    
    .text p{
        box-sizing:border-box;
        word-wrap:break-word;
    
    }
    
    .caseImage img{
        max-width:100%;
        object-fit:contain;
     
    }
    
    .reviewsArea {
        box-sizing:border-box;
        width:100vw;
        
        min-height:100vh;
        height:auto;
      
      
        display:flex;
        flex-direction:row;
        flex-wrap:wrap;
        background-color:#26373e;
        align-items:center;
        justify-content:center;
    
    }
    
    .reviewsTitle{
        box-sizing:border-box;
        width:100vw;
        height:10%;
        display:flex;
        align-items:center;
        justify-content:center;
        margin-top:5px;
        font-size:1.8em;
        font-family: 'Cormorant Garamond', serif; 
    
    }
    
    .reviewsTitle p{
        white-space:nowrap;
        text-align:center;
    }
    
    .review{
        box-sizing:border-box;
    
        border-radius:25px;
        width:32vw;
        min-width:400px;
        height:75vh;
        display:flex;
        flex-direction:column;
        justify-content:space-evenly;
        align-items:center;
     
        margin-left:2px;
        margin-right:5px;
        margin-top:5px;
        margin-bottom:5px;
        padding-bottom:50px;
     
       
    }
    
    .reviewImage{
        box-sizing:border-box;
        width:70%;
        height:auto;
        display:inline-block;
        align-items:center;
        justify-content:center;
        margin-top:10px;
     
      
    
    }
    
    .reviewImage img{
        height:100%;
        width:100%;
        border:2px solid white;
        border-top-left-radius: 25px;
        border-top-right-radius:25px;
        filter:drop-shadow(0 0 .75rem black);
        
    }
    
    .reviewText{
        width:90%;
        height:30%;
        display:flex;
        text-align:center;
        margin-top:20px;
        font-family: 'Cormorant Garamond', serif; 
        font-size:1.5em;
        text-align:center;
        align-items:center;
        justify-content:center;
        margin-left:5px;
        margin-right:5px;
    
    }
    
    .reviewText p{
        text-align:center;
    
    }
    
    .body{
        overflow:hidden;
    }
}

@media only screen and (min-width:601px) and (max-width:1024px){
    .taglong {
        position:relative;
        color:#646B61;
        font-size:30px;
        font-weight:50px;
        left:5px;
        transition:ease-in-out .5s;
        user-select: none;
        filter: drop-shadow(0 0 0.75rem black);
    
    }
    
    
    
    
    .site-title:hover .taglong{
        color:white;
        filter: drop-shadow(0 0 0.75rem white);
    }
    
    .serviceList{
        box-sizing:border-box;
        width:100vw;
        height:auto;
        display:flex;
        flex-direction:row;
        align-items:start;
        flex-wrap:wrap;
        translate:0px 0vh;
        overflow:hidden;
        background-image:linear-gradient(#26373e,#646b61);
      
    
    }
    
    .listed{
        width:20vw;
        height:auto;
        display:flex;
        flex-direction:column;
        align-items:start;
        z-index:0;
        left:0px;
        
        margin-top:5vh;
        bottom:0px;
        position:relative;
        
        
    
    }
    
    .listing{
        display:flex;
        position:relative;
        width:auto;
        height:10vh;
        display:flex;
        align-items:start;
        text-align:left;
        z-index:3;
        filter:drop-shadow(0 0 .55rem black);
        font-family: 'Cormorant Garamond', serif;
    
    }
    
    .listing h1{
        margin-left:20px;
        margin-bottom:10px;
        font-size:3em;
        color:white;
        transition: font-size ease-in 1s;
        word-break:keep-all;
    }
    
    .listing p{
        font-size:2em;
        word-break:keep-all;
        white-space:nowrap;
        background-clip:text;
        -webkit-background-clip:text;
        -webkit-text-fill-color: transparent;
      
    }
    
    .listing button{
        background-color:none;
        border-top:1px solid #26373e;
        font-family: 'Cormorant Garamond', serif;
    }
    
    .listing button:hover{
        border-top:5px solid #646B61;
    }
    
    .listingBtn{
       min-width:auto;
        padding-right:20px;
        transition:.5s;
        border: 0px;
        background-color:none;
        background:none;
        font-size:20px;
        transition: ease-in .3s;
        background-image:none;
       border-bottom-right-radius: 50px;
       
    
    }
    
    .listingBtn p{
        background:white;
        font-size:40px;
        transition:ease-in .3s;
        background-clip:text;
        -webkit-text-fill-color:transparent;
        -webkit-background-clip:text;
        text-align:left;
        
        
    
    }
    
    .listingBtn:hover{
        min-width:20%;
        padding-right:50px;
      
        background-image:linear-gradient(90deg,rgb(39, 56, 63,100%),rgb(39, 56, 63,0%));
    }
    
    .listingBtn:hover p{
        
        background:-webkit-linear-gradient(white,white,silver,white,silver);
        font-size:45px;
        background-clip:text;
        -webkit-background-clip:text;
        
    
    }
    
    .listingBtn .underlined{
        margin-top:5px;
        transition: width ease-in .3s;
    }
    
    .listingBtn:hover .underlined{
        width:100%;
    }
    
    .listingEmpty{
        width:25vw;
        height:10vh;
    
    }
    
    .imageArea{
        box-sizing:border-box;
        height:auto;
        width:80vw;
        display:flex;
        flex-direction:column;
        flex-wrap:wrap;
        align-items:center;
        justify-content:center;
       
    }
    
    .caseImage{
        box-sizing:border-box;
        width:40%;
        margin-top:5vh;
        z-index:1;
        border-radius:10px solid red;
        display:flex;
        justify-content:center;
        align-items:center;
        flex-direction:column;
        filter:drop-shadow(0 0 .75rem black);
        
      
    
    }
    
    .imagery{
        display:none;
        width:auto;
        height:auto;
        padding:10px;
    
    }
    
    .imagery img{
        width:500px;
    
        min-width:300px;
        border-radius:25px;
    }
    
    .textArea{
        box-sizing:border-box;
        display:flex;
        justify-content:center;
        text-align:center;
        word-wrap:break-word;
        overflow:none;
       
        width:auto;
        height:auto;
        border-radius:20px;
        font-family: 'Cormorant Garamond', serif;
        margin-bottom:30px;
    
    }
    
    .text{ 
        box-sizing:border-box;
        display:flex;
        height:auto;
        width:auto;
        min-width:50vw;
        word-wrap:break-word;
        font-size:1.4em;
        overflow:hidden;
    
        top:5%;
        padding:4vh;
     
        border-radius:25px;
        
    }
    
    .text p{
        box-sizing:border-box;
        word-wrap:break-word;
    
    }
    
    .caseImage img{
        max-width:100%;
        object-fit:contain;
     
    }
    
    .reviewsArea {
        box-sizing:border-box;
        width:100vw;
        
        min-height:100vh;
        height:auto;
      
      
        display:flex;
        flex-direction:row;
        flex-wrap:wrap;
        background-color:#26373e;
        align-items:center;
        justify-content:center;
    
    }
    
    .reviewsTitle{
        box-sizing:border-box;
        width:100vw;
        height:10%;
        display:flex;
        align-items:center;
        justify-content:center;
        margin-top:5px;
        font-size:1.8em;
        font-family: 'Cormorant Garamond', serif; 
    
    }
    
    .reviewsTitle p{
        white-space:nowrap;
        text-align:center;
    }
    
    .review{
        box-sizing:border-box;
    
        border-radius:25px;
        width:32vw;
        min-width:400px;
        height:75vh;
        display:flex;
        flex-direction:column;
        justify-content:space-evenly;
        align-items:center;
     
        margin-left:2px;
        margin-right:5px;
        margin-top:5px;
        margin-bottom:5px;
        padding-bottom:50px;
     
       
    }
    
    .reviewImage{
        box-sizing:border-box;
        width:70%;
        height:auto;
        display:inline-block;
        align-items:center;
        justify-content:center;
        margin-top:10px;
     
      
    
    }
    
    .reviewImage img{
        height:100%;
        width:100%;
        border:2px solid white;
        border-top-left-radius: 25px;
        border-top-right-radius:25px;
        filter:drop-shadow(0 0 .75rem black);
        
    }
    
    .reviewText{
        width:90%;
        height:30%;
        display:flex;
        text-align:center;
        margin-top:20px;
        font-family: 'Cormorant Garamond', serif; 
        font-size:1.5em;
        text-align:center;
        align-items:center;
        justify-content:center;
        margin-left:5px;
        margin-right:5px;
    
    }
    
    .reviewText p{
        text-align:center;
    
    }
    
    .body{
        overflow:hidden;
    }
}

@media only screen and (min-width:1025px){
    .taglong {
        position:relative;
        color:#646B61;
        font-size:30px;
        font-weight:50px;
        left:5px;
        transition:ease-in-out .5s;
        user-select: none;
        filter: drop-shadow(0 0 0.75rem black);
    
    }
    
    
    
    
    .site-title:hover .taglong{
        color:white;
        filter: drop-shadow(0 0 0.75rem white);
    }
    
    .serviceList{
        box-sizing:border-box;
        width:100vw;
        height:auto;
        display:flex;
        flex-direction:row;
        align-items:start;
        flex-wrap:wrap;
        translate:0px 0vh;
        overflow:hidden;
        background-image:linear-gradient(#26373e,#646b61);
      
    
    }
    
    .listed{
        width:20vw;
        height:auto;
        display:flex;
        flex-direction:column;
        align-items:start;
        z-index:0;
        left:0px;
        
        margin-top:5vh;
        bottom:0px;
        position:relative;
        
        
    
    }
    
    .listing{
        display:flex;
        position:relative;
        width:auto;
        height:10vh;
        display:flex;
        align-items:start;
        text-align:left;
        z-index:3;
        filter:drop-shadow(0 0 .55rem black);
        font-family: 'Cormorant Garamond', serif;
    
    }
    
    .listing h1{
        margin-left:20px;
        margin-bottom:10px;
        font-size:3em;
        color:white;
        transition: font-size ease-in 1s;
        word-break:keep-all;
    }
    
    .listing p{
        font-size:2em;
        word-break:keep-all;
        white-space:nowrap;
        background-clip:text;
        -webkit-background-clip:text;
        -webkit-text-fill-color: transparent;
      
    }
    
    .listing button{
        background-color:none;
        border-top:1px solid #26373e;
        font-family: 'Cormorant Garamond', serif;
    }
    
    .listing button:hover{
        border-top:5px solid #646B61;
    }
    
    .listingBtn{
       min-width:auto;
        padding-right:20px;
        transition:.5s;
        border: 0px;
        background-color:none;
        background:none;
        font-size:20px;
        transition: ease-in .3s;
        background-image:none;
       border-bottom-right-radius: 50px;
       
    
    }
    
    .listingBtn p{
        background:white;
        font-size:40px;
        transition:ease-in .3s;
        background-clip:text;
        -webkit-text-fill-color:transparent;
        -webkit-background-clip:text;
        text-align:left;
        
        
    
    }
    
    .listingBtn:hover{
        min-width:20%;
        padding-right:50px;
      
        background-image:linear-gradient(90deg,rgb(39, 56, 63,100%),rgb(39, 56, 63,0%));
    }
    
    .listingBtn:hover p{
        
        background:-webkit-linear-gradient(white,white,silver,white,silver);
        font-size:45px;
        background-clip:text;
        -webkit-background-clip:text;
        
    
    }
    
    .listingBtn .underlined{
        margin-top:5px;
        transition: width ease-in .3s;
    }
    
    .listingBtn:hover .underlined{
        width:100%;
    }
    
    .listingEmpty{
        width:25vw;
        height:10vh;
    
    }
    
    .imageArea{
        box-sizing:border-box;
        height:auto;
        width:80vw;
        display:flex;
        flex-direction:column;
        flex-wrap:wrap;
        align-items:center;
        justify-content:center;
       
    }
    
    .caseImage{
        box-sizing:border-box;
        width:40%;
        margin-top:5vh;
        z-index:1;
        border-radius:10px solid red;
        display:flex;
        justify-content:center;
        align-items:center;
        flex-direction:column;
        filter:drop-shadow(0 0 .75rem black);
        
      
    
    }
    
    .imagery{
        display:none;
        width:auto;
        height:auto;
        padding:10px;
    
    }
    
    .imagery img{
        width:500px;
    
        min-width:300px;
        border-radius:25px;
    }
    
    .textArea{
        box-sizing:border-box;
        display:flex;
        justify-content:center;
        text-align:center;
        word-wrap:break-word;
        overflow:none;
       
        width:auto;
        height:auto;
        border-radius:20px;
        font-family: 'Cormorant Garamond', serif;
        margin-bottom:30px;
    
    }
    
    .text{ 
        box-sizing:border-box;
        display:flex;
        height:auto;
        width:auto;
        min-width:50vw;
        word-wrap:break-word;
        font-size:1.4em;
        overflow:hidden;
    
        top:5%;
        padding:4vh;
     
        border-radius:25px;
        
    }
    
    .text p{
        box-sizing:border-box;
        word-wrap:break-word;
    
    }
    
    .caseImage img{
        max-width:100%;
        object-fit:contain;
     
    }
    
    .reviewsArea {
        box-sizing:border-box;
        width:100vw;
        
        min-height:100vh;
        height:auto;
      
      
        display:flex;
        flex-direction:row;
        flex-wrap:wrap;
        background-color:#26373e;
        align-items:center;
        justify-content:center;
    
    }
    
    .reviewsTitle{
        box-sizing:border-box;
        width:100vw;
        height:10%;
        display:flex;
        align-items:center;
        justify-content:center;
        margin-top:5px;
        font-size:1.8em;
        font-family: 'Cormorant Garamond', serif; 
    
    }
    
    .reviewsTitle p{
        white-space:nowrap;
        text-align:center;
    }
    
    .review{
        box-sizing:border-box;
    
        border-radius:25px;
        width:32vw;
        min-width:400px;
        height:75vh;
        display:flex;
        flex-direction:column;
        justify-content:space-evenly;
        align-items:center;
     
        margin-left:2px;
        margin-right:5px;
        margin-top:5px;
        margin-bottom:5px;
        padding-bottom:50px;
     
       
    }
    
    .reviewImage{
        box-sizing:border-box;
        width:70%;
        height:auto;
        display:inline-block;
        align-items:center;
        justify-content:center;
        margin-top:10px;
     
      
    
    }
    
    .reviewImage img{
        height:100%;
        width:100%;
        border:2px solid white;
        border-top-left-radius: 25px;
        border-top-right-radius:25px;
        filter:drop-shadow(0 0 .75rem black);
        
    }
    
    .reviewText{
        width:90%;
        height:30%;
        display:flex;
        text-align:center;
        margin-top:20px;
        font-family: 'Cormorant Garamond', serif; 
        font-size:1.5em;
        text-align:center;
        align-items:center;
        justify-content:center;
        margin-left:5px;
        margin-right:5px;
    
    }
    
    .reviewText p{
        text-align:center;
    
    }
    
    .body{
        overflow:hidden;
    }
}