body{font-family:Nunito,sans-serif;background:#fff}
#container{width:100vw;height:100vh;position:absolute;top:0;left:0}
#content{position:absolute;top:0;left:0;width:100vw;height:100vh;display:none}
a,a.weblink{text-decoration:none}
a{cursor:pointer;color:#000}
a.weblink{position:relative;z-index:1;font-size:60px}
a.weblink:after{content:"";position:absolute;width:100%;height:2px;bottom:0;left:0;background-color:#000;visibility:hidden;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transition:.25s ease-in-out;transition:.25s ease-in-out 0}
a.weblink:hover:after{visibility:visible;-webkit-transform:scaleX(1);transform:scaleX(1)}
@keyframes cf{
0%,15%,to{opacity:.55}
25%,85%{opacity:0}
}
@keyframes init{
0%{opacity:0}
to{opacity:.55}
}
.splashPic{opacity:.5;background-image:url(./Pictures/countertop.jpg);background-repeat:no-repeat;background-size:cover}
#contactLinks{position:absolute;display:inline-flex;flex-wrap:wrap;width:100%;top:0;left:0;height:30vh;margin:calc((100vh - 30vh)/ 2) 0;justify-content:space-evenly}
#contactLinks img{height:100%}
#Name{float:left;width:98vw;margin-left:2vw;margin-top:2vh}
#Name a,#Name h1,#navbar ul{margin:0}
@media only screen and (max-width:429px){
#contactLinks{height:80vh;margin:20vh 0 0}
#contactLinks img{height:15vh;margin:0 25vw}
a.weblink{font-size:48px}
#Name{margin:2vh 0;height:16vh;display:flex;align-items:flex-end;justify-content:space-around}
}
@media only screen and (min-width:429px) and (max-width:768px){
#contactLinks{height:85vh;margin:15vh 0 0}
#contactLinks img{height:25vh;margin:5vh 5vw}
}