body {
	background-color: black;
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: fixed;

	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover; 

	background-size: cover;
}

h2 {
    line-height: 25px;
}

h3 {
    line-height: 25px;
}

.coverPosition {
    position: absolute;
    width:46%;
        height: auto;
        padding-bottom: 20px;
        top: 110px;
        top: 9.0vw;
    left: 18.6vw;

}

.sideMenuCover {
    position: absolute;
    top: 110px;
    top: 11.2vw;
    left: 0px;
    width: 230px;
    width: 14.5vw;
    margin-left: 2vw;
    margin-right: 2vw;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.05vw;
    font-weight: bold;
    text-align: center;
    line-height: 1.4;
    color: white;
}

    .issueInfoCover {
        font-size: .8vw;
    }

.crText {
    position: relative;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 0.9vw;
        font-style: italic;
        line-height: 1.2; 
        overflow: visible;
        color: gray;
        padding-left: 5px;
        padding-right: 5px;
    top: 50px;
    }
        
#navi
{
    position: fixed;
    left: 10px;
    top: 50%;
    z-index: 2;
}
        
#naviT {
    display: none;
}
    

#navi3 {
    display: none;
}

.sidenav {
    /*background-image: url("images/penMenuBG.png");
    background-repeat: no-repeat;
    background-size: cover;*/
    height: 900px;
    height: 82vh;
    width: 369px;
    width: 24.4vw;
    position: fixed;
    left: -369px;
    left: -24.4vw;
    z-index: 1;
    top: 110px;
    overflow-x: hidden;

}

.sideHeads {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 3vh;
    font-weight: bold;
    color: white;
    border-radius: 25px;
    border: 1px solid #3c3c3c;
    padding: 1.3vh;
    z-index: 10;
}

.sideHeads1 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 3vh;
    font-weight: bold;
    color: white;
    border-radius: 25px;
    border: 1px solid #3c3c3c;
    padding: 1.3vh;
    z-index: 10;
}

.sideHeads2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 3vh;
    font-weight: bold;
    color: white;
    border-radius: 25px;
    border: 1px solid #3c3c3c;
    padding: 1.3vh;
    z-index: 10;
    width: 40%;
}

.sideHeads3 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 3vh;
    font-weight: bold;
    color: white;
    border-radius: 25px;
    border: 1px solid #3c3c3c;
    padding: 1.3vh;
    z-index: 10;
}
    

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
    left: 10px;
  background-color: #000;
  min-width: 250px;
    min-width: 15vw;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1vw;
    font-weight: bold;
    color: white;
    border-radius: 25px;
    border: 1px solid #3c3c3c;
    padding: 0.7vw;
    text-align: center;
  z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
  color: white;
  padding: 5px 5px;
  text-decoration: none;
  
}

.rightSideStickyInfo {
  position: fixed; /* Fixed Sidebar (stay in place on scroll) */
  z-index: 1; /* Stay on top */

  left: 67%;

    width: 300px;
    width: 19.5vw;
    height: auto;
    float: right;

    display: none;
}

.rightSideStickyInfo_sm {
    display: none;
}

.rightSideStickyInfo_smr {
    display: none;
}

.rightSideTitle {
    position: relative;
    font-family: Asul, Arial, Helvetica, sans-serif;
    font-size: 45px;
    font-size: 3vw;
    font-weight: bold;
    color: white;
    margin-bottom: 10px;
    text-align: center;
    
}

.rightSideAuthor {
    position: relative;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 32px;
    font-size: 2vw;
    font-weight: normal;
    color: white;
    margin-bottom: 30px;
    text-align: center;
    line-height: 1.6;
}

.rightSidePrevious {
    position: relative;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: normal;
    color: white;
    text-align: left;
    line-height: 1.6;
}

.rightSideImgThumbs {
    width: 13.1vw;
    height: auto;
}

.rightSideStickyInfo2 {
  position: fixed; /* Fixed Sidebar (stay in place on scroll) */
  z-index: 1; /* Stay on top */

  left: 67%;

    width: 300px;
    width: 19.5vw;
    height: auto;
    float: right;

}

.rightSideStickyInfo2_sm {
    display: none;
}

.rightSideStickyInfo2_smr {
    display: none;
}

.rightSideStickyInfoCover {
  position: fixed; /* Fixed Sidebar (stay in place on scroll) */
  z-index: 1; /* Stay on top */

  left: 67%;

    width: 300px;
    width: 17.5vw;
    height: auto;
    float: right;

}

.infoCoverTablet {
    display: none;
}


.fadePrehead {
    font-family: Helvetica, Arial, sans-serif; margin-bottom: 0px; margin-top: 0px; font-size: 1.2vw; line-height: 160%;
     color: white;
}

.fadeTitle {
    font-family: Asul, Arial, Helvetica, sans-serif;
    font-size: 48px;
    font-size: 3.5vw;
    font-weight: bold;
    color: white;
    margin-bottom: 30px;
    margin-top: 20px;
}

.fadeTitle2 {
    font-family: Asul, Arial, Helvetica, sans-serif;
    font-size: 48px;
    font-size: 3.5vw;
    font-weight: bold;
    
    color: white;
    margin-bottom: 30px;
    margin-top: 20px;
}

.fadePreheadM {
    display: none;
}

.fadeTitleM {
    display: none;
}

.fadeAuthor {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-size: 1.5vw;
    font-weight: normal;
    color: white;
}

.fadeAuthor2 {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-size: 1.2vw;
    font-weight: normal;
    color: white;
}

.fadeAuthor3 {
    font-family: Helvetica, Arial, sans-serif;
    'font-size: 18px;
    font-size: 1.7vw;
    font-weight: normal;
    color: white;
    
}
 
a:link {
  text-decoration: none;
    color: white;
    cursor: url('images/starburst_sm.png') 10 10, auto;
}

a:visited {
  text-decoration: none;
    color: white;
    cursor: url('images/starburst_sm.png') 10 10, auto;
}

a:hover {
  text-decoration: none;
    color: white;
    cursor: url('images/starburst_sm.png') 10 10, auto;
}

a:active {
  text-decoration: none;
    color: white;
    cursor: url('images/starburst_sm.png') 10 10, auto;
}


        
.yellowPenumbra {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 375px;
    width: 24.4vw;
    height: 900px;
    height: 82vh;
    -webkit-animation-name: example; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 20s; /* Safari 4.0 - 8.0 */
    animation-name: example;
    animation-duration: 20s;
    animation-iteration-count: infinite;
}
    
.blackPenumbra {
    position: absolute;
    left: 0px;
    top: 0px;
    opacity: 1;
    width: 369px;
    width: 24vw;
    height: 900px;
    height: 82vh;
}        
        
.logoBG
{
    position: fixed;
    left: 0px;
    top: 0px;
    background-color: black;
    width:100%;
    height: 100px;
    height: 6.5vw;
    z-index: 1;
}

