body {
        margin: 0px;
        padding: 0px;
        font-family: Helvetica, Arial,sans-serif;
        font-size: 13px;
        font-weight: 400;
        color: #2D3E50;
        background-color: #aaa;
        line-height: 1.4;
        }
        
        
        html {
            box-sizing: border-box;
            overflow: scroll;
            overflow-x: hidden;
        }
        ::-webkit-scrollbar {
            width: 0px;  /* remove scrollbar space */
            background: transparent;  /* optional: just make scrollbar invisible */
        }

        *, *:before, *:after {
            box-sizing: inherit;
        }
        
        
        animate {
            animation-duration: 10s;
            animation-name: slidein;
        }
    
        
/* LARGE GRID LAYOUT */

        button {
            background: #333;
            color: #fff;
            border-radius: 6px; 
            width: 100px;
            height: 30px;
            border-color: #333;
            text-align: center;
}

        button:hover {      
            background-color: #555;
            border-color: #555;
            color: white;
            }

        /* unvisited link */
            a:link {
              color: #fff;
              text-decoration: none;
              padding: 10px;

            }

            /* visited link */
            a:visited {
              color: orange;
            }

            /* mouse over link */
            a:hover {
              color: #333;
              background-color: #fff;
                
            }

        .wrapper {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            grid-gap: 100px;
            grid-auto-rows: minmax(0, auto);
        }

        .header {
            grid-column: 1/4;
            grid-row: 1;
            text-align: center;
            background-color: #ddd; 
            display: grid;
            grid-template-columns: (1fr);
            grid-template-rows: (2);
            padding: 20px;
            margin-bottom: -40px;
            }

        .footer {
            grid-column: 1/4;
            text-align: center;
            background-color: #333; 
            display: grid;
            grid-template-columns: (1fr);
            padding-bottom: 100px;
            padding-top: 60px;
            color: white;
            bottom: 0;            
            }

        .logo {
            height: auto;
        }

        .headerCopy{
            font-size: 15px;
            }

        .imageCopyLocation{
            font-size: 21px;
            padding-top: 20px;
            }

        .imageCopyDescription{
            font-size: 15px;
            padding-bottom: 15px;
            }

        .setContainer { 
            grid-column: 2/3;
            grid-row: auto;
            text-align: center;
            display: grid;
            grid-template-columns: (3, 1fr);
            grid-template-rows: (2);
            padding: 0px;
            width: 500px;
            height: 800px;
            }

        .line1 {
            height: 2px;
            background-color: #333;
            }

        .line2 {
            height: 1px;
            background-color: #333;
            margin-top: 4px;
            }

.imageP {
    width: 500px;
}
            
        
        
/* SMALL GRID LAYOUT */ 
            
        
        @media (max-width:600px) {
     .wrapper {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            grid-gap: 0px;
            grid-auto-rows: minmax(0, auto);
        }

.header {
            grid-column: 1/4;
            grid-row: 1;
            text-align: center;
            background-color: #ddd; 
            display: grid;
            grid-template-columns: (1fr);
            grid-template-rows: (2);
            padding: 20px;
            margin-bottom: 40px;
            }
            
.line2 {
            height: 0px;
            background-color: #333;
            margin-top: 4px;
            }
            
.imageP {
    width: 400px;
}
            
        }