*{
    box-sizing: border-box;
}
#wrapper{
    display: grid;
    grid-template-columns: minmax(0px, 1fr) repeat(8, minmax(0, 150px)) minmax(0px, 1fr);
    grid-template-rows: repeat(20, minmax(0, 50px));
    background-color: rgb(184,185,184);
    margin: 0 auto;
    z-index: 1;
}
#homeHero{
    grid-row: 1/9;
    grid-column: 1/11;
    background-image: url("homehero.jpg");
    background-position: top;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 2;
}
#resumeHero{
    grid-row: 1/9;
    grid-column: 1/11;
    background-image: url("resumehero.jpg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 2;
}
#projectsHero{
    grid-row: 1/9;
    grid-column: 1/11;
    background-image: url("projectshero.jpg");
    background-position: bottom;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 2;
}
#aboutHero{
    grid-row: 1/9;
    grid-column: 1/11;
    background-image: url("abouthero.jpg");
    background-position: top;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 2;
}
#contactHero{
    grid-row: 1/9;
    grid-column: 1/11;
    background-image: url("contacthero.jpg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 2;
}
header {
    grid-column: 1/11;
    grid-row: 1/4;
    background-color: rgba(255,255,255,.5);
    z-index: 3;
}
#logo{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='500' zoomAndPan='magnify' viewBox='0 0 375 374.999991' height='500' preserveAspectRatio='xMidYMid meet' version='1.0'%3E%3Cdefs%3E%3Cg/%3E%3CclipPath id='34d5030a34'%3E%3Cpath d='M 20.160156 166.308594 L 354.660156 166.308594 L 354.660156 206.808594 L 20.160156 206.808594 Z M 20.160156 166.308594 ' clip-rule='nonzero'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg fill='%23231f20' fill-opacity='1'%3E%3Cg transform='translate(58.319216  259.616186)'%3E%3Cg%3E%3Cpath d='M 131.746094 -141.660156 L 3.542969 -141.660156 L 13.8125 -127.316406 C 28.507812 -136.347656 40.550781 -137.941406 50.464844 -137.941406 L 52.769531 -137.941406 L 52.769531 -37.894531 C 52.769531 -21.425781 52.238281 -13.457031 50.820312 0 L 84.464844 0 C 83.046875 -13.457031 82.515625 -21.425781 82.515625 -37.894531 L 82.515625 -137.941406 L 84.820312 -137.941406 C 94.734375 -137.941406 106.953125 -136.347656 121.472656 -127.316406 Z M 131.746094 -141.660156 '/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg fill='%23231f20' fill-opacity='1'%3E%3Cg transform='translate(184.746773  259.616186)'%3E%3Cg%3E%3Cpath d='M 8.855469 -141.660156 C 12.574219 -134.578125 14.519531 -129.972656 17.175781 -120.589844 L 50.464844 0 L 85.882812 0 C 84.289062 -5.136719 84.640625 -7.613281 85.882812 -12.574219 L 115.984375 -122.535156 C 117.933594 -129.089844 118.640625 -132.984375 123.066406 -141.660156 L 116.160156 -141.660156 C 115.453125 -133.339844 114.035156 -129.089844 112.265625 -122.359375 L 80.570312 -6.199219 L 48.871094 -120.589844 C 46.394531 -129.089844 45.332031 -132.808594 44.800781 -141.660156 Z M 8.855469 -141.660156 '/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg clip-path='url(%2334d5030a34)'%3E%3Cpath fill='%23fbfaf9' d='M 20.175781 166.308594 L 354.640625 166.308594 L 354.640625 206.808594 L 20.175781 206.808594 L 20.175781 166.308594 ' fill-opacity='1' fill-rule='nonzero'/%3E%3C/g%3E%3Cg fill='%23a6a6a6' fill-opacity='1'%3E%3Cg transform='translate(75.862595  191.290607)'%3E%3Cg%3E%3Cpath d='M 7.0625 -7.359375 L 4.3125 -7.359375 L 4.3125 0 L 2.84375 0 L 2.84375 -7.359375 L 0.109375 -7.359375 L 0.109375 -8.671875 L 7.0625 -8.671875 Z M 7.0625 -7.359375 '/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg fill='%23a6a6a6' fill-opacity='1'%3E%3Cg transform='translate(92.957529  191.290607)'%3E%3Cg%3E%3Cpath d='M 6.734375 -1.953125 L 2.359375 -1.953125 L 1.53125 0 L 0.015625 0 L 3.84375 -8.671875 L 5.34375 -8.671875 L 9.125 0 L 7.578125 0 Z M 6.1875 -3.265625 L 4.546875 -7.109375 L 2.90625 -3.265625 Z M 6.1875 -3.265625 '/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg fill='%23a6a6a6' fill-opacity='1'%3E%3Cg transform='translate(112.021968  191.290607)'%3E%3Cg%3E%3Cpath d='M 8.65625 0 L 7.21875 0 L 2.609375 -6.21875 L 2.609375 0 L 1.140625 0 L 1.140625 -8.671875 L 2.578125 -8.671875 L 7.21875 -2.4375 L 7.21875 -8.671875 L 8.65625 -8.671875 Z M 8.65625 0 '/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg fill='%23a6a6a6' fill-opacity='1'%3E%3Cg transform='translate(131.755295  191.290607)'%3E%3Cg%3E%3Cpath d='M 2.609375 0 L 1.140625 0 L 1.140625 -8.671875 L 2.609375 -8.671875 Z M 2.609375 0 '/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg fill='%23a6a6a6' fill-opacity='1'%3E%3Cg transform='translate(145.419082  191.290607)'%3E%3Cg%3E%3Cpath d='M 6.734375 -1.953125 L 2.359375 -1.953125 L 1.53125 0 L 0.015625 0 L 3.84375 -8.671875 L 5.34375 -8.671875 L 9.125 0 L 7.578125 0 Z M 6.1875 -3.265625 L 4.546875 -7.109375 L 2.90625 -3.265625 Z M 6.1875 -3.265625 '/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg fill='%23a6a6a6' fill-opacity='1'%3E%3Cg transform='translate(164.483518  191.290607)'%3E%3Cg/%3E%3C/g%3E%3C/g%3E%3Cg fill='%23a6a6a6' fill-opacity='1'%3E%3Cg transform='translate(177.602291  191.290607)'%3E%3Cg%3E%3Cpath d='M 5 0 L 3.5 0 L 0.03125 -8.671875 L 1.609375 -8.671875 L 4.28125 -1.625 L 6.984375 -8.671875 L 8.515625 -8.671875 Z M 5 0 '/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg fill='%23a6a6a6' fill-opacity='1'%3E%3Cg transform='translate(196.072161  191.290607)'%3E%3Cg%3E%3Cpath d='M 6.734375 -1.953125 L 2.359375 -1.953125 L 1.53125 0 L 0.015625 0 L 3.84375 -8.671875 L 5.34375 -8.671875 L 9.125 0 L 7.578125 0 Z M 6.1875 -3.265625 L 4.546875 -7.109375 L 2.90625 -3.265625 Z M 6.1875 -3.265625 '/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg fill='%23a6a6a6' fill-opacity='1'%3E%3Cg transform='translate(215.136598  191.290607)'%3E%3Cg%3E%3Cpath d='M 7.71875 -7.625 L 2.4375 -1.3125 L 7.78125 -1.3125 L 7.78125 0 L 0.453125 0 L 0.453125 -1.046875 L 5.75 -7.359375 L 0.625 -7.359375 L 0.625 -8.671875 L 7.71875 -8.671875 Z M 7.71875 -7.625 '/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg fill='%23a6a6a6' fill-opacity='1'%3E%3Cg transform='translate(233.309185  191.290607)'%3E%3Cg%3E%3Cpath d='M 9.546875 -0.078125 L 10.125 0.953125 C 9.40625 1.585938 8.617188 1.90625 7.765625 1.90625 C 7.234375 1.90625 6.726562 1.742188 6.25 1.421875 C 5.769531 1.097656 5.351562 0.644531 5 0.0625 C 3.707031 0.0507812 2.617188 -0.375 1.734375 -1.21875 C 0.859375 -2.0625 0.421875 -3.097656 0.421875 -4.328125 C 0.421875 -5.566406 0.863281 -6.601562 1.75 -7.4375 C 2.632812 -8.28125 3.722656 -8.703125 5.015625 -8.703125 C 6.316406 -8.703125 7.40625 -8.28125 8.28125 -7.4375 C 9.164062 -6.601562 9.609375 -5.570312 9.609375 -4.34375 C 9.609375 -3.351562 9.320312 -2.476562 8.75 -1.71875 C 8.175781 -0.96875 7.425781 -0.445312 6.5 -0.15625 C 6.988281 0.375 7.46875 0.640625 7.9375 0.640625 C 8.394531 0.640625 8.929688 0.398438 9.546875 -0.078125 Z M 2.8125 -6.5 C 2.207031 -5.914062 1.90625 -5.191406 1.90625 -4.328125 C 1.90625 -3.472656 2.210938 -2.742188 2.828125 -2.140625 C 3.441406 -1.546875 4.175781 -1.25 5.03125 -1.25 C 5.882812 -1.25 6.609375 -1.546875 7.203125 -2.140625 C 7.804688 -2.742188 8.109375 -3.472656 8.109375 -4.328125 C 8.109375 -5.191406 7.804688 -5.914062 7.203125 -6.5 C 6.609375 -7.09375 5.882812 -7.390625 5.03125 -7.390625 C 4.164062 -7.390625 3.425781 -7.09375 2.8125 -6.5 Z M 2.8125 -6.5 '/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg fill='%23a6a6a6' fill-opacity='1'%3E%3Cg transform='translate(253.451266  191.290607)'%3E%3Cg%3E%3Cpath d='M 8.515625 -8.671875 L 8.515625 -3.59375 C 8.515625 -2.457031 8.175781 -1.5625 7.5 -0.90625 C 6.832031 -0.257812 5.910156 0.0625 4.734375 0.0625 C 3.566406 0.0625 2.644531 -0.257812 1.96875 -0.90625 C 1.300781 -1.5625 0.96875 -2.457031 0.96875 -3.59375 L 0.96875 -8.671875 L 2.421875 -8.671875 L 2.421875 -3.59375 C 2.421875 -2.863281 2.628906 -2.289062 3.046875 -1.875 C 3.472656 -1.457031 4.046875 -1.25 4.765625 -1.25 C 5.472656 -1.25 6.03125 -1.453125 6.4375 -1.859375 C 6.84375 -2.273438 7.046875 -2.851562 7.046875 -3.59375 L 7.046875 -8.671875 Z M 8.515625 -8.671875 '/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg fill='%23a6a6a6' fill-opacity='1'%3E%3Cg transform='translate(272.837762  191.290607)'%3E%3Cg%3E%3Cpath d='M 7.328125 -7.359375 L 2.609375 -7.359375 L 2.609375 -5.015625 L 6.84375 -5.015625 L 6.84375 -3.703125 L 2.609375 -3.703125 L 2.609375 -1.3125 L 7.484375 -1.3125 L 7.484375 0 L 1.140625 0 L 1.140625 -8.671875 L 7.328125 -8.671875 Z M 7.328125 -7.359375 '/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg fill='%23a6a6a6' fill-opacity='1'%3E%3Cg transform='translate(290.88649  191.290607)'%3E%3Cg%3E%3Cpath d='M 7.71875 -7.625 L 2.4375 -1.3125 L 7.78125 -1.3125 L 7.78125 0 L 0.453125 0 L 0.453125 -1.046875 L 5.75 -7.359375 L 0.625 -7.359375 L 0.625 -8.671875 L 7.71875 -8.671875 Z M 7.71875 -7.625 '/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    grid-column: 3/5;
    grid-row: 1/4;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 4;
}
nav{
    grid-column: 3/9;
    grid-row: 1/4;
    position: static;
    display:flex;
    justify-content:right;
    z-index:4;
}
nav ul li{
    margin: 10px;
    padding: 0px;
    display: flex;
    flex-flow: row nowrap;
    list-style-type: none;
    float: left;
    text-align: center;
    padding-top:2.5rem;
}
nav ul li a{
    color: #000000;
    font-size: 20px;
    font-family: verdana;
    text-decoration: none;
    color: black;
}
main{
    grid-column: 3/9;
    grid-row: 7/19;
    background-color: white;
    z-index: 5;
}
h1{
    grid-column: 5/5;
    grid-row: 8/8;
    text-align: center;
    z-index: 6;
}
p{
    font-size: 12px;
    margin:20px;
    font: verdana;
}
main{
    grid-column: 3/9;
    grid-row: 8/19;
    background-color: white;
    z-index: 5;
}
#p1{
    grid-column: 5/9;
    grid-row: 10/13;
    font-size: 14px;
    margin: 20px;
    z-index: 9;
}
#p2{
    grid-column: 3/7;
    grid-row: 15/17;
    font-size: 14px;
    margin: 20px;
    z-index:9;
}
#welcome{
    width: 900px;
    height: 100px;
    background-position: top; 
    background-size: contain;
    background: url("WELCOME.gif") 0 0;
}
#headshot{
    grid-column: 7/9;
    grid-row: 13/18;
    background-image: url("headshot.jpg");
    background-position: bottom;
    background-size: cover;
    background-repeat: no-repeat;
    border-style: solid;  
    margin-right: 20px;
    width: 70%;
    z-index: 9;
}
#keyboard{
    grid-column: 3/5;
    grid-row: 10/14;
    background-image: url("keyboard.jpg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    border-style: solid;  
    margin-left: 20px;
    z-index: 9;

}
#facebook{
    grid-column:4/5;
    grid-row:19/21;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='50' zoomAndPan='magnify' viewBox='0 0 37.5 37.499999' height='50' preserveAspectRatio='xMidYMid meet' version='1.0'%3E%3Cpath fill='%23b8ba27' d='M 23.378906 7.5 C 29.519531 7.5 30 7.980469 30 14.121094 L 30 23.378906 C 30 29.519531 29.519531 30 23.378906 30 L 22.203125 30 L 22.203125 21.808594 L 25.089844 21.808594 L 25.542969 18.5625 L 22.203125 18.5625 C 22.203125 18.5625 22.195312 16.664062 22.203125 16.1875 C 22.210938 15.261719 22.984375 14.792969 23.652344 14.800781 C 24.316406 14.804688 25.695312 14.800781 25.695312 14.800781 L 25.695312 11.808594 C 25.695312 11.808594 24.5 11.65625 23.25 11.644531 C 22.195312 11.632812 21.035156 11.917969 20.097656 12.863281 C 19.144531 13.824219 18.992188 15.253906 18.972656 17.003906 C 18.96875 17.511719 18.972656 18.5625 18.972656 18.5625 L 16.148438 18.5625 L 16.148438 21.808594 L 18.976562 21.808594 L 18.976562 30 L 14.121094 30 C 7.980469 30 7.5 29.519531 7.5 23.378906 L 7.5 14.121094 C 7.5 7.980469 7.980469 7.5 14.121094 7.5 Z M 23.378906 7.5 ' fill-opacity='1' fill-rule='nonzero'/%3E%3C/svg%3E");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 50%;
    z-index: 8;
}
#twitter{
    grid-column:5/6;
    grid-row:19/21;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='50' zoomAndPan='magnify' viewBox='0 0 37.5 37.499999' height='50' preserveAspectRatio='xMidYMid meet' version='1.0'%3E%3Cpath fill='%23b8ba27' d='M 33 10.660156 C 32.214844 11.832031 31.222656 12.863281 30.082031 13.6875 C 30.09375 13.9375 30.097656 14.191406 30.097656 14.445312 C 30.097656 22.171875 24.21875 31.078125 13.464844 31.078125 C 10.160156 31.078125 5.859375 29.921875 4.5 28.453125 C 4.957031 28.507812 5.425781 28.535156 5.894531 28.535156 C 8.636719 28.535156 11.15625 27.601562 13.15625 26.03125 C 10.597656 25.984375 8.4375 24.292969 7.695312 21.96875 C 8.859375 22.152344 10.335938 21.871094 10.335938 21.871094 C 10.335938 21.871094 5.761719 21.085938 5.644531 16.0625 C 6.964844 16.832031 8.292969 16.796875 8.292969 16.796875 C 8.292969 16.796875 5.65625 15.171875 5.691406 11.929688 C 5.714844 10.015625 6.484375 8.988281 6.484375 8.988281 C 11.480469 15.140625 18.535156 15.097656 18.535156 15.097656 C 18.535156 15.097656 18.382812 14.222656 18.382812 13.765625 C 18.382812 10.539062 21 7.917969 24.230469 7.917969 C 25.910156 7.917969 27.429688 8.628906 28.496094 9.765625 C 29.832031 9.503906 31.082031 9.015625 32.210938 8.347656 C 31.699219 10.390625 29.640625 11.582031 29.640625 11.582031 C 29.640625 11.582031 31.40625 11.386719 33 10.660156 Z M 33 10.660156 ' fill-opacity='1' fill-rule='nonzero'/%3E%3C/svg%3E");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 50%;
    z-index: 8;

}
#linkedin{
    grid-column:6/7;
    grid-row:19/21;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='50' zoomAndPan='magnify' viewBox='0 0 37.5 37.499999' height='50' preserveAspectRatio='xMidYMid meet' version='1.0'%3E%3Cpath fill='%23b8ba27' d='M 24.171875 7.5 C 29.578125 7.5 30 7.921875 30 13.328125 L 30 24.207031 C 30 29.578125 29.578125 30 24.207031 30 L 13.292969 30 C 7.921875 30 7.5 29.578125 7.5 24.207031 L 7.5 13.292969 C 7.5 7.921875 7.921875 7.5 13.292969 7.5 Z M 14.828125 24.9375 L 14.828125 15.785156 L 11.984375 15.785156 L 11.984375 24.9375 Z M 13.40625 14.476562 C 14.320312 14.476562 15.066406 13.730469 15.066406 12.816406 C 15.066406 11.902344 14.320312 11.160156 13.40625 11.160156 C 12.492188 11.160156 11.746094 11.902344 11.746094 12.816406 C 11.746094 13.730469 12.488281 14.476562 13.40625 14.476562 Z M 25.5 24.9375 L 25.5 19.917969 C 25.5 17.453125 24.96875 15.558594 22.085938 15.558594 C 20.703125 15.558594 19.777344 16.316406 19.398438 17.035156 L 19.359375 17.035156 L 19.359375 15.785156 L 16.628906 15.785156 L 16.628906 24.9375 L 19.472656 24.9375 L 19.472656 20.410156 C 19.472656 19.214844 19.699219 18.058594 21.179688 18.058594 C 22.636719 18.058594 22.65625 19.425781 22.65625 20.484375 L 22.65625 24.9375 Z M 25.5 24.9375 ' fill-opacity='1' fill-rule='nonzero'/%3E%3C/svg%3E");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 50%;
    z-index: 8;

}
#instagram{
    grid-column:7/8;
    grid-row:19/21;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='50' zoomAndPan='magnify' viewBox='0 0 37.5 37.499999' height='50' preserveAspectRatio='xMidYMid meet' version='1.0'%3E%3Cpath fill='%23b8ba27' d='M 18.636719 7.5 C 8.308594 7.5 7.5 8.308594 7.5 18.636719 L 7.5 18.863281 C 7.5 29.191406 8.308594 30 18.636719 30 L 18.863281 30 C 29.191406 30 30 29.191406 30 18.863281 L 30 18.636719 C 30 8.308594 29.191406 7.5 18.863281 7.5 Z M 25.121094 11.25 C 25.742188 11.25 26.25 11.75 26.25 12.371094 C 26.25 12.992188 25.75 13.5 25.128906 13.5 C 24.507812 13.5 24 13 24 12.378906 C 24 11.757812 24.5 11.25 25.121094 11.25 Z M 18.734375 12.75 C 22.050781 12.742188 24.742188 15.421875 24.75 18.734375 C 24.757812 22.050781 22.078125 24.742188 18.765625 24.75 C 15.449219 24.757812 12.757812 22.078125 12.75 18.765625 C 12.742188 15.449219 15.421875 12.757812 18.734375 12.75 Z M 18.738281 13.5 C 15.835938 13.507812 13.492188 15.863281 13.5 18.761719 C 13.507812 21.664062 15.863281 24.007812 18.761719 24 C 21.664062 23.992188 24.007812 21.636719 24 18.738281 C 23.992188 15.835938 21.636719 13.492188 18.738281 13.5 Z M 18.738281 13.5 ' fill-opacity='1' fill-rule='nonzero'/%3E%3C/svg%3E");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 50%;
    z-index: 8;

}
footer{
    grid-column:1/-1;
    grid-row: 18/21;
    background-color: rgba(137,168,160,255);
    z-index:4;
}
form{
    display: grid;
    grid-template-rows: auto;
    grid-gap: 0.25rem;
    width: 100%;
    align-items: center;
}
input, textarea{
    font-size: 1rem;
    padding: 10px;
    margin: 10px;
    color: #000000;
    background-color: rgba(137,168,160,255);
    border: solid;
    font-family: verdana;
}
input:focus{
    outline: none;
    background-color: #f0f0f0;
}
textarea:focus{ 
    outline: none;
    background-color: #f0f0f0;    
}
label{
    width: 50%;
    padding: 10px;
    margin: 10px;
    text-align: left;
    border: solid;
    font-family: verdana;
    background-color: rgba(137,168,160,255);
}
#mySubmit{
    width: 5rem;
    grid-column: 2/3;
}
.gallery-wrapper {
    box-sizing: border-box;
    height: 240px;
    overflow: hidden;
}
.gallery-scroll {
    box-sizing: border-box;
    height: 240px;
    overflow-x: auto;
    overflow-y: hidden;
}
.gallery {
    background-color: #000000;
    display: flex;
    box-sizing: border-box;
    width: max-content;
    height: 240px;
    padding: 0px 8px;
}
.item {
    box-sizing: border-box;
    height: 100%;
    padding: 16px 8px;
}
.item img {
    display: block;
    height: 100%;
}
.post{
    width: 800px;
    margin-left: auto;
    margin-right:auto;
}