.logo {
    position: fixed;
    left: 10px;
    left: .7vw;
    top: 10px;
    top: .7vw;
    width: 613px;
    width: 39.9vw;
    height: 134px;
    height: auto;
    z-index: 1;
}

.topMenuAbout {
    position: fixed;
    left: 700px;
    left: 49vw;
    top: 30px;
    top: 2.1vw;

    z-index: 1;
}

.topMenuArchives {
    position: fixed;
    left: 700px;
    left: 49vw;
    top: 60px;
    top: 4.2vw;

    z-index: 1;
}

.topMenuCurrent {
    position: fixed;
    left: 850px;
    left: 59.5vw;
    top: 30px;
    top: 2.1vw;

    z-index: 1;
}

.topMenuSubmissions {
    position: fixed;
    left: 850px;
    left: 59.5vw;
    top: 60px;
    top: 4.2vw;

    z-index: 1;
}

.topMenuText {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-size: 1.1vw;
        font-weight: bold;
        color: white;
        z-index: 10;
    }
        
/* Safari 4.0 - 8.0 */
@-webkit-keyframes example {
  0%       {opacity: 0.0;}
    50%     {opacity: 0.5;}
    100%    {opacity: 0.0;}
}

/* Standard syntax */
@keyframes example {
   0%       {opacity: 0.0;}
    50%     {opacity: 0.5;}
    100%    {opacity: 0.0;}
}
        

    .sideHeadsT {
        display: none;
    }
    .sideHeadsT1 {
        display: none;
    }
    .sideHeadsT2 {
        display: none;
    }
    .sideHeadsT3 {
        display: none;
    }

    .flex-container {
        display: none;
    }
    
    .mobileHeads {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 24px;
        font-size: 3vh;
        font-weight: bold;
        color: white;
        border-radius: 25px;
        border: 1px solid #3c3c3c;
        padding: 5px;
        
        z-index: 10;
        display: none;
    }
    
    .mobileThumb {
        display: none;
    }

.mobileIssueHeader {
    display: none;
}

.prevNextMobile {
    display: none;
}

.leftPrevMobile {
    display: none;
}

.rightNextMobile {
    display: none;
}

.tocText {
        width: 90%;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 22px;
        font-size: 1.5vw;
        line-height: 1.75; 
        overflow: visible;
        color: white;
        margin-left: 35px;
    }

.tocAuthor {
    font-family: Helvetica, Arial, sans-serif; 
    font-size: 14px; 
    font-size: 0.9vw; 
    font-weight: normal; 
    color: white;
}

.tocRow {
    display: flex;
    margin-bottom: -20px;
}

.tocRowBHead {
    display: flex;
    margin-bottom: 10px;
}

 .tocRowCHead {
    display: flex;
    margin-bottom: 20px;
}

.tocColumn1 {
    flex: 30%;
    padding: 10px;
    padding: 0.7vw;
    text-align: right;
    margin-right: 10px;
    margin-right: 0.7vw;
}

.tocColumn2 {
    flex: 70%;
    padding: 10px;
    padding: 0.7vw;
}

.artPage {
    width: 100%;
}

.tocMainHeads {
    font-size: 26px;
}

.pj1 {
    width: 60%; display: block; margin-left: auto; margin-right: auto;
}

.pj2 {
    width: 60%; display: block; margin-left: auto; margin-right: auto;
}

.pj3 {
    width: 60%; display: block; margin-left: auto; margin-right: auto;
}

.elementLeftVert {
    width: 300px;
    width: 6vw;
    height: auto;
    float: left;
    margin: 5px -150px 5px 5px;
    margin: .3vw .3vw .3vw -3.75vw;
    
}

.elementLeft {
    background-color: #ddd;
    width: 300px;
    width: 9vw;
    height: auto;
    float: left;
    margin: 5px -150px 5px 5px;
    margin: .3vw .3vw .3vw -3.75vw;
    
}

.elementLeftBio {
    background-color: #ddd;
    width: 300px;
    width: 9vw;
    height: auto;
    float: left;
    margin: 5px -150px 5px 5px;
    margin: .3vw .7vw .3vw -3.75vw;
    
}

.elementLeftFeatureVert {
    width: 300px;
    width: 20vw;
    height: auto;
    float: left;
    margin: 5px -150px 5px 5px;
    margin: .3vw .7vw .3vw -3.75vw;
    
}

.elementRightFeatureVertArticle {
    width: 300px;
    width: 23vw;
    height: auto;
    float: right;
    margin: 5px -150px 5px 5px;
    margin: .3vw .7vw .6vw .75vw;
    
}

.elementLeftFeatureVert200 {
    width: 200px;
    width: 14vw;
    height: auto;
    float: left;
    margin: 5px -150px 5px 5px;
    margin: .3vw .7vw .3vw -3.75vw;
    
}

.elementRightFeatureVert {
    background-color: #ddd;
    width: 300px;
    width: 8vw;
    height: auto;
    float: left;
    margin: 5px -150px 5px 5px;
    margin: .3vw -3.75vw .3vw .7vw;
    
}

.column {
      float: left;
      width: 40%;
      padding: 2vw;
    }

    /* Clear floats after the columns */
    .row:after {
      content: "";
      display: table;
      clear: both;
    }

