h1
{
     margin-bottom: 0;
}

#resume-view
{
    margin-top: 5rem;
    max-width: 80%;
    min-width: 60%;
    border: none;
    overflow: visible;
}

@media(max-width:800px)
{
     #resume-view
     {
          margin-top: 7.5rem;
     }
}

@media(max-width:500px)
{
     #resume-view
     {
          margin-top: 7rem;
     }
}


#pdf-img
{
    width: 100%;
    text-align: center;
    float: left;
    position: relative;
    z-index: 100;
}

#pdf-img a
{
     margin-left: -1.5vw;
     height: 4em;
     width: 4em;
     z-index: 100;
}

#pdf-img img
{
     margin-bottom: -2rem;
     width: 4em;
}

#pdf-img img:hover
{
    -webkit-filter: grayscale(25%);
    filter: grayscale(25%);
}

@media(max-width:800px)
{
     .site-navbar
     {
          padding-top: 2rem;
     }
}

#Resume
{
     background: #1b2679; /* fallback */
     background:
          linear-gradient(135deg, transparent 1vw, #1b2679 0) top left,
          linear-gradient(225deg, transparent 1vw, #1b2679 0) top right,
          linear-gradient(315deg, transparent 1vw, #1b2679 0) bottom right,
          linear-gradient(45deg,  transparent 1vw, #1b2679 0) bottom left;
     background-size: 55% 55%;
     background-repeat: no-repeat;
     background-image:
		radial-gradient(circle at 0 0, rgba(27, 38, 121, 0) 0px, #1b2679 0px),
		radial-gradient(circle at 100% 0, rgba(27, 38, 121, 0) 2vw, #1b2679 2vw),
		radial-gradient(circle at 100% 100%, rgba(27, 38, 121, 0) 0px, #1b2679 0px),
		radial-gradient(circle at 0 100%, rgba(27, 38, 121, 0) 0px, #1b2679 0px);
}

@media(max-width:800px)
{
     #Resume
     {
          background: #1b2679;          
     }
}

#Projects
{
     background: #5D68BB; /* fallback */
     background:
          linear-gradient(135deg, transparent 1vw, #5D68BB 0) top left,
          linear-gradient(225deg, transparent 1vw, #5D68BB 0) top right,
          linear-gradient(315deg, transparent 1vw, #5D68BB 0) bottom right,
          linear-gradient(45deg,  transparent 1vw, #5D68BB 0) bottom left;
     background-size: 55% 55%;
     background-repeat: no-repeat;
     background-image:
          radial-gradient(circle at 0 0, rgba(93, 104, 187, 0) 2vw, #5D68BB 2vw),
          radial-gradient(circle at 100% 0, rgba(93, 104, 187, 0) 0px, #5D68BB 0px),
          radial-gradient(circle at 100% 100%, rgba(93, 104, 187, 0) 0px, #5D68BB 0px),
          radial-gradient(circle at 0 100%, rgba(93, 104, 187, 0) 0px, #5D68BB 0px);
}


@media(max-width:800px)
{
     #Projects
     {
          background: #5D68BB;
     }
}

#Resume:hover, #Projects:hover
{
     background: #394284; /* fallback */
     background:
          linear-gradient(135deg, transparent 1vw, #394284 0) top left,
          linear-gradient(225deg, transparent 1vw, #394284 0) top right,
          linear-gradient(315deg, transparent 1vw, #394284 0) bottom right,
          linear-gradient(45deg,  transparent 1vw, #394284 0) bottom left;
     background-size: 55% 55%;
     background-repeat: no-repeat;
}

@media(max-width:800px)
{
     #Resume:hover, #Projects:hover
     {
          background: #394284;
     }
}

#Resume:hover
{
     background-image:
		radial-gradient(circle at 0 0, rgba(27, 38, 121, 0) 0px, #394284 0px),
		radial-gradient(circle at 100% 0, rgba(27, 38, 121, 0) 2vw, #394284 2vw),
		radial-gradient(circle at 100% 100%, rgba(27, 38, 121, 0) 0px, #394284 0px),
		radial-gradient(circle at 0 100%, rgba(27, 38, 121, 0) 0px, #394284 0px);
}

#Projects:hover
{
     background-image:
		radial-gradient(circle at 0 0, rgba(27, 38, 121, 0) 2vw, #394284 2vw),
		radial-gradient(circle at 100% 0, rgba(27, 38, 121, 0) 0px, #394284 0px),
		radial-gradient(circle at 100% 100%, rgba(27, 38, 121, 0) 0px, #394284 0px),
		radial-gradient(circle at 0 100%, rgba(27, 38, 121, 0) 0px, #394284 0px);
}