@media only screen and (max-width: 992px){
    #wrapper{
        grid-template-columns: minmax(0px, 1fr) repeat(8, minmax(0, 96px)) minmax(0px, 1fr);
    }
    #logo{
        grid-column: 2/5;
        grid-row: 1/4;
    }
    nav ul li a{
        font-size: 15px;
    }
    #headshot{
        grid-column: 6/10;
        grid-row: 14/18;
        background-image: url("headshot.jpg");
        background-position: top;
        background-size: cover;
        background-repeat: no-repeat;
        border-style: solid;  
        margin-left: 20px;
        margin-top: 10px;
        width: 55%;
    }
    #keyboard{
        grid-column: 3/6;
        grid-row: 10/14;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        border-style: solid;  
        margin: 20px;
        margin-bottom: 10px;
    }
    #p1{
        grid-column: 6/9;
        grid-row: 10/13;
        font-size: 14px;
        margin: 20px;
        z-index: 9;
    }
    #p2{
        grid-column: 3/6;
        grid-row: 14/16;
        font-size: 14px;
        margin: 20px;
        z-index:9;
    }
    #facebook{
        margin:7px;
        grid-column:4/5;
        width: 80%;
    }
    #twitter{
        margin:7px;
        grid-column:5/6;
        width: 80%;  
    }
    #linkedin{
        margin:7px;
        grid-column:6/7;
        width: 80%;
    }
    #instagram{
        margin:7px;
        grid-column:7/8;
        width: 80%;
    }
    #welcome{
        grid-column: 3/9;

        height: 100px;
        background-position: top; 
        background-size: contain;
        background: url("WELCOME.gif") 0 0;
    }
}
@media only screen and (max-width: 768px){
    #wrapper{
        grid-template-columns: minmax(0px, 1fr) repeat(8, minmax(0, 96px)) minmax(0px, 1fr);
    }
    header {
        grid-column: 1/11;
        grid-row: 1/3;
        background-color: rgba(255,255,255,.5);
    }
    #homeHero{
        grid-row: 1/9;
        grid-column: 1/11;
        background-image: url("homehero.jpg");
        background-position: top;
        background-size: contain;
        background-repeat: no-repeat;
    }
    #logo{
        grid-column: 1/4;
        grid-row: 1/3;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
    }
    nav ul li{
        margin: 5px;
        padding: 0px;
        display: flex;
        flex-flow: row nowrap;
        list-style-type: none;
        float: left;
        text-align: center;
        padding-top:1.25rem;
    }
    nav ul li a{
        font-size: 12px;
    }
    #welcome{
        width: 550px;
        height: 100px;
        background-position: top; 
        background-size: contain;
        background: url("WELCOME.gif") 0 0;
    }
    main{
        grid-column: 1/11;
        grid-row: 6/19;
        background-color: white;
        z-index:9;
    }
    #keyboard{
        grid-column: 2/6;
        grid-row: 10/13;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        border-style: solid;  
        margin: 10px;
    }
    #headshot{
        grid-column: 7/10;
        grid-row: 14/18;
        background-image: url("headshot.jpg");
        background-position: bottom;
        background-size: cover;
        background-repeat: no-repeat;
        border-style: solid;  
        margin: 10px;
        width: 70%;
    }
    #p1{
        grid-column: 6/10;
        grid-row: 10/13;
        font-size: 12px;
        margin: 10px;
    }
    #p2{
        grid-column: 2/7;
        grid-row: 14/16;
        font-size: 12px;
        margin: 20px;
    }
    #facebook{
        width: 80%;
    }
    #twitter{
        width: 80%;  
    }
    #linkedin{
        width: 80%;
    }
    #instagram{
        width: 80%;
    }
}