@media only screen and (max-width: 500px) {
    .column {
      float: left;
      width: 100%;
    }

    /* Clear floats after the columns */
    .row:after {
      content: "";
      display: table;
      clear: both;
    }
     
    .logo, .logoBG {
        display: none;
    }
    
     .sideHeads, .sideHeads1, .sideHeads2, .sideHeads3, .blackPenumbraShape, .blackPenumbra, .yellowPenumbra {
         display: none;
     }
     
    #navi, #naviT {
        display: none;
    }
    
    .rightSideStickyInfo, .rightSideStickyInfo2, .rightSideStickyInfo_sm, .rightSideStickyInfo2_sm, .rightSideStickyInfo_smr, .rightSideStickyInfo2_smr {
        display: none;
    }
    
    .topMenuAbout {
        display: none;
    }

    .topMenuArchives {
        display: none;
    }

    .topMenuCurrent {
        display: none;
    }

    .topMenuSubmissions {
        display: none;
    }
    
    #bgDiv
    {
        width: 85%;  margin-left: 20px;   margin-right: auto; top: 7px; position: absolute;
    }
    
    .prevNextMobile {
        display: flex;
        justify-content: space-around;
         margin-left: -15px;
         margin-right: -15px;
         margin-bottom: 15px;
    }

    .leftPrevMobile {
        display: block;
        width: 30%;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 24px;
        font-size: 2.5vh;
        font-weight: bold;
        text-align: center;
        color: white;
        padding: 5px;
        margin-left: 0px;
         margin-right: 0px;
         margin-bottom: 5px;
        margin-top: 15px;
        border-radius: 30px;
        border: 2px solid #3c3c3c;
        z-index: 10;
    }

    .rightNextMobile {
        display: block;
        width: 30%;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 24px;
        font-size: 2.5vh;
        font-weight: bold;
        text-align: center;
        color: white;
        padding: 5px;
        margin-left: 0px;
         margin-right: 0px;
         margin-bottom: 5px;
        margin-top: 15px;
        border-radius: 30px;
        border: 2px solid #3c3c3c;
        z-index: 10;
    }
    
     .flex-container {
          display: flex;
          justify-content: space-around;
         margin-left: -15px;
         margin-right: -15px;
         margin-bottom: 15px;
    }
     
     .mobileHeads {
         display: inline;
     }
     
     .mobileThumb {
        position: relative;
        
        
        height: auto;
         
         display: inline;
         width: 330px;
         width: 100%;
         margin-left: auto;   margin-right: auto;
     }
     
    .mobileIssueHeader {
        display: block;
        width: 100%;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 24px;
        font-size: 2.5vh;
        font-weight: bold;
        color: white;
        padding: 0px;
        margin-left: 0px;
         margin-right: 0px;
         margin-bottom: 5px;
        border-radius: 25px;
        border: 1px solid #3c3c3c;
        z-index: 10;

    }
    
    .flexslider {
        width: 100%;

        display: block;
        margin-left: auto;
        margin-right: auto;
    }
    
    .fadePrehead {
        display: none;
    }
    
    .fadeTitle {
        display: none;
    }
    
    .fadeTitleM {
        display: block;
        font-family: Asul, Arial, Helvetica, sans-serif;
        font-size: 48px;
        font-size: 9vw;
        font-weight: bold;
        color: white;
        margin-bottom: 30px;
        margin-top: 20px;
        text-align: center;
        line-height: .9;
    }
    
    .fadeAuthor {
        font-family: Helvetica, Arial, sans-serif;
        font-size: 18px;
        font-size: 4.5vw;
        font-weight: normal;
        color: white;
    }
    
    .fadeAuthor2 {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-size: 4vw;
    font-weight: normal;
    color: white;
}
    
    .fadeAuthor3 {
    font-family: Helvetica, Arial, sans-serif;
    'font-size: 18px;
    font-size: 5vw;
    font-weight: normal;
    color: white;
        
}
    
    .tocText {
        width: 90%;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 22px;
        font-size: 5vw;
        line-height: 1; 
        overflow: visible;
        color: white;
        margin-left: 25px;
    }
    
    .tocAuthor {
        font-family: Helvetica, Arial, sans-serif; 
        font-size: 14px; 
        font-size: 3.5vw; 
        font-weight: normal; 
        color: white;
    }
    
    .tocRow {
        display: flex;
        padding-bottom: 0px;
        padding-top: 20px;
        margin-bottom: 10px;
    }

    .tocRowBHead {
        display: flex;
        margin-bottom: 20px;
    }
    
     .tocRowCHead {
        display: flex;
        padding-top: 20px;
        margin-bottom: 20px;
    }
    
    .tocColumn1 {
        flex: 35%;
        padding-bottom: 10px;
        padding-right: 10px;
    }

    .tocColumn2 {
        flex: 65%;
        padding-bottom: 10px;
    }
    
    .tocMainHeads {
        position: absolute;
        width: 70%;
        text-align: center;
    }
    
    .textContainer {
        width: 85%;  margin-left: 20px;   margin-right: auto; top: 7px; position: absolute;
    }
    
    .anncHeads {
        position: relative;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 19px;
        font-weight: bold;
        color: white;
        margin-top: 20px;
        margin-bottom: 5px;
    }
    
    .anncSubHeads {
        font-size: 17px; 
        font-weight: bold; 
        line-height: 1.75;
        margin-left: -13px;
    }
    
    .anncText {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 16px;
        line-height: 1.75; 
        overflow: visible;
        color: white;
        margin-left: 25px;
    }
    
    .internalText {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 16px;
        line-height: 1.75; 
        overflow: visible;
        color: white;
        margin-left: 25px;
    }
    
    .internalIndent {
        padding-left: 10%;
    }
    
    .element {
     display: none;   
    }
    
    .imgRow, .flex-container2 {
        display: none;
    }
    
    .pj1 {
    width: 100%; display: block; margin-left: auto; margin-right: auto;
    }

    .pj2 {
        width: 100%; display: block; margin-left: auto; margin-right: auto;
    }

    .pj3 {
        width: 100%; display: block; margin-left: auto; margin-right: auto;
    }
    
    .elementLeftVert {
        width: 300px;
        width: 40vw;
        height: auto;
        float: left;
        margin: 5px -150px 5px 5px;
        margin: .3vw 1.5vw .3vw -3.75vw;
    
    }
    
    .elementLeft {
    background-color: #ddd;
    width: 300px;
    width: 40vw;
    height: auto;
    float: left;
    margin: 5px -150px 5px 5px;
    margin: .3vw 1.5vw .3vw -3.75vw;
    
    }

    .elementLeftFeatureVert {
        width: 300px;
        width: 30vw;
        height: auto;
        float: left;
        margin: 5px -150px 5px 5px;
        margin: .3vw 1.5vw .3vw -3.75vw;

    }
    
    .elementRightFeatureVertArticle {
    width: 300px;
    width: 33vw;
    height: auto;
    float: right;
    margin: 5px -150px 5px 5px;
    margin: .3vw .7vw .6vw .75vw;
    
}
    
    .elementLeftFeatureVert200 {
    width: 200px;
    width: 20vw;
    height: auto;
    float: left;
    margin: 5px -150px 5px 5px;
    margin: .3vw .7vw .3vw -3.75vw;
    
}

    .elementRightFeatureVert {
        background-color: #ddd;
        width: 300px;
        width: 8vw;
        height: auto;
        float: left;
        margin: 5px -150px 5px 5px;
        margin: .3vw -3.75vw .3vw .7vw;

    }
} 

    
@media only screen and (min-width: 501px) and (max-width: 1499px) and (max-aspect-ratio: 4/3) {
    
    .column {
      float: left;
      width: 100%;
    }

    /* Clear floats after the columns */
    .row:after {
      content: "";
      display: table;
      clear: both;
    }
    
    #naviT
    {
        position: fixed;
        left: 10px;
        top: 30%;
        z-index: 2;
        display: inline;
    }

        #navi, #cnavi {
            display: none;
        }

    .sidenav {
        /*background-image: url("images/penMenuBG.png");
        background-repeat: no-repeat;
        background-size: cover;*/
        width: 375px;
        width: 30.5vw;
        height: 900px;
        height: 64.45vh;
        position: fixed;
        left: -369px;
        left: -35vw;
        z-index: 1;
        top: 60px;
        overflow-x: hidden;

    }
    
    .yellowPenumbra, .blackPenumbra {
        display: none;
    }
    
    .yellowPenumbra2 {
        position: absolute;
        left: 1px;
        top: 0px;
        width: 375px;
            width: 30.5vw;
            height: 900px;
            height: 64.45vh;
        -webkit-animation-name: example; /* Safari 4.0 - 8.0 */
        -webkit-animation-duration: 20s; /* Safari 4.0 - 8.0 */
        animation-name: example;
        animation-duration: 20s;
        animation-iteration-count: infinite;
    }

    .blackPenumbra2 {
        position: absolute;
        left: 0px;
        top: 0px;
        opacity: 1;
        width: 369px;
        width: 30vw;
        height: 900px;
        height: 64.45vh;
    }  
    
    .sideHeads {
        display: none;
    }
    
    .sideHeads1 {
        display: none;
    }
    
    .sideHeads2 {
        display: none;
    }
    
    .sideHeads3 {
        display: none;
    }
    
    .sideHeadsT {
        display: inline;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 24px;
        font-size: 2.2vh;
        font-weight: bold;
        color: white;
        border-radius: 25px;
        border: 1px solid #3c3c3c;
        padding: 5px;
        padding: .7vh;
        z-index: 10;
    }
    
       .sideHeadsT1 {
        display: inline;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 24px;
        font-size: 2.2vh;
        font-weight: bold;
        color: white;
        border-radius: 25px;
        border: 1px solid #3c3c3c;
        padding: 5px;
        padding: .7vh;
        z-index: 10;
    }
    
       .sideHeadsT2 {
        display: inline;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 24px;
        font-size: 2.2vh;
        font-weight: bold;
        color: white;
        border-radius: 25px;
        border: 1px solid #3c3c3c;
        padding: 5px;
        padding: .7vh;
        z-index: 10;
        width: 45%;
    }
    
       .sideHeadsT3 {
        display: inline;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 24px;
        font-size: 2.2vh;
        font-weight: bold;
        color: white;
        border-radius: 25px;
        border: 1px solid #3c3c3c;
        padding: 5px;
        padding: .7vh;
        z-index: 10;
    }
    
    
    /* Dropdown Content (Hidden by Default) */
    .dropdown-content {
      display: none;
      position: absolute;
        left: 10px;
      background-color: #000;
      min-width: 250px;
        min-width: 20vw;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 2vw;
        font-weight: bold;
        color: white;
        border-radius: 25px;
        border: 1px solid #3c3c3c;
        padding: 0.7vw;
        text-align: center;
      z-index: 1;
    }
    
    .logo {
        position: fixed;
        left: 10px;
        left: .7vw;
        top: 10px;
        top: .7vw;
        width: 613px;
        width: 55vw;
        height: 134px;
        height: auto;
        z-index: 1;
    }
    
    .logoBG
    {
        position: fixed;
        left: 0px;
        top: 0px;
        background-color: black;
        width:100%;
        height: 100px;
        height: 7.5vw;
        z-index: 1;
    }
    
    .topMenuAbout {
        position: fixed;
        left: 700px;
        left: 60vw;
        top: 30px;
        top: 2.4vw;

        z-index: 1;
    }

    .topMenuArchives {
        position: fixed;
        left: 700px;
        left: 60vw;
        top: 60px;
        top: 5.6vw;

        z-index: 1;
    }

    .topMenuCurrent {
        position: fixed;
        left: 850px;
        left: 75vw;
        top: 30px;
        top: 2.4vw;

        z-index: 1;
    }

    .topMenuSubmissions {
        position: fixed;
        left: 850px;
        left: 75vw;
        top: 60px;
        top: 5.6vw;

        z-index: 1;
    }

    .topMenuText {
            font-family: Arial, Helvetica, sans-serif;
            font-size: 12px;
            font-size: 1.8vw;
            font-weight: bold;
            color: white;
            z-index: 10;
    }
    
    #bgDiv
    {
        position: relative;

        background-repeat: no-repeat;
          background-size: cover;
            background-color: black;
        width:65%;
        height: auto;
        padding-bottom: 20px;
        top: 110px;
        top: 8.2vh;
        margin-left: 150px;
        margin-left: 9.75vw;
        margin-right: auto;

        /*background-image: linear-gradient(to right,
         black, white, white, white, white, white, white, white, white, white, white, white, white, white, white, white, white, black
            );*/
    }
    
    #bgDivToC
    {
        position: relative;

        background-repeat: no-repeat;
          background-size: cover;
            background-color: black;
        width:70%;
        height: auto;
        padding-bottom: 20px;
        top: 110px;
        top: 8.2vh;
        left: 0px;
        margin-left: 150px;
        margin-left: 5.75vw;
        margin-right: auto;

        /*background-image: linear-gradient(to right,
         black, white, white, white, white, white, white, white, white, white, white, white, white, white, white, white, white, black
            );*/
    }
    
    .coverPosition {
        position: absolute;
        width:70%;
            height: auto;
            padding-bottom: 20px;
            top: 110px;
            top: 13.0vw;
        left: 23.6vw;

    }

    .sideMenuCover {
        position: absolute;
        top: 110px;
        top: 13.2vw;
        left: 0px;
        width: 230px;
        width: 18.5vw;
        margin-left: 2vw;
        margin-right: 2vw;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 1.9vw;
        font-weight: bold;
        text-align: center;
        line-height: 1.35;
        color: white;
    }
    
    .issueInfoCover {
        font-size: 1.2vw;
    }

