/* * { border: 1px solid #f00 !important; } */
img {
  max-width: 100%;
  display: block;
} 
:root {
    --font-color: #4a4a4a;
    --mobile-link-color: #b5b5b5;
    --background-color: #d8d8d8;
}
#cover {
  max-width: 100%;
  display: block;
}
.GR_Body { background-color: var(--background-color) }
.GR_Heading { 
    top: 73px;
    font-size: 42px;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 2px;
    color: var(--font-color);
}
.GR_HR {
    border: 0;
    border-top: 1px solid var(--font-color);
}
.GR_Hamburger {
    display: block;
    width: 70px;
    height: 10px;
    position: relative;
    background: black;
    border-radius: 3px;
    margin-bottom: 15px;
    margin-left: 100px;
    z-index: 1;
}
.GR_Menu_Content {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    right: 0;
    background-color: rgba(0,0,0, 0.8);
    overflow-x: hidden;
    transition: 0.5s;
}

.GR_Close {
float: right;
    border: 10px solid #007ADD;
    margin: 30px;
    color: #545252;
    border-radius: 41px;
    background: white;
    position: absolute;
    top: 0;
    right: -15px;
    font-size: 5em;
}
.GR_Menu { display: none; }
.GR_Menu_Content_List {
    position: relative;
    top: 25%;
    width: 100%;
    text-align: center;
    margin-top: -20%;
}
.GR_Link { 
    text-decoration: none; 
    color: var(--font-color);
}
.GR_Link:hover { 
    text-decoration: underline;
}
.GR_Desktop_Footer {
    display: inline;
    color: var(--font-color);
    text-decoration: none;
    padding: 10px;
    font-size: 1.5em
}
.GR_Worksheets_List { 
    margin-left: 40%;
}
#linkedin-Img {
    width: 50px;
    margin-left: -7px;
}
#email-Img {
    width: 50px;
    margin-left: -7px;
}
#twitter-Img {
    width: 38px;
}
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 1024px) {
      #desktop { display: none }
      #mobile { display: inline }
      .GR_FrontImage { margin-left: -10px}
      .GR_Heading {
            background-color: var(--background-color);
            font-size: 7em;
            top: unset;
            text-align: unset;
            letter-spacing: unset;
            display: inline;
      }
      .GR_Menu { display: inline-block;}
      .GR_Desktop_Menu { display: none;}
      .GR_Link {
        padding: 8px;
        text-decoration: none;
        font-size: 6em;
        color: var(--mobile-link-color);
        display: block;
        transition: 0.3s;
        margin-bottom: 10%;
      }
      .GR_Worksheets_List { margin-left: 0; }
      .GR_Worksheets_Desc { 
          font-size: 38px; 
          color: var(--font-color);
      }
      .GR_Worksheets_Link {
          font-size: 38px;
          display: inline;
          color: #a22525;
      }
    li {
        margin-left: 25px;
        margin-top: 5%;
        margin-bottom: 10%;
    }
    .Spacer {
        margin: 20px;
    }
    #linkedin-Img {
        width: 50%;
        margin-left: -200px;
        margin-top:10%;
    }
    #email-Img {
        width: 50%;
        margin-left: -200px;
    }
    #twitter-Img {
        width: 40%;
        margin-left: -175px;
    }
}
/* iPad Portrait mode */
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
    #cover { margin-left: 170px; }
    #linkedin-Img {
        width: 50%;
        margin-left: -100px;
        margin-top:10%;
    }
    #email-Img {
        width: 50%;
        margin-left: -100px;
    }
    #twitter-Img {
        width: 40%;
        margin-left: -75px;
    }
}