@media only screen and (max-width: 600px) {
  /* Styles for phones */
  html, body, ul, li, h1, h2, h3, p {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    margin-bottom:0px;
    background-color:#26373E;
    box-sizing: border-box;
}

body{
    margin:0px;
    color:white;
    overflow-x:hidden;
    
}

.motto-header{
    font-family: 'Cormorant Garamond', serif;
    width:100%;
    background-color:black;
    color:white;
    text-align:center;
    position:sticky;
    top:0px;
    padding-top: 10px;
    padding-bottom:10px;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    z-index:100;

}

.site-header {
    font-family: 'Cormorant Garamond', serif;
    background-color: #26373e;
    display: flex;
    width: 50px;
    height: 100%;
    flex-wrap: wrap;
    justify-content:space-between;
    padding-top:10px;
    padding-bottom:10px;
    white-space:nowrap;
    z-index:9;
    
}

.site-title {
    text-align: left;
    padding-left: 8px;
    text-decoration: none;
    color: #ECC596;
    font-weight: 40px;
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:center;

}

.site-title a{
    text-decoration: none;
    font-weight:40px;
    color: #ECC596;
    font-size:20px;
    word-wrap:break-word;
    filter: drop-shadow(0 0 0.75rem black);

}

.nav-toggle{
    text-align:center;
    height:4px;
    font-size: 16px;
    border: none;
    cursor: pointer;
    display: table;
 
 }
 
 .btn-nav{
     margin-top:30px;
     margin-bottom:30px;
     margin-right:20px;
     margin-left:20px;
     padding:10px;
     justify-content: center;
     text-align:center;
     align-items:center;
     color: white;
     background-color:#ECC596;
     font-size: 16px;
     border: none;
     cursor: pointer;
     display:table-cell;
     vertical-align:center;
     border-radius:15px;
     z-index:15;
     width:auto;
     height:auto;
     transition: ease-in-out .5s;
     filter: drop-shadow(0 0 0.45rem black);

 
 }

 .btn-nav:hover{
    padding:12px;
    padding-left:17px;
    padding-right:17px;
 

 }

 .btn-nav:hover .menubar{
    margin-top:4px;
    margin-bottom:4px;
    width:48px;
    height:10px;
 }

 .menuIcon{

    display:flex;
    justify-content:center;
    align-items:center;
    flex-direction:column;
    height:auto;
    width:auto;
    z-index:50;



 }

 .menubar{
    display:flex;
    width:40px;
    height:7.5px;
    margin-top:2px;
    margin-bottom:2px;
    border-radius:5px;
    background-color:#646b61;
    transition: ease-in-out .5s;

 }
 
 .navigationSect{
     box-sizing:border-box;
     display:flex;
     flex-direction:row;
     justify-content:center;
     vertical-align: top;
     width: 100vw;
     opacity:100%;
     z-index:-50;
     height:0px;
 
     transform: (translateY(-100%));
     -webkit-transform:(translateY(-100%));
     transition: transform ease-out .3s;
     transition: height ease-out .3s;
    
     text-align:center;
     margin:0px;
     padding:0px;
     list-style-type:0;
 
 }
 
 .navigationSect.is-open{
     transform:(translateY(0));
     -webkit-transform:(translateY(0));
     height:100px;
 }

 
 
 .nav-btn{
     z-index:-10;
     display: inline-block;
     position:relative;
     vertical-align: top;
     height: 100%;
     opacity:100%;
     width:33vw;
     color:white;
     font-size:20px;
     background:none;
     box-sizing: border-box;
     border: 0px solid #ccc;
     font-family: 'Cormorant Garamond', serif;   
     transition: background-image 1s;        
     background-image:linear-gradient(#26373E,#26373e);
     transition:height .2s;
 }


 
 .nav-btn:hover{
     background-image:linear-gradient(#26373e,#ECC596);
    z-index:0;
 }

    
.banner {
    background-image: url("assets/ny.jpg");
    background-size: cover;
    background-position: center;
    padding: 10px;
    min-height:500px;
    filter:drop-shadow(0 0 .30rem black);

}
    
.banner-container {
        max-width: 900px;
        margin: 0 auto;
        text-align: center;

}
    
.banner-title {
        font-size: 1.5em;
    
        border-radius:25px;
        background-color: rgb(100, 107, 97,.75);
        padding-top:20px;
        padding-bottom:20px;
        margin:0px;
        font-family: 'Cormorant Garamond', serif;
 


}
    
.banner-title h2{
    border-radius: 25px, 25px, 0, 0;
        font-size: 42px;
        
        padding-top:20px;
        padding-bottom:20px;
        margin:0px;

}

.banner-description {
        font-family: 'Cormorant Garamond', serif;
        width:60%;
        padding-bottom:10px;
        margin-left:20%;
        font-size: 18px;
        margin-top:0px;
        border-bottom-left-radius: 25px;
        border-bottom-right-radius: 25px;
        background-color:rgb(100, 107, 97,.75);
       


}
    
.banner-button {
        display: inline-block;
        padding: 10px 20px;
        background-color: rgb(100, 107, 97,.75);
        color: #fff;
        text-decoration: none;
        font-size:1.5em;
        border-radius: 25px;
        margin-top:45vh;
        margin-bottom:5px;
        font-family: 'Cormorant Garamond', serif;

       

}

.about-container {
    box-sizing:border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color:#26373E;

}
    
.about-title {
        text-align: center;
        overflow: hidden;
        word-wrap: break-word;
        box-sizing:border-box;
        width:50vw;
        height:10%;
        text-align:center;
        display:flex;
        flex-wrap:wrap;
        justify-content:center;
        align-items:center;
        font-size:40px;
        padding-top:5px;
        padding-bottom:5px;
        white-space:nowrap;
        
        padding-top:50px;
        padding-bottom:10px;
        width: 100vw;
        font-size:40px;
    
        margin-top:0px;
        margin-bottom:0px;
        font-family: 'Cormorant Garamond', serif;

}

.about-title strong{
  
    border-radius:50px;
    padding-left:5%;
    padding-right:5%;
    line-break:strict;
     
}

.about-title:hover .underlined{
    width:100%;
}
    
.about-description {
    box-sizing:border-box;
    width:100vw;
    min-height:100px;
    height:auto;
    display:flex;
    text-align: center;
    font-family: 'Cormorant Garamond', serif;

}
    
.about-description p{
    margin-left:5%;
    margin-right:5%;
    font-size:18px;
    padding-top:10px;
    padding-bottom:50px;
        
}

.two-col1 {
    overflow: hidden;
    text-align:center;

    width:100vw;
    box-sizing:border-box;
    display:flex;
    flex-wrap:wrap;
    
   
    font-family: 'Cormorant Garamond', serif;
    background-image:linear-gradient(#26373E,rgb(100, 107, 97));

}

.one-col1{
    box-sizing:border-box;
   
    display:flex;
    flex-wrap:wrap;
    
    justify-content:start;
    flex-direction:column;

}

.one-field1{
    box-sizing:border-box;
  
    height:10%;
    text-align:center;
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    align-items:center;
    font-size:30px;
    padding-top:5px;
    padding-bottom:5px;
    white-space:nowrap;
   
      
}

.underlined{
    position:relative;
    
    left:0px;
    top:-8px;
    background-color:#ECC596;
    width:66%;
    min-width:50%;
    height:5px;
    border-radius:15px;
    transition: width ease-in-out .3s;
    z-index:0;
    filter:drop-shadow(0 0 .30rem black);
}

.one-field1 strong{
   
    border-radius:50px;
    padding-left:5%;
    padding-right:5%;
        
}

.one-field2{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    align-items:center;
    box-sizing:border-box;
  
    text-align:center;
    word-wrap:break-word;
    font-size:20px;
    overflow-wrap:break-word;

}

.one-field2 p{
    text-align:center;
    margin-left:10%;
    margin-right:10%;
    width:100%;
    height:100%;

}

.one-field3{  
    box-sizing:border-box;
  
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    align-items:center;
    text-align:center;
    word-wrap:break-word;
    font-size:20px;
    
          
}

.one-field3 p{
    text-align:center;
    margin-left:10%;
    margin-right:10%;
 

}

.one-field4{
    box-sizing:border-box;

    height: 5%;
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    align-items:center;
    text-align:center;


}

.one-field4 img{
    width:200px;
    height:200px;
    rotate:0deg;
    transition: ease-in-out 1s;
    filter: drop-shadow(0 0 0.65rem black);

}

.one-col2{
    box-sizing:border-box;
    height:100%;

    display:flex;
    flex-wrap:wrap;
    
    justify-content:start;
    flex-direction:column;

}

.two-field1{
    box-sizing:border-box;

    text-align:center;
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    align-items:center;
    font-size:30px;
    padding-top:5px;
    padding-bottom:5px;
    white-space:nowrap; 
    z-index:1;

}

.two-field1 strong{
   
    border-radius:50px;
    padding-left:5%;
    padding-right:5%;
    z-index:10;
        
}

.two-field1 p{
    width:100%;
    
}

.two-field2{
    flex-wrap:wrap;
    justify-content:center;
    align-items:center;
    box-sizing:border-box;

    display:flex;
    text-align:center;
    word-wrap:break-word;
    font-size:20px;     
        
}

.two-field2 p{
    text-align:center;
    margin-left:10%;
    margin-right:10%;
    
}

.two-field3{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    align-items:center;
    box-sizing:border-box;

       
}

.two-field4{
    box-sizing:border-box;

    text-align:center;
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    align-items:center;
    font-size:30px;
    padding-top:5px;
    padding-bottom:5px;
    white-space:nowrap;
    
}

.two-field4 strong{
  
    border-radius:50px;
    padding-left:5%;
    padding-right:5%;


}


.two-field5{  
    box-sizing:border-box;   
    line-height:2em;

    word-wrap:break-word;
    font-size:20px;
    }

.two-field5 p{
    height:100%;
    width:100%;
    text-align:center;

}

.divider{
    width:100vw;
    min-height:5px;
    background-color:#ECC596;
    filter: drop-shadow(0 0 0.75rem black);
    
}

.recent{
    min-height:400px;
    max-height:700px;
    min-width:100%;
    display:flex;
    flex-wrap:wrap;
    padding-top:50px;
    padding-bottom:50px;
    font-family: 'Cormorant Garamond', serif;
    background-image:url("assets/lizwills.jpg");
    background-repeat:none;
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;

}

.recent h1{
    margin-left:10px;
    margin-right:10px;
    position:sticky;
    top:0px;
   
    border-radius:50px;
    padding-left:5%;
    padding-right:5%;
    background-image:linear-gradient(top,bottom,#26373e,black)
    
    }

.empty1{
    min-width: 15%;
    min-height:100%;
    background:none;

    }

    .recent{
        min-height:400px;
        max-height:700px;
        min-width:100%;
        display:flex;
        flex-wrap:wrap;
        padding-top:10px;
        padding-bottom:10px;
        font-family: 'Cormorant Garamond', serif;
        background-image:url("assets/lizwills.jpg");
        background-repeat:none;
        background-size:cover;
        background-position:center;
        background-repeat:no-repeat;
    
    }
    
    .recent h1{
        margin-left:10px;
        margin-right:10px;
        position:sticky;
        top:0px;
       
        border-radius:50px;
        padding-left:5%;
        padding-right:5%;
        background-image:linear-gradient(top,bottom,#26373e,black)
        
        }
    
    .empty1{
        min-width: 5%;
        min-height:100%;
        background:none;
    
        }
    
    .recents{
        width:90%;
        min-height:100%;
        height:700px;
        overflow:scroll;
        scrollbar-width:none;
        color:white;
        text-overflow:clip;
        background-color:rgb(38, 55, 62,.8);
        border-radius:25px;
        text-align:justify;
        font-family: 'Cormorant Garamond', serif;
        filter: drop-shadow(0 0 0.65rem #151e22);
    
    
    }
    
    .recents::-webkit-scrollbar{
        display:none;
    }
    
    .recents strong{
        margin-left:30px;
        font-size:18px;
        }
    
    .recents p{
        padding-left:20px;
        padding-right:20px;
        font-size:14px;
        line-height:2;
    }
    
    .empty2{
        min-width:5%;
        min-height:100%;
        background:none;
    
    }
    
    .site-footer {
        display:block;
     
        text-align: center;
        height:5vh;
        padding-bottom:0px;
        padding-left:0px;
        padding-right:0px;
        width:100vw;
        background-color:#ECC596;
        filter: drop-shadow(0 0 0.75rem black);
    }
    
    .footer-container{
        display:flex;
        flex-direction:row;
        justify-content:center;
        align-items:center;
        width:100vw;
        height:5vh;
    }
    
    .footer-text{
      
        color:black;
        min-height: 10px;
        height:5vh;  
        width:100%;
        position:relative;
    
        bottom:0px;
        display:flex;
        align-items:center;
        justify-content:center;
        text-align:center;
        flex-direction:row;
    
    }
    
    .footer-text a{
        text-decoration:none;
        color:black;
        top:8px;
        position:relative;
    
    }
        
    .footer-text img{
        height:20px;
        width:20px;
        position:relative;
        display:inline;
        top:2px;
        right:10px;
        fill:black;
    }
    
        
    

    
}

@media only screen and (min-width: 601px) and (max-width: 1024px) {
  /* Styles for tablets */
  html, body, ul, li, h1, h2, h3, p {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    margin-bottom:0px;
    background-color:#26373E;
    box-sizing: border-box;
}

body{
    margin:0px;
    color:white;
    overflow-x:hidden;
    
}

.motto-header{
    font-family: 'Cormorant Garamond', serif;
    width:100%;
    background-color:black;
    color:white;
    text-align:center;
    position:sticky;
    top:0px;
    padding-top: 10px;
    padding-bottom:10px;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    z-index:100;

}

.site-header {
    font-family: 'Cormorant Garamond', serif;
    background-color: #26373e;
    display: flex;
    width: 100%;
    height: 100%;
    flex-wrap: wrap;
    justify-content:space-between;
    padding-top:10px;
    padding-bottom:10px;
    white-space:nowrap;
    z-index:9;
    
}

.site-title {
    text-align: left;
    padding-left: 20px;
    text-decoration: none;
    color: #ECC596;
    font-weight: 40px;
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:center;

}

.site-title a{
    text-decoration: none;
    font-weight:40px;
    color: #ECC596;
    font-size:30px;
    word-wrap:break-word;
    filter: drop-shadow(0 0 0.75rem black);

}

.nav-toggle{
    text-align:center;
    height:4px;
    font-size: 16px;
    border: none;
    cursor: pointer;
    display: table;
 
 }
 
 .btn-nav{
     margin-top:30px;
     margin-bottom:30px;
     margin-right:20px;
     margin-left:20px;
     padding:10px;
     justify-content: center;
     text-align:center;
     align-items:center;
     color: white;
     background-color:#ECC596;
     font-size: 16px;
     border: none;
     cursor: pointer;
     display:table-cell;
     vertical-align:center;
     border-radius:15px;
     z-index:15;
     width:auto;
     height:auto;
     transition: ease-in-out .5s;
     filter: drop-shadow(0 0 0.45rem black);

 
 }

 .btn-nav:hover{
    padding:12px;
    padding-left:17px;
    padding-right:17px;
 

 }

 .btn-nav:hover .menubar{
    margin-top:4px;
    margin-bottom:4px;
    width:48px;
    height:10px;
 }

 .menuIcon{

    display:flex;
    justify-content:center;
    align-items:center;
    flex-direction:column;
    height:auto;
    width:auto;
    z-index:50;



 }

 .menubar{
    display:flex;
    width:40px;
    height:7.5px;
    margin-top:2px;
    margin-bottom:2px;
    border-radius:5px;
    background-color:#646b61;
    transition: ease-in-out .5s;

 }
 
 .navigationSect{
     box-sizing:border-box;
     display:flex;
     flex-direction:row;
     justify-content:center;
     vertical-align: top;
     width: 100vw;
     opacity:100%;
     z-index:-50;
     height:0px;
 
     transform: (translateY(-100%));
     -webkit-transform:(translateY(-100%));
     transition: transform ease-out .3s;
     transition: height ease-out .3s;
    
     text-align:center;
     margin:0px;
     padding:0px;
     list-style-type:0;
 
 }
 
 .navigationSect.is-open{
     transform:(translateY(0));
     -webkit-transform:(translateY(0));
     height:100px;
 }

 
 
 .nav-btn{
     z-index:-10;
     display: inline-block;
     position:relative;
     vertical-align: top;
     height: 100%;
     opacity:100%;
     width:33vw;
     color:white;
     font-size:20px;
     background:none;
     box-sizing: border-box;
     border: 0px solid #ccc;
     font-family: 'Cormorant Garamond', serif;   
     transition: background-image 1s;        
     background-image:linear-gradient(#26373E,#26373e);
     transition:height .2s;
 }


 
 .nav-btn:hover{
     background-image:linear-gradient(#26373e,#ECC596);
    z-index:0;
 }

    
.banner {
    background-image: url("assets/ny.jpg");
    background-size: cover;
    background-position: center;
    padding: 40px;
    min-height:500px;
    filter:drop-shadow(0 0 .30rem black);

}
    
.banner-container {
        max-width: 900px;
        margin: 0 auto;
        text-align: center;

}
    
.banner-title {
        font-size: 3em;
    
        border-radius:25px;
        background-color: rgb(100, 107, 97,.75);
        padding-top:20px;
        padding-bottom:20px;
        margin:0px;
        font-family: 'Cormorant Garamond', serif;
 


}
    
.banner-title h2{
    border-radius: 25px, 25px, 0, 0;
        font-size: 42px;
        
        padding-top:20px;
        padding-bottom:20px;
        margin:0px;

}

.banner-description {
        font-family: 'Cormorant Garamond', serif;
        width:40%;
        padding-bottom:10px;
        margin-left:30%;
        font-size: 24px;
        margin-top:0px;
        margin-bottom: 40px;
        border-bottom-left-radius: 25px;
        border-bottom-right-radius: 25px;
        background-color:rgb(100, 107, 97,.75);
       


}
    
.banner-button {
        display: inline-block;
        padding: 10px 20px;
        background-color: rgb(100, 107, 97,.75);
        color: #fff;
        text-decoration: none;
        font-size:1.5em;
        border-radius: 25px;
        margin-top:45vh;
        margin-bottom:5px;
        font-family: 'Cormorant Garamond', serif;
        transition:  ease-in-out .3s;
       

}

.banner-button:hover{
    background-color:#ECC596;
    color:black;

}

.about-container {
    box-sizing:border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color:#26373E;

}
    
.about-title {
        text-align: center;
        overflow: hidden;
        word-wrap: break-word;
        box-sizing:border-box;
        width:50vw;
        height:10%;
        text-align:center;
        display:flex;
        flex-wrap:wrap;
        justify-content:center;
        align-items:center;
        font-size:40px;
        padding-top:5px;
        padding-bottom:5px;
        white-space:nowrap;
        
        padding-top:50px;
        padding-bottom:10px;
        width: 100vw;
        font-size:40px;
    
        margin-top:0px;
        margin-bottom:0px;
        font-family: 'Cormorant Garamond', serif;

}

.about-title strong{
  
    border-radius:50px;
    padding-left:5%;
    padding-right:5%;
    line-break:strict;
     
}

.about-title:hover .underlined{
    width:100%;
}
    
.about-description {
    box-sizing:border-box;
    width:100vw;
    min-height:100px;
    height:auto;
    display:flex;
    text-align: center;
    font-family: 'Cormorant Garamond', serif;

}
    
.about-description p{
    margin-left:20%;
    margin-right:20%;
    font-size:25px;
    padding-top:10px;
    padding-bottom:50px;
        
}

.two-col1 {
    overflow: hidden;
    text-align:center;
    height:150vh;
    width:100vw;
    box-sizing:border-box;
    display:flex;
    flex-wrap:wrap;
    
   
    font-family: 'Cormorant Garamond', serif;
    background-image:linear-gradient(#26373E,rgb(100, 107, 97));

}

.one-col1{
    box-sizing:border-box;
    height:100%;
    width:50vw;
    display:flex;
    flex-wrap:wrap;
    
    justify-content:start;
    flex-direction:column;

}

.one-field1{
    box-sizing:border-box;
    width:50vw;
    height:10%;
    text-align:center;
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    align-items:center;
    font-size:40px;
    padding-top:5px;
    padding-bottom:5px;
    white-space:nowrap;
   
      
}

.underlined{
    position:relative;
    
    left:0px;
    top:-8px;
    background-color:#ECC596;
    width:66%;
    min-width:50%;
    height:5px;
    border-radius:15px;
    transition: width ease-in-out .3s;
    z-index:0;
    filter:drop-shadow(0 0 .30rem black);
}

.one-field1:hover .underlined{
    width:100%;
}

.one-field1 strong{
   
    border-radius:50px;
    padding-left:5%;
    padding-right:5%;
        
}

.one-field2{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    align-items:center;
    box-sizing:border-box;
    width:50vw;
    height:20%;
    text-align:center;
    word-wrap:break-word;
    font-size:25px;
    overflow-wrap:break-word;

}

.one-field2 p{
    text-align:center;
    margin-left:10%;
    margin-right:10%;
    width:100%;
    height:100%;

}

.one-field3{  
    box-sizing:border-box;
    width:50vw;
    height:20%;
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    align-items:center;
    text-align:center;
    word-wrap:break-word;
    font-size:25px;
    
          
}

.one-field3 p{
    text-align:center;
    margin-left:10%;
    margin-right:10%;
    width:100%;
    height:85%;

}

.one-field4{
    box-sizing:border-box;
    width: 50vw;
    height: 40%;
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    align-items:center;
    text-align:center;


}

.one-field4 img{
    width:300px;
    height:300px;
    rotate:0deg;
    transition: ease-in-out 1s;
    filter: drop-shadow(0 0 0.65rem black);

}

.one-field4 img:hover{
    width:340px;
    height:340px;
    rotate:30deg;
}

.one-col2{
    box-sizing:border-box;
    height:100%;
    width:50vw;
    display:flex;
    flex-wrap:wrap;
    
    justify-content:start;
    flex-direction:column;

}

.two-field1{
    box-sizing:border-box;
    width:50vw;
    height:10%;
    text-align:center;
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    align-items:center;
    font-size:40px;
    padding-top:5px;
    padding-bottom:5px;
    white-space:nowrap; 
    z-index:1;

}

.two-field1 strong{
   
    border-radius:50px;
    padding-left:5%;
    padding-right:5%;
    z-index:10;
        
}

.two-field1:hover .underlined{
    width:100%;
}

.two-field1 p{
    width:100%;
    
}

.two-field2{
    flex-wrap:wrap;
    justify-content:center;
    align-items:center;
    box-sizing:border-box;
    width:50vw;
    height:25%;
    display:flex;
    text-align:center;
    word-wrap:break-word;
    font-size:25px;     
        
}

.two-field2 p{
    text-align:center;
    margin-left:10%;
    margin-right:10%;
    
}

.two-field3{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    align-items:center;
    box-sizing:border-box;
    height:15%;
    width:50vw;

       
}

.two-field4{
    box-sizing:border-box;
    width:50vw;
    height:10%;
    text-align:center;
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    align-items:center;
    font-size:40px;
    padding-top:5px;
    padding-bottom:5px;
    white-space:nowrap;
    
}

.two-field4 strong{
  
    border-radius:50px;
    padding-left:5%;
    padding-right:5%;


}

.two-field4:hover .underlined{
    width:100%;
}

.two-field5{  
    box-sizing:border-box;   
    width:50vw;
    height:40%;
    line-height:2em;

    word-wrap:break-word;
    font-size:25px;
    }

.two-field5 p{
    height:100%;
    width:100%;
    text-align:center;

}

.divider{
    width:100vw;
    min-height:5px;
    background-color:#ECC596;
    filter: drop-shadow(0 0 0.75rem black);
    
}

.recent{
    min-height:400px;
    max-height:700px;
    min-width:100%;
    display:flex;
    flex-wrap:wrap;
    padding-top:50px;
    padding-bottom:50px;
    font-family: 'Cormorant Garamond', serif;
    background-image:url("assets/lizwills.jpg");
    background-repeat:none;
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;

}

.recent h1{
    margin-left:10px;
    margin-right:10px;
    position:sticky;
    top:0px;
   
    border-radius:50px;
    padding-left:5%;
    padding-right:5%;
    background-image:linear-gradient(top,bottom,#26373e,black)
    
    }

.empty1{
    min-width: 5%;
    min-height:100%;
    background:none;

    }

.recents{
    width:80%;
    min-height:100%;
    height:700px;
    overflow:scroll;
    scrollbar-width:none;
    color:white;
    text-overflow:clip;
    background-color:rgb(38, 55, 62,.8);
    border-radius:25px;
    text-align:justify;
    font-family: 'Cormorant Garamond', serif;
    filter: drop-shadow(0 0 0.65rem #151e22);


}

.recents::-webkit-scrollbar{
    display:none;
}

.recents strong{
    margin-left:30px;
    font-size:18px;
    }

.recents p{
    padding-left:20px;
    padding-right:20px;
    font-size:14px;
    line-height:2;
}

.empty2{
    min-width:5%;
    min-height:100%;
    background:none;

}

.site-footer {
    display:block;
 
    text-align: center;
    height:5vh;
    padding-bottom:0px;
    padding-left:0px;
    padding-right:0px;
    width:100vw;
    background-color:#ECC596;
    filter: drop-shadow(0 0 0.75rem black);
}

.footer-container{
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:center;
    width:100vw;
    height:5vh;
}

.footer-text{
  
    color:black;
    min-height: 10px;
    height:5vh;  
    width:50vw;
    position:relative;

    bottom:10px;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    flex-direction:row;

}

.footer-text a{
    text-decoration:none;
    color:black;
    top:8px;
    position:relative;

}
    
.footer-text img{
    height:20px;
    width:20px;
    position:relative;
    display:inline;
    top:2px;
    fill:black;
}


.footer-text img:hover{
    fill:#EA4335;
}

    
}
@media only screen and (min-width:1025px) and (max-width: 2000px){

html, body, ul, li, h1, h2, h3, p {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    margin-bottom:0px;
    background-color:#26373E;
    box-sizing: border-box;
}

body{
    margin:0px;
    color:white;
    overflow-x:hidden;
    
}

.motto-header{
    font-family: 'Cormorant Garamond', serif;
    width:100%;
    background-color:black;
    color:white;
    text-align:center;
    position:sticky;
    top:0px;
    padding-top: 10px;
    padding-bottom:10px;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    z-index:100;

}

.site-header {
    font-family: 'Cormorant Garamond', serif;
    background-color: #26373e;
    display: flex;
    width: 100%;
    height: 100%;
    flex-wrap: wrap;
    justify-content:space-between;
    padding-top:10px;
    padding-bottom:10px;
    white-space:nowrap;
    z-index:9;
    
}

.site-title {
    text-align: left;
    padding-left: 20px;
    text-decoration: none;
    color: #ECC596;
    font-weight: 40px;
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:center;

}

.site-title a{
    text-decoration: none;
    font-weight:40px;
    color: #ECC596;
    font-size:30px;
    word-wrap:break-word;
    filter: drop-shadow(0 0 0.75rem black);

}

.nav-toggle{
    text-align:center;
    height:4px;
    font-size: 16px;
    border: none;
    cursor: pointer;
    display: table;
 
 }
 
 .btn-nav{
     margin-top:30px;
     margin-bottom:30px;
     margin-right:20px;
     margin-left:20px;
     padding:10px;
     justify-content: center;
     text-align:center;
     align-items:center;
     color: white;
     background-color:#ECC596;
     font-size: 16px;
     border: none;
     cursor: pointer;
     display:table-cell;
     vertical-align:center;
     border-radius:15px;
     z-index:15;
     width:auto;
     height:auto;
     transition: ease-in-out .5s;
     filter: drop-shadow(0 0 0.45rem black);

 
 }

 .btn-nav:hover{
    padding:12px;
    padding-left:17px;
    padding-right:17px;
 

 }

 .btn-nav:hover .menubar{
    margin-top:4px;
    margin-bottom:4px;
    width:48px;
    height:10px;
 }

 .menuIcon{

    display:flex;
    justify-content:center;
    align-items:center;
    flex-direction:column;
    height:auto;
    width:auto;
    z-index:50;



 }

 .menubar{
    display:flex;
    width:40px;
    height:7.5px;
    margin-top:2px;
    margin-bottom:2px;
    border-radius:5px;
    background-color:#646b61;
    transition: ease-in-out .5s;

 }
 
 .navigationSect{
     box-sizing:border-box;
     display:flex;
     flex-direction:row;
     justify-content:center;
     vertical-align: top;
     width: 100vw;
     opacity:100%;
     z-index:-50;
     height:0px;
 
     transform: (translateY(-100%));
     -webkit-transform:(translateY(-100%));
     transition: transform ease-out .3s;
     transition: height ease-out .3s;
    
     text-align:center;
     margin:0px;
     padding:0px;
     list-style-type:0;
 
 }
 
 .navigationSect.is-open{
     transform:(translateY(0));
     -webkit-transform:(translateY(0));
     height:100px;
 }

 
 
 .nav-btn{
     z-index:-10;
     display: inline-block;
     position:relative;
     vertical-align: top;
     height: 100%;
     opacity:100%;
     width:33vw;
     color:white;
     font-size:20px;
     background:none;
     box-sizing: border-box;
     border: 0px solid #ccc;
     font-family: 'Cormorant Garamond', serif;   
     transition: background-image 1s;        
     background-image:linear-gradient(#26373E,#26373e);
     transition:height .2s;
 }


 
 .nav-btn:hover{
     background-image:linear-gradient(#26373e,#ECC596);
    z-index:0;
 }

    
.banner {
    background-image: url("assets/ny.jpg");
    background-size: cover;
    background-position: center;
    padding: 40px;
    min-height:500px;
    filter:drop-shadow(0 0 .30rem black);

}
    
.banner-container {
        max-width: 900px;
        margin: 0 auto;
        text-align: center;

}
    
.banner-title {
        font-size: 3em;
    
        border-radius:25px;
        background-color: rgb(100, 107, 97,.75);
        padding-top:20px;
        padding-bottom:20px;
        margin:0px;
        font-family: 'Cormorant Garamond', serif;
 


}
    
.banner-title h2{
    border-radius: 25px, 25px, 0, 0;
        font-size: 42px;
        
        padding-top:20px;
        padding-bottom:20px;
        margin:0px;

}

.banner-description {
        font-family: 'Cormorant Garamond', serif;
        width:40%;
        padding-bottom:10px;
        margin-left:30%;
        font-size: 24px;
        margin-top:0px;
        margin-bottom: 40px;
        border-bottom-left-radius: 25px;
        border-bottom-right-radius: 25px;
        background-color:rgb(100, 107, 97,.75);
       


}
    
.banner-button {
        display: inline-block;
        padding: 10px 20px;
        background-color: rgb(100, 107, 97,.75);
        color: #fff;
        text-decoration: none;
        font-size:1.5em;
        border-radius: 25px;
        margin-top:45vh;
        margin-bottom:5px;
        font-family: 'Cormorant Garamond', serif;
        transition:  ease-in-out .3s;
       

}

.banner-button:hover{
    background-color:#ECC596;
    color:black;

}

.about-container {
    box-sizing:border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color:#26373E;

}
    
.about-title {
        text-align: center;
        overflow: hidden;
        word-wrap: break-word;
        box-sizing:border-box;
        width:50vw;
        height:10%;
        text-align:center;
        display:flex;
        flex-wrap:wrap;
        justify-content:center;
        align-items:center;
        font-size:40px;
        padding-top:5px;
        padding-bottom:5px;
        white-space:nowrap;
        
        padding-top:50px;
        padding-bottom:10px;
        width: 100vw;
        font-size:40px;
    
        margin-top:0px;
        margin-bottom:0px;
        font-family: 'Cormorant Garamond', serif;

}

.about-title strong{
  
    border-radius:50px;
    padding-left:5%;
    padding-right:5%;
    line-break:strict;
     
}

.about-title:hover .underlined{
    width:100%;
}
    
.about-description {
    box-sizing:border-box;
    width:100vw;
    min-height:100px;
    height:auto;
    display:flex;
    text-align: center;
    font-family: 'Cormorant Garamond', serif;

}
    
.about-description p{
    margin-left:20%;
    margin-right:20%;
    font-size:25px;
    padding-top:10px;
    padding-bottom:50px;
        
}

.two-col1 {
    overflow: hidden;
    text-align:center;
    height:150vh;
    width:100vw;
    box-sizing:border-box;
    display:flex;
    flex-wrap:wrap;
    
   
    font-family: 'Cormorant Garamond', serif;
    background-image:linear-gradient(#26373E,rgb(100, 107, 97));

}

.one-col1{
    box-sizing:border-box;
    height:100%;
    width:50vw;
    display:flex;
    flex-wrap:wrap;
    
    justify-content:start;
    flex-direction:column;

}

.one-field1{
    box-sizing:border-box;
    width:50vw;
    height:10%;
    text-align:center;
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    align-items:center;
    font-size:40px;
    padding-top:5px;
    padding-bottom:5px;
    white-space:nowrap;
   
      
}

.underlined{
    position:relative;
    
    left:0px;
    top:-8px;
    background-color:#ECC596;
    width:66%;
    min-width:50%;
    height:5px;
    border-radius:15px;
    transition: width ease-in-out .3s;
    z-index:0;
    filter:drop-shadow(0 0 .30rem black);
}

.one-field1:hover .underlined{
    width:100%;
}

.one-field1 strong{
   
    border-radius:50px;
    padding-left:5%;
    padding-right:5%;
        
}

.one-field2{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    align-items:center;
    box-sizing:border-box;
    width:50vw;
    height:20%;
    text-align:center;
    word-wrap:break-word;
    font-size:25px;
    overflow-wrap:break-word;

}

.one-field2 p{
    text-align:center;
    margin-left:10%;
    margin-right:10%;
    width:100%;
    height:100%;

}

.one-field3{  
    box-sizing:border-box;
    width:50vw;
    height:20%;
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    align-items:center;
    text-align:center;
    word-wrap:break-word;
    font-size:25px;
    
          
}

.one-field3 p{
    text-align:center;
    margin-left:10%;
    margin-right:10%;
    width:100%;
    height:85%;

}

.one-field4{
    box-sizing:border-box;
    width: 50vw;
    height: 40%;
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    align-items:center;
    text-align:center;


}

.one-field4 img{
    width:300px;
    height:300px;
    rotate:0deg;
    transition: ease-in-out 1s;
    filter: drop-shadow(0 0 0.65rem black);

}

.one-field4 img:hover{
    width:340px;
    height:340px;
    rotate:30deg;
}

.one-col2{
    box-sizing:border-box;
    height:100%;
    width:50vw;
    display:flex;
    flex-wrap:wrap;
    
    justify-content:start;
    flex-direction:column;

}

.two-field1{
    box-sizing:border-box;
    width:50vw;
    height:10%;
    text-align:center;
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    align-items:center;
    font-size:40px;
    padding-top:5px;
    padding-bottom:5px;
    white-space:nowrap; 
    z-index:1;

}

.two-field1 strong{
   
    border-radius:50px;
    padding-left:5%;
    padding-right:5%;
    z-index:10;
        
}

.two-field1:hover .underlined{
    width:100%;
}

.two-field1 p{
    width:100%;
    
}

.two-field2{
    flex-wrap:wrap;
    justify-content:center;
    align-items:center;
    box-sizing:border-box;
    width:50vw;
    height:25%;
    display:flex;
    text-align:center;
    word-wrap:break-word;
    font-size:25px;     
        
}

.two-field2 p{
    text-align:center;
    margin-left:10%;
    margin-right:10%;
    
}

.two-field3{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    align-items:center;
    box-sizing:border-box;
    height:15%;
    width:50vw;

       
}

.two-field4{
    box-sizing:border-box;
    width:50vw;
    height:10%;
    text-align:center;
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    align-items:center;
    font-size:40px;
    padding-top:5px;
    padding-bottom:5px;
    white-space:nowrap;
    
}

.two-field4 strong{
  
    border-radius:50px;
    padding-left:5%;
    padding-right:5%;


}

.two-field4:hover .underlined{
    width:100%;
}

.two-field5{  
    box-sizing:border-box;   
    width:50vw;
    height:40%;
    line-height:2em;

    word-wrap:break-word;
    font-size:25px;
    }

.two-field5 p{
    height:100%;
    width:100%;
    text-align:center;

}

.divider{
    width:100vw;
    min-height:5px;
    background-color:#ECC596;
    filter: drop-shadow(0 0 0.75rem black);
    
}

.recent{
    min-height:400px;
    max-height:700px;
    min-width:100%;
    display:flex;
    flex-wrap:wrap;
    padding-top:50px;
    padding-bottom:50px;
    font-family: 'Cormorant Garamond', serif;
    background-image:url("assets/lizwills.jpg");
    background-repeat:none;
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;

}

.recent h1{
    margin-left:10px;
    margin-right:10px;
    position:sticky;
    top:0px;
   
    border-radius:50px;
    padding-left:5%;
    padding-right:5%;
    background-image:linear-gradient(top,bottom,#26373e,black)
    
    }

.empty1{
    min-width: 15%;
    min-height:100%;
    background:none;

    }

.recents{
    width:55%;
    min-height:100%;
    height:700px;
    overflow:scroll;
    scrollbar-width:none;
    color:white;
    text-overflow:clip;
    background-color:rgb(38, 55, 62,.8);
    border-radius:25px;
    text-align:justify;
    font-family: 'Cormorant Garamond', serif;
    filter: drop-shadow(0 0 0.65rem #151e22);


}

.recents::-webkit-scrollbar{
    display:none;
}

.recents strong{
    margin-left:30px;
    font-size:30px;
    }

.recents p{
    padding-left:20px;
    padding-right:20px;
    font-size:22px;
    line-height:2;
}

.empty2{
    min-width:30%;
    min-height:100%;
    background:none;

}

.site-footer {
    display:block;
 
    text-align: center;
    height:5vh;
    padding-bottom:0px;
    padding-left:0px;
    padding-right:0px;
    width:100vw;
    background-color:#ECC596;
    filter: drop-shadow(0 0 0.75rem black);
}

.footer-container{
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:center;
    width:100vw;
    height:5vh;
}

.footer-text{
  
    color:black;
    min-height: 10px;
    height:5vh;  
    width:50vw;
    position:relative;

    bottom:10px;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    flex-direction:row;

}

.footer-text a{
    text-decoration:none;
    color:black;
    top:8px;
    position:relative;

}
    
.footer-text img{
    height:20px;
    width:20px;
    position:relative;
    display:inline;
    top:2px;
    fill:black;
}


.footer-text img:hover{
    fill:#EA4335;
}

}