.crText {
    position: relative;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 0.9vw;
        font-style: italic;
        line-height: 1.2; 
        overflow: visible;
        color: gray;
        padding-left: 5px;
        padding-right: 5px;
    top: 50px;
    }
    
    .tocText {
        width: 90%;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 22px;
        font-size: 1.8vw;
        line-height: 2.75; 
        overflow: visible;
        color: white;
        margin-left: 25px;
    }
    
    .tocAuthor {
        font-family: Helvetica, Arial, sans-serif; 
        font-size: 14px; 
        font-size: 1.5vw; 
        font-weight: normal; 
        color: white;
    }
    
    .tocRow {
        display: flex;
        margin-bottom: -20px;
    }

    .tocRowBHead {
        display: flex;
        margin-bottom: 5px;
    }
    
    .tocColumn1 {
        flex: 35%;

    }

    .tocColumn2 {
        flex: 65%;

    }
    
    .rightSideStickyInfo {
        display: none;
    }

    .rightSideStickyInfo_sm {
        position: fixed; /* Fixed Sidebar (stay in place on scroll) */
        z-index: 1; /* Stay on top */

        left: 72%;

        width: 300px;
        width: 19.5vw;
        height: auto;
        float: right;

        display: none;
    }

    .rightSideTitle {
        position: relative;
        font-family: Asul, Arial, Helvetica, sans-serif;
        font-size: 45px;
        font-size: 3vw;
        font-weight: bold;
        color: white;
        margin-bottom: 10px;
        text-align: center;

    }

    .rightSideAuthor {
        position: relative;
        font-family: Helvetica, Arial, sans-serif;
        font-size: 32px;
        font-size: 2vw;
        font-weight: normal;
        color: white;
        margin-bottom: 30px;
        text-align: center;
        line-height: 1.6;
    }

    .rightSidePrevious {
        position: relative;
        font-family: Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: normal;
        color: white;
        text-align: left;
        line-height: 1.6;
    }

    .rightSideImgThumbs {
        width: 13.1vw;
        height: auto;
    }

    .rightSideStickyInfo2 {
        display: none;

    }

    .rightSideStickyInfo2_sm {
        display: inline;
      position: fixed; /* Fixed Sidebar (stay in place on scroll) */
      z-index: 1; /* Stay on top */

      left: 72%;

        width: 300px;
        width: 19.5vw;
        height: auto;
        float: right;

    }
    
    .rightSideStickyInfoCover {
        display: none;
    }
    
    .infoCoverTablet {
        display: flex;
        justify-content: space-around;
         margin-left: -35px;
         margin-right: -35px;
         margin-bottom: 15px;
    }
    
    .leftCoverTablet {
        display: block;
        width: 30%;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 24px;
        font-size: 1.5vh;
        font-weight: bold;
        text-align: center;
        line-height: 1.5;
        color: white;
        padding: 5px;
        margin-left: 0px;
         margin-right: 0px;
         margin-bottom: 5px;
        margin-top: 15px;

        z-index: 10;
    }

    .rightCoverTablet {
        display: block;
        width: 30%;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 24px;
        font-size: 1.5vh;
        font-weight: bold;
        text-align: center;
        line-height: 1.5;
        color: white;
        padding: 5px;
        margin-left: 0px;
         margin-right: 0px;
         margin-bottom: 5px;
        margin-top: 15px;

        z-index: 10;
    }
    
    .textContainer {
        width: 550px; width: 35.75vw; margin-left: 270px; margin-left: 17.55vw;  margin-right: auto; width: 70%; top: 145px; top: 8vh; position: absolute;
    }
    
    .anncHeads {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 19px;
        font-weight: bold;
        color: white;
    }
    
    .anncSubHeads {
        font-size: 17px; 
        font-weight: bold; 
        line-height: 1.75;
    }
    
    .anncText {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 16px;
        line-height: 1.75; 
        overflow: visible;
        color: white;
        margin-left: 25px;
    }
    
    .fadePrehead {
    font-family: Helvetica, Arial, sans-serif; margin-bottom: 0px; margin-top: 0px; font-size: 1.2vw; line-height: 160%;
     color: white;
}
    
    
    .fadeTitle {
    font-family: Asul, Arial, Helvetica, sans-serif;
    font-size: 48px;
    font-size: 4.5vw;
    font-weight: bold;
    color: white;
    margin-bottom: 30px;
    }
    
    .fadeTitle2 {
    font-family: Asul, Arial, Helvetica, sans-serif;
    font-size: 48px;
    font-size: 3.5vw;
    font-weight: bold;
        line-height: 0.25;
    color: white;
    margin-bottom: 30px;
    margin-top: 20px;
    }
    
    .fadeAuthor {
        font-family: Helvetica, Arial, sans-serif;
        font-size: 18px;
        font-size: 2.5vw;
        font-weight: normal;
        color: white;
    }
    
    .fadeAuthor2 {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-size: 2.0vw;
    font-weight: normal;
    color: white;
}
    
    .fadeAuthor3 {
    font-family: Helvetica, Arial, sans-serif;
    'font-size: 18px;
    font-size: 3vw;
    font-weight: normal;
    color: white;
        
}
    
    .internalText {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 16px;
        line-height: 1.75; 
        overflow: visible;
        color: white;
        margin-left: 25px;
        width: 80%;
    }
    
    .flex-container2 {
        position: relative;
        display: flex;
        justify-content: space-around;
        left: 0px;
        margin-bottom: 32px;
    }
    
    .imgRow {
        position: relative;
        width: 150px;
        width: 14.65vw;
        height: auto;
    }
    
    .pj1 {
    width: 100%; display: block; margin-left: auto; margin-right: auto;
    }

    .pj2 {
        width: 100%; display: block; margin-left: auto; margin-right: auto;
    }

    .pj3 {
        width: 100%; display: block; margin-left: auto; margin-right: auto;
    }
    
        .elementLeftVert {
        width: 300px;
        width: 20vw;
        height: auto;
        float: left;
        margin: 5px -150px 5px 5px;
        margin: .3vw 1.5vw .3vw -3.75vw;
    
    }
    
    .elementLeft {
    background-color: #ddd;
    width: 300px;
    width: 20vw;
    height: auto;
    float: left;
    margin: 5px -150px 5px 5px;
    margin: .3vw 1.5vw .3vw -3.75vw;
    
    }

    .elementLeftFeatureVert {
        width: 300px;
        width: 20vw;
        height: auto;
        float: left;
        margin: 5px -150px 5px 5px;
        margin: .3vw 1.5vw .3vw -3.75vw;

    }
    
    .elementRightFeatureVertArticle {
    width: 300px;
    width: 23vw;
    height: auto;
    float: right;
    margin: 5px -150px 5px 5px;
    margin: .3vw .7vw .6vw .75vw;
    
}
    
    .elementLeftFeatureVert200 {
    width: 200px;
    width: 14vw;
    height: auto;
    float: left;
    margin: 5px -150px 5px 5px;
    margin: .3vw .7vw .3vw -3.75vw;
    
}

    .elementRightFeatureVert {
        background-color: #ddd;
        width: 300px;
        width: 8vw;
        height: auto;
        float: left;
        margin: 5px -150px 5px 5px;
        margin: .3vw -3.75vw .3vw .7vw;

    }
}

@media only screen and (min-width: 501px) and (max-width: 999px) and (min-aspect-ratio: 4/3) {
    
    .column {
      float: left;
      width: 100%;
    }

    /* Clear floats after the columns */
    .row:after {
      content: "";
      display: table;
      clear: both;
    }
    
    #navi3, #cnavi3 {
        display: inline;
    }
    
    #navi3{
        position: fixed;
        left: 10px;
        top: 50%;
        z-index: 2;
    }
    
    #cnavi3{
        width: 50px;
    }
    
    #naviT, #cnaviT, #navi, #cnavi {
        display: none;
    }
    
    .yellowPenumbra2, .blackPenumbra2 {
        display: none;
    }
    
    .sideHeads {
        display: inline;
    }
    
        .sideHeads1 {
        display: inline;
    }
    
        .sideHeads2 {
        display: inline;
    }
    
        .sideHeads3 {
        display: inline;
    }
    
    .sideHeadsT {
        display: none;
    }
    
        .sideHeadsT1 {
        display: none;
    }
    
        .sideHeadsT2 {
        display: none;
    }
    
        .sideHeadsT3 {
        display: none;
    }
    
    
    /* Dropdown Content (Hidden by Default) */
    .dropdown-content {
      display: none;
      
    }
    
    .sidenav {
        display:none;
    }
    
    .sidenav2 {
        /*background-image: url("images/penMenuBG.png");
        background-repeat: no-repeat;
        background-size: cover;*/
        height: 900px;
        height: 82vh;
        width: 369px;
        width: 24.4vw;
        position: fixed;
        left: -369px;
        left: -24.4vw;
        z-index: 1;
        top: 90px;
        overflow-x: hidden;

    }
    
    
    
    .yellowPenumbra {
        display: inline;
        position: absolute;
        left: 2px;
        top: 0px;
        width: 375px;
        width: 24.4vw;
        height: 900px;
        height: 82vh;
        -webkit-animation-name: example; /* Safari 4.0 - 8.0 */
        -webkit-animation-duration: 20s; /* Safari 4.0 - 8.0 */
        animation-name: example;
        animation-duration: 20s;
        animation-iteration-count: infinite;
    }

    .blackPenumbra {
        display: inline;
        position: absolute;
        left: 0px;
        top: 0px;
        opacity: 1;
        width: 369px;
        width: 24vw;
        height: 900px;
        height: 82vh;
    }        

    .logoBG
    {
        position: fixed;
        left: 0px;
        top: 0px;
        background-color: black;
        width:100%;
        width: 80vw;
        height: 100px;
        height: 8.5vw;
        z-index: 1;
    }

    .logo {
        position: fixed;
        left: 10px;
        left: .7vw;
        top: 10px;
        top: .7vw;
        width: 613px;
        width: 60vw;
        height: 134px;
        height: auto;
        z-index: 1;
    }
    
    .topMenuAbout {
        position: fixed;
        left: 700px;
        left: 65vw;
        top: 30px;
        top: 2.5vw;

        z-index: 1;
    }

    .topMenuArchives {
        position: fixed;
        left: 700px;
        left: 65vw;
        top: 60px;
        top: 5.9vw;

        z-index: 1;
    }

    .topMenuCurrent {
        position: fixed;
        left: 850px;
        left: 80vw;
        top: 30px;
        top: 2.5vw;

        z-index: 1;
    }

    .topMenuSubmissions {
        position: fixed;
        left: 850px;
        left: 80vw;
        top: 60px;
        top: 5.9vw;

        z-index: 1;
    }

    .topMenuText {
            font-family: Arial, Helvetica, sans-serif;
            font-size: 12px;
            font-size: 2.1vw;
            font-weight: bold;
            color: white;
            z-index: 10;
    }

    #bgDiv
    {
        position: relative;

        background-repeat: no-repeat;
          background-size: cover;
            background-color: black;
        width:65%;
        height: auto;
        padding-bottom: 20px;
        top: 110px;
        top: 7.2vw;
        margin-left: 150px;
        margin-left: 9.75vw;
        margin-right: auto;

        /*background-image: linear-gradient(to right,
         black, white, white, white, white, white, white, white, white, white, white, white, white, white, white, white, white, black
            );*/
    }
    
    #bgDivToC
    {
        position: relative;

        background-repeat: no-repeat;
          background-size: cover;
            background-color: black;
        width:74%;
        height: auto;
        padding-bottom: 20px;
        top: 110px;
        top: 7.2vw;
        left: 5px;
        margin-left: 10px;
        margin-left: 4vw;
        margin-right: auto;

        /*background-image: linear-gradient(to right,
         black, white, white, white, white, white, white, white, white, white, white, white, white, white, white, white, white, black
            );*/
    }
    
    .anncHeads {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 24px;
        font-weight: bold;
        color: white;
        margin-bottom: 7px;
    }
    
    .anncSubHeads {
        font-size: 21px; 
        font-weight: bold; 
        line-height: 1.75;
    }
    
    .anncText {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 16px;
        line-height: 1.75; 
        overflow: visible;
        color: white;
        margin-left: 25px;
    }
    
    .internalText {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 16px;
        line-height: 1.75; 
        overflow: visible;
        color: white;
        margin-left: 25px;
    }
    
    .fadePrehead {
    font-family: Helvetica, Arial, sans-serif; margin-bottom: 0px; margin-top: 0px; font-size: 1.2vw; line-height: 160%;
     color: white;
}
    
    .fadeTitle {
        font-family: Asul, Arial, Helvetica, sans-serif;
        font-size: 48px;
        font-size: 5.5vw;
        font-weight: bold;
        color: white;
        margin-bottom: 30px;
    }    
    
    .fadeTitle2 {
    font-family: Asul, Arial, Helvetica, sans-serif;
    font-size: 48px;
    font-size: 3.5vw;
    font-weight: bold;
        line-height: 0.25;
    color: white;
    margin-bottom: 30px;
    margin-top: 20px;
    }
    
    .fadeAuthor {
        font-family: Helvetica, Arial, sans-serif;
        font-size: 18px;
        font-size: 2.5vw;
        font-weight: normal;
        color: white;
    }
    
    .fadeAuthor2 {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-size: 2.0vw;
    font-weight: normal;
    color: white;
}
    
    .fadeAuthor3 {
    font-family: Helvetica, Arial, sans-serif;
    'font-size: 18px;
    font-size: 3vw;
    font-weight: normal;
    color: white;
        
}
    
    .flex-container2 {
        position: relative;
        display: flex;
        justify-content: space-around;
        left: 5px;
        margin-bottom: 20px;
    }
    
    .imgRow {
        position: relative;
        width: 120px;
        width: 16.4vw;
        height: auto;
    }
    
    .rightSideStickyInfo {
        display: none;
    }

    .rightSideStickyInfo_sm {
        display: none;
    }

    .rightSideStickyInfo_smr {
      position: fixed; /* Fixed Sidebar (stay in place on scroll) */
      z-index: 1; /* Stay on top */

      left: 78%;

        width: 300px;
        width: 19.5vw;
        height: auto;
        float: right;

        display: none;
    }

    .rightSideStickyInfo2 {
        display: none;

    }

    .rightSideStickyInfo2_sm {
        display: none;

    }

    .rightSideStickyInfo2_smr {
        display: inline;
      position: fixed; /* Fixed Sidebar (stay in place on scroll) */
      z-index: 1; /* Stay on top */

      left: 78%;

        width: 300px;
        width: 19.5vw;
        height: auto;
        float: right;

    }
    
    .rightSideStickyInfoCover {
      position: fixed; /* Fixed Sidebar (stay in place on scroll) */
      z-index: 1; /* Stay on top */

      left: 70%;

        width: 300px;
        width: 21.5vw;
        height: auto;
        float: right;

    }
    
    .tocText {
        width: 100%;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 22px;
        font-size: 2.3vw;
        line-height: 2; 
        overflow: visible;
        color: white;
        margin-left: 0px;
    }
    
    .tocAuthor {
        font-family: Helvetica, Arial, sans-serif; 
        font-size: 14px; 
        font-size: 1.8vw; 
        font-weight: normal; 
        color: white;
    }
    
    .tocRow {
        display: flex;
        margin-bottom: -7px;
    }

    .tocRowBHead {
        display: flex;
        margin-bottom: 5px;
    }

    .tocColumn1 {
        flex: 35%;
        padding: 10px;
        padding: 0.1vw;
        text-align: right;
        margin-right: 10px;
        margin-right: 0.7vw;
    }

    .tocColumn2 {
        flex: 65%;
        padding: 10px;
        padding: 0.1vw;
    }
    
    .pj1 {
        width: 100%; display: block; margin-left: auto; margin-right: auto;
    }

    .pj2 {
        width: 100%; display: block; margin-left: auto; margin-right: auto;
    }

    .pj3 {
        width: 100%; display: block; margin-left: auto; margin-right: auto;
    }
    
        .elementLeftVert {
        width: 300px;
        width: 30vw;
        height: auto;
        float: left;
        margin: 5px -150px 5px 5px;
        margin: .3vw 1.5vw .3vw -3.75vw;
    
    }
    
    .elementLeft {
    background-color: #ddd;
    width: 300px;
    width: 30vw;
    height: auto;
    float: left;
    margin: 5px -150px 5px 5px;
    margin: .3vw 1.5vw .3vw -3.75vw;
    
    }

    .elementLeftFeatureVert {
        width: 300px;
        width: 30vw;
        height: auto;
        float: left;
        margin: 5px -150px 5px 5px;
        margin: .3vw 1.5vw .3vw -3.75vw;

    }
    
    .elementRightFeatureVertArticle {
    width: 300px;
    width: 33vw;
    height: auto;
    float: right;
    margin: 5px -150px 5px 5px;
    margin: .3vw .7vw .6vw .75vw;
    
}
    
    .elementLeftFeatureVert200 {
    width: 200px;
    width: 20vw;
    height: auto;
    float: left;
    margin: 5px -150px 5px 5px;
    margin: .3vw .7vw .3vw -3.75vw;
    
}

    .elementRightFeatureVert {
        background-color: #ddd;
        width: 300px;
        width: 8vw;
        height: auto;
        float: left;
        margin: 5px -150px 5px 5px;
        margin: .3vw -3.75vw .3vw .7vw;

    }
}

@media only screen and (min-width: 1000px) and (max-width: 1499px) and (min-aspect-ratio: 4/3) {
    
    .topMenuAbout {
        position: fixed;
        left: 700px;
        left: 49vw;
        top: 30px;
        top: 2.1vw;

        z-index: 1;
    }

    .topMenuArchives {
        position: fixed;
        left: 700px;
        left: 49vw;
        top: 60px;
        top: 4.2vw;

        z-index: 1;
    }

    .topMenuCurrent {
        position: fixed;
        left: 850px;
        left: 59.5vw;
        top: 30px;
        top: 2.1vw;

        z-index: 1;
    }

    .topMenuSubmissions {
        position: fixed;
        left: 850px;
        left: 59.5vw;
        top: 60px;
        top: 4.2vw;

        z-index: 1;
    }

    .topMenuText {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-size: 1.1vw;
        font-weight: bold;
        color: white;
        z-index: 10;
    }
    
    #navi, #cnavi {
        display: inline;
    }
    
    #naviT, #cnaviT {
        display: none;
    }
    
    .yellowPenumbra2, .blackPenumbra2 {
        display: none;
    }
    
    .sideHeads {
        display: inline;
        
    }
    
    .sideHeads1 {
        display: inline;
        max-width: 9.5vw;
    }
    
    .sideHeads2 {
        display: inline;
        
    }
    
    .sideHeads3 {
        display: inline;
        max-width: 11.5vw;
    }
    
    .sideHeadsT {
        display: none;
    }
    
        .sideHeadsT1 {
        display: none;
    }
    
        .sideHeadsT2 {
        display: none;
    }
    
        .sideHeadsT3 {
        display: none;
    }
    
    /* Dropdown Content (Hidden by Default) */
    .dropdown-content {
      display: none;
      position: absolute;
        left: -10px;
      background-color: #000;
      min-width: 250px;
        min-width: 17vw;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 1.2vw;
        font-weight: bold;
        color: white;
        border-radius: 25px;
        border: 1px solid #3c3c3c;
        padding: 0.7vw;
        text-align: center;
      z-index: 1;
    }
    
    .sidenav {
    /*background-image: url("images/penMenuBG.png");
    background-repeat: no-repeat;
    background-size: cover;*/
    height: 900px;
    height: 82vh;
    width: 369px;
    width: 28.4vw;
    position: fixed;
    left: -369px;
    left: -24.4vw;
    z-index: 1;
    top: 80px;
    overflow-x: hidden;

}
    
    .yellowPenumbra {
        display: inline;
        position: absolute;
        left: 0px;
        top: 0px;
        width: 375px;
        width: 24.4vw;
        height: 900px;
        height: 82vh;
        -webkit-animation-name: example; /* Safari 4.0 - 8.0 */
        -webkit-animation-duration: 20s; /* Safari 4.0 - 8.0 */
        animation-name: example;
        animation-duration: 20s;
        animation-iteration-count: infinite;
    }

    .blackPenumbra {
        display: inline;
        position: absolute;
        left: 0px;
        top: 0px;
        opacity: 1;
        width: 369px;
        width: 24vw;
        height: 900px;
        height: 82vh;
    }        
        
    .logoBG
    {
        position: fixed;
        left: 0px;
        top: 0px;
        background-color: black;
        width:100%;
        height: 100px;
        height: 6.5vw;
        z-index: 1;
    }

    .logo {
        position: fixed;
        left: 10px;
        left: .7vw;
        top: 10px;
        top: .7vw;
        width: 613px;
        width: 39.9vw;
        height: 134px;
        height: auto;
        z-index: 1;
    }

    #bgDiv
    {
        position: relative;

        background-repeat: no-repeat;
          background-size: cover;
            background-color: black;
        width:53%;
        height: auto;
        padding-bottom: 20px;
        top: 110px;
        top: 7.2vw;
        margin-left: 150px;
        margin-left: 9.75vw;
        margin-right: auto;

        /*background-image: linear-gradient(to right,
         black, white, white, white, white, white, white, white, white, white, white, white, white, white, white, white, white, black
            );*/
    }
    
    #bgDivToC
    {
        position: relative;

        background-repeat: no-repeat;
          background-size: cover;
            background-color: black;
        width:63%;
        height: auto;
        padding-bottom: 20px;
        top: 110px;
        top: 7.2vw;
        left: 30px;
        margin-left: 150px;
        margin-left: 4.75vw;
        margin-right: auto;

        /*background-image: linear-gradient(to right,
         black, white, white, white, white, white, white, white, white, white, white, white, white, white, white, white, white, black
            );*/
    }
    
    .anncHeads {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 24px;
        font-weight: bold;
        color: white;
        margin-bottom: 7px;
    }
    
    .anncSubHeads {
        font-size: 21px; 
        font-weight: bold; 
        line-height: 1.75;
    }
    
    .anncText {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 16px;
        line-height: 1.75; 
        overflow: visible;
        color: white;
        margin-left: 25px;
    }
    
    .internalText {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 16px;
        line-height: 1.75; 
        overflow: visible;
        color: white;
        margin-left: 25px;
        width: 100%;
    }
    
    .flex-container2 {
        position: relative;
        display: flex;
        justify-content: space-around;
        left: 0px;
        margin-bottom: 20px;
    }
    
    .imgRow {
        position: relative;
        width: 220px;
        width: 16.1vw;
        height: auto;
    }
    
    .rightSideStickyInfo {
      position: fixed; /* Fixed Sidebar (stay in place on scroll) */
      z-index: 1; /* Stay on top */

      left: 70%;

        width: 300px;
        width: 21.5vw;
        height: auto;
        float: right;

        display: none;
    }
    
    .rightSideStickyInfo2 {
      position: fixed; /* Fixed Sidebar (stay in place on scroll) */
      z-index: 1; /* Stay on top */

      left: 70%;

        width: 300px;
        width: 21.5vw;
        height: auto;
        float: right;

    }
    
    .rightSideStickyInfoCover {
      position: fixed; /* Fixed Sidebar (stay in place on scroll) */
      z-index: 1; /* Stay on top */

      left: 70%;

        width: 300px;
        width: 21.5vw;
        height: auto;
        float: right;

    }
    
    .tocText {
        width: 90%;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 22px;
        font-size: 1.5vw;
        line-height: 2; 
        overflow: visible;
        color: white;
        margin-left: 35px;
    }
    
    .tocRow {

    }

    .tocRowBHead {

    }

    .tocColumn1 {
        flex: 38%;
    }

    .tocColumn2 {
        flex: 62%;
    }
}

@media only screen and (min-width: 1500px) {
    
    #naviT, #cnaviT {
        display: none;
    }
    
    .yellowPenumbra2, .blackPenumbra2 {
        display: none;
    }
    
    .sideHeadsT {
        display: none;
    }
    
        .sideHeadsT1 {
        display: none;
    }
    
        .sideHeadsT2 {
        display: none;
    }
        .sideHeadsT3 {
        display: none;
    }
    
    .sideHeads2 {
        width: 57%;
    }
    
    /* Dropdown Content (Hidden by Default) */
    .dropdown-content {
      display: none;
      position: absolute;
        left: 10px;
      background-color: #000;
      min-width: 250px;
        min-width: 15vw;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 1vw;
        font-weight: bold;
        color: white;
        border-radius: 25px;
        border: 1px solid #3c3c3c;
        padding: 0.7vw;
        text-align: center;
      z-index: 1;
    }
    
    #bgDiv
    {
        position: relative;

        background-repeat: no-repeat;
          background-size: cover;
            background-color: black;
        width:53%;
        height: auto;
        padding-bottom: 20px;
        top: 110px;
        top: 7.2vw;
        margin-left: 150px;
        margin-left: 9.75vw;
        margin-right: auto;

        /*background-image: linear-gradient(to right,
         black, white, white, white, white, white, white, white, white, white, white, white, white, white, white, white, white, black
            );*/
    }
    
        #bgDivToC
    {
        position: relative;

        background-repeat: no-repeat;
          background-size: cover;
            background-color: black;
        width:53%;
        height: auto;
        padding-bottom: 20px;
        top: 110px;
        top: 7.2vw;
        left: 30px;
        margin-left: 150px;
        margin-left: 9.75vw;
        margin-right: auto;

        /*background-image: linear-gradient(to right,
         black, white, white, white, white, white, white, white, white, white, white, white, white, white, white, white, white, black
            );*/
    }
    
    .anncHeads {
        position: relative;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 28px;
        font-weight: bold;
        color: white;
        margin-bottom: 10px;
    }
    
    .anncSubHeads {
        font-size: 24px; 
        font-weight: bold; 
        line-height: 1.75;
    }
    
    .anncText {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 18px;
        line-height: 1.75; 
        overflow: visible;
        color: white;
        margin-left: 25px;
    }
    
    .internalText {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 18px;
        line-height: 1.75; 
        overflow: visible;
        color: white;
        margin-left: 25px;
    }
    
    .internalIndent {
        
    }
        
    .flex-container2 {
        position: relative;
        display: flex;
        justify-content: space-around;
        left: -15px;
        margin-bottom: 35px;
    }
    
    .imgRow {
        position: relative;
        width: 260px;
        width: 13.5vw;
        height: auto;
    }
    
        .tocText {
        width: 90%;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 22px;
        font-size: 1.5vw;
        line-height: 1.75; 
        overflow: visible;
        color: white;
        margin-left: 35px;
    }
    
    .fadePrehead {
    font-family: Helvetica, Arial, sans-serif; margin-bottom: 0px; margin-top: 0px; font-size: 1.2vw; line-height: 160%;
     color: white;
}
}

@media only screen and (min-width: 700px) and (max-width: 1000px)
{
    .internalIndent {
        
    }
}
    

        
.element {
    background-color: #ddd;
    width: 300px;
    width: 19.5vw;
    height: auto;
    float: right;
    margin: 5px -150px 5px 5px;
    margin: .3vw -9.75vw .3vw .3vw;
    
}



.archiveSlide {
    background-color: #ddd;
    width: 80%;
    margin-top: 25px;
    margin-left:auto;
    margin-right: auto;
}

.interviewSlide {
    background-color: #ddd;
    width: 80%;
    margin-top: 25px;
    margin-left:auto;
    margin-right: auto;
}



/* Show the dropdown menu on hover */
.sideHeads1:hover .dropdown-content {display: block;}
.sideHeads2:hover .dropdown-content {display: block;}
.sideHeads3:hover .dropdown-content {display: block;}

.sideHeadsT1:hover .dropdown-content {display: block;}
.sideHeadsT2:hover .dropdown-content {display: block;}
.sideHeadsT3:hover .dropdown-content {display: block;}

.highslide-wrapper .highslide-header a:link {
    color: black;
}

.highslide-wrapper .highslide-header a:hover {
    color: black;
}

.highslide-wrapper .highslide-header a:active {
    color: black;
}

.highslide-wrapper .highslide-header a:visited {
    color: black;
}