q                                                                       /*/ BODY ////////////////////////////////////////////*/
* { /* asterix selector applies css to all elements  */
	box-sizing: border-box; /* to fix issue with increasing width if padding or margins ar added */
}
@font-face{
    font-family: chutney;
    src: url(../fonts/);
}
html{
    scroll-behavior: smooth;
}
body {
	font-family: Helvetica;
	font-size: 16px;
	color: #000000;

	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	margin: 0px;
	overflow: auto;
}
/*////////////////////////////// ///////////////NAV NAV NAV NAV/////////////////////////////////////////////////////////////////////*/
main {
	width: 1024px;
	margin: 0 auto;
   }
header{
    width: 1024px;
    margin: 0 auto;
    height: 90px ;
   
    
    display: flex;
    justify-content: center;
    align-items: center;
    
    
    border:2px solid black;
	border-top:0px;
    border-left:0px;
    border-right:0px;
}
.header_logo{
    display:none;
}
.header_logo img{
    
}
.graceful_logo{
    width:80px;
}
.graceful_logo img{
    display: block;
    width:50px;
 margin:0 auto;
}



nav ul{
   
    width: 615px;
    height: 15px;
    
  
    display: flex;
    justify-content: center;
    align-items: center;
    
}
nav li{
 
   list-style-type: none;
    text-align: center;
   display: inline-block;
	border-right: solid 1px #000000;
    color:black;
    height: 15px;
}
nav li:last-child {
    border-right: 0;
}
nav a{
     height: 100%;
     font-size: 12px;
    font-family: 'Roboto', sans-serif;    
    font-weight: 400;
    color: black;
    text-decoration: none;
     list-style-type: none;
    display: flex;
  align-items: center;
     padding: 0 30px;
}
nav li:nth-child(4){
    width:300px;
    border-right: 1px;
}
nav a:hover{
  background-color: #f0f0f0;
}
nav li:nth-child(4){
    border: 0;
}
#hamburger_icon {
  margin: auto 0;
  display: none;
  cursor: pointer;
}

#hamburger_icon div {
  width: 35px;
  height: 3px;
  background-color: black;
  margin: 6px 0;
  transition: 0.4s;
}
.open .bar1 {
  -webkit-transform: rotate(-45deg) translate(-6px, 6px);
  transform: rotate(-45deg) translate(-6px, 6px);
}

.open .bar2 {
  opacity: 0;
}

.open .bar3 {
  -webkit-transform: rotate(45deg) translate(-6px, -8px);
  transform: rotate(45deg) translate(-6px, -8px);
}

.open .mobile_menu {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}

.mobile_menu {
  display: none;
  position: absolute;
  top: 175px;
  left: 10px;
  height: 400%;
  width: 375%;
  background-color: rgba(255, 255, 255, 0.8);
}

.mobile_menu li {
   position: relative;
    top:  300px;
    padding: 30px;
    margin-bottom: 10px;
}
.mobile_menu a{
         font-size: 110px;
    font-family: 'Roboto', sans-serif;    
    font-weight: 400;
    color: black;
    list-style-type: none;
}
section{
        width: 1100px;
    height: 960px;
  
    border:2px solid black;
	border-top:0px;
    border-left:0px;
    border-right:0px;
   
}


/*/HERO SECTION HERO SECTION HERO SECTION
HERO SECTION HERO SECTION HERO SECTION
HERO SECTION HERO SECTION HERO SECTION
HERO SECTION HERO SECTION HERO SECTION
HERO SECTION HERO SECTION HERO SECTION/*/
.misty_section{
    padding-top: 50px;
     width: 1024px;
    height: 950px;
    margin:0 auto;
    border-top:0px;
    border-bottom:0px;
    border-left:0px;
    border-right:0px;
}

.misty_clickable{
 /*/  position: relative;
    top: 20px;/*/
    width: 1920px;
    height: auto;
   /*/ background-color: mediumvioletred;/*/
    
}
.misty_clickable2{
       position: relative;
    top: 20px;
    width: 960px;
    height: 800px;
    margin:0 auto;
        
   

}
.deco_1{
    width; 960px;
    background-color: black;
    height: 0.2px;
}
.fantastical_misty{
    position: relative;
    left: 400px;
}
.misty_section a{
   text-decoration:none; 
    height: 190x;
}
.misty_section h1{
   text-align: center;
    font-size: 40px;
    color: black;  
    width:auto;
    font-weight:400;
   font-size:70px;
}

.misty_section h3{
    font-family: 'Libre Baskerville', serif;   
    font-weight: 400;  
    text-align: center;
    width:960px;
    position: relative;
    
}
.misty_section p{
    text-align: center;
    font-size: 11px;
    font-family: 'Roboto', sans-serif;    
    font-weight: 400;
} 
/*/NEWS NEWS NEWS NEWS
NEWS NEWS NEWS NEWS
NEWS NEWS NEWS NEWS/*/

.news_heading{
    width: 960px;
    height: 60px;
    
     border:2px solid black;
	
    border-left:0px;
    border-right:0px;
    
}
.news_heading p{
    position: relative;
    left: 430px;
    width: 100px;
    font-size: 30px;
    font-family: 'Roboto', sans-serif;    
    font-weight: 400;
    margin: 10px 30px 15px 30px;
}


.culture_heading{
    width: 960px;
    height: 60px;
    
    
}
.culture_heading p{
    position: relative;
    left: 415px;
    width: 100px;
    font-size: 30px;
    font-family: 'Roboto', sans-serif;    
    font-weight: 400;
}

/*/SECTION NEWS NEWS NEWS NEWS
NEWS NEWS NEWS NEWS SECTION/*/

.news_section{
  
    width: 960px;
    
}

.lizzo_div{
    height: 900x;
    width: 480px;
position: relative; 
    top:70px;
    padding: 10px;
    float: left;
    
}
.lizzo_div_h2{ 
    font-family: 'Roboto', sans-serif;    
    font-weight: 400; 
    width: 440px;
    font-size: 17px;
}
.lizzo_div h1{
    font-family: 'Libre Baskerville', serif;   
    font-weight: 400;
    font-size: 30px;
    width: 440px;
}
.lizzo_div h3{
    font-size: 11px;
    font-family: 'Roboto', sans-serif;    
    font-weight: 400;
}
.checkcheck{
    width:480px
    height: 900px;
    left:30px;

    position: relative; 
    top:70px;
}
.checkcheck div{
    float:left;
    
    padding: 10px;
    height: 421px;
    width: 200px;
}

.checkcheck h1{
   font-size: 17px;
   width: 210px;
   font-family: 'Libre Baskerville', serif;
   font-weight: 400;
}

.checkcheck p{
       font-size: 11px;
    width: 240px;
   font-family: 'Roboto', sans-serif;    
    font-weight: 400;
}

/*/.nine_sixty{
    background-color:bisque;
    width: 960px;
    height: 100px;
    position: relative;
    left: 10px;
}/*/
.culture{
    width: 960px;
    height: 970px; 
   
}

.vulture{
    width: 1024px;
    height: 300px;
    position: relative;
    top: 70px;
}
.vulture div{
    float: left;
    padding: 10px;
}

.culture h1{
   font-size: 15px;
   width: 200px;
   font-family: 'Libre Baskerville', serif;
   font-weight: 400;
}
.vulture p{
    font-size: 11px;
    width: 150px;
}
.charlie{
    position: relative;
    top: 140px;
    width: 1024px;
     height: 300px;
   
}
.charlie div{
    float: left;
    padding: 10px;
}
.charlie p{
    font-size: 11px;
    width: 210px;
    font-family: 'Roboto', sans-serif;    
    font-weight: 400;
}

/*/HEALTH AND BODY
HEALTH AND BODY
HEALTH AND BODY
HEALTH AND BODY
HEALTH AND BODY
/*/


.healthandbody_heading{
    width: 960px;
    height: 60px;
   
    
}
.healthandbody_heading p{
    position: relative;
    left: 350px;
    width: 270px;
    font-size: 30px;
    font-family: 'Roboto', sans-serif;    
    font-weight: 400;
}

/*/
HEALTH AND BODY
HEALTH AND BODY
HEALTH AND BODY
HEALTH AND BODY
HEALTH AND BODY
HEALTH AND BODY
/*/
.healthandbody_section{
    width: 960px;
    height: 800px;
    border-bottom: 0px;
    padding-top: 70px;
    margin: 0 auto;
}
.healthandbody_section div{
    float: left;
     width: 480px;
    height: 800px;
   
    

}

.monkeydiv div{
    
    
    height: 380px;
    width: 219px;
  
}
.monkeydiv div:nth-child(3){
         visibility:hidden; 
    /*/opacity:0;/*/
    }
.monkeydiv h1{
    font-size: 17px;
    width: 200px;
    font-family: 'Libre Baskerville', serif;
    font-weight: 400;
}
.monkeydiv p{
    font-size: 11px;
    width: 240px;
    font-family: 'Roboto', sans-serif;    
    font-weight: 400;
}
.musclediv{
    position: relative;
    left: 20px;
}
.musclediv h1{
    font-family: 'Libre Baskerville', serif;   
    font-weight: 400;
    font-size: 30px;
    width: 480px;
    
}
.musclediv_h2{
    font-family: 'Roboto', sans-serif;    
    font-weight: 400; 
    width: 450px;
    font-size: 17px;
    
}
.musclediv h3{
    font-size: 11px;
    font-family: 'Roboto', sans-serif;    
    font-weight: 400;
    
}
.backtotop{
     display: none; /* Hidden by default */
    position: fixed;
    bottom: 20px;
    right: 20px;
    background-color: #333;
    color: white;
    padding: 10px 15px;
    border-radius: 5px;
    text-decoration: none;
    font-size: 16px;
}
.backtotop:hover {
    background-color: #555;
}
body.scrolled .backtotop {
    display: block;
}
/*/ FOOTER ////////////////////////////////////////////*/
footer{
    position:relative;
    font-family: 'lato', sans-serif;
    font-size:20px;
	
    height:500px;
    width: 100%;
    padding: 20px;
    background-color: #5E5E5E;
}
.grid_container{
clear:both;
    max-width: 960px;
    height:450px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 10px;
    
    }
article{
    width: 200px;
    height: 200px;
}
.decodeco{
    width: 960px;
    height: 3px;
    background-color: white;
}
footer p{
    text-decoration: none;
    color:#ffffff;
    
    font-size: 11px;
    font-family: 'Libre Baskerville', serif;   
    font-weight: 400;
    
    
}
footer h1{
    color:#ffffff;
    
    font-size: 20px;
    font-family: 'Libre Baskerville', serif;   
    font-weight: 400;
}
.subscribe{
    display: block;
    height: 20px;
    width: 135px;
    background-color: white;
    padding: 5px;
    font-size: 14px;
    font-family: 'Libre Baskerville', serif;   
    font-weight: 400;
    color: #000;
    text-align: center;
}
footer ul{
    width: 150px;
    height: 200px;
    
    line-height: 150%;
}
footer li{
    list-style-type: none;
}
footer a{
    color: white;
    font-size:14px;
    list-style-type: none;
    font-family: 'Roboto', sans-serif;    
    font-weight: 400;
    text-decoration: none;
    width: 80px;
}
.ducky{
    font-family: 'Roboto', sans-serif;    
    font-weight: 400;
    font-size:14px;
   
}
.trademark{
    font-family: 'Roboto', sans-serif;    
    font-weight: 400;
    font-size:10px;
    color: white;
  
   
}

/*/
MISTY ARTICLE MISTY ARTICLEMISTY ARTICLEMISTY ARTICLEMISTY ARTICLEMISTY ARTICLEMISTY ARTICLEMISTY ARTICLEMISTY ARTICLEMISTY ARTICLEMISTY ARTICLEMISTY ARTICLEMISTY ARTICLEMISTY ARTICLEMISTY ARTICLEMISTY ARTICLEMISTY ARTICLEMISTY ARTICLEMISTY ARTICLEMISTY ARTICLEMISTY ARTICLEMISTY ARTICLEMISTY ARTICLEMISTY ARTICLEMISTY ARTICLEMISTY ARTICLEMISTY ARTICLEMISTY ARTICLEMISTY ARTICLEMISTY ARTICLEMISTY ARTICLEMISTY ARTICLEMISTY ARTICLEMISTY ARTICLEMISTY ARTICLE
/*/
.misty_photo{
    border-bottom:0px;
   
    
}
.misty_photo h1{
    font-family: "Didot-HTF-B16-Bold"; 
    font-weight: 700;
    font-size: 40px;
    color: black;  
    text-align: left;
    width: 550px;
   
}
.author{
    font-size: 11px;
    font-family: 'Roboto', sans-serif;    
    font-weight: 700;
}
.misty_photo h3{
    font-family: 'Libre Baskerville', serif;   
    font-weight: 400;  
    text-align: left;
}
.subhead{
    height:340px;
    width: 540px;
    position: relative;
    top: 65px;
    border-bottom:0px;
    border-left:0px;
    border-right:0px;
    font-family: 'Roboto', sans-serif;   
    font-weight: 400; 
    font-size: 28px;
   
}
.subheadb{
    
    
    font-family: 'Libre Baskerville', serif;   
    font-weight: 400; 
    font-size: 18px;
     height: 150px;
}
.bigbox{
    width: 960px;
    height: 2287px;
    background-color: bisque;
}
.grid_container2{
    display: grid;
    grid-template-columns: auto auto ;
    grid-gap: 60px;
    max-width: 960px;
    height: 2250px;
    
}
/*/.grid_container2 article{
    background-color:aquamarine;
}/*/
.bodycopy{
   /*/
    position: relative;
    width: 519px;
    /*/
    width: 550px;
   height: 2000px;
   /*/ grid-column: span 2;/*/
    border-left:0px;
    border-right:0px;
    border-top:0px;
    border-bottom:0px;
}
.largecap{
    float: left;
    width: 110px; 
   
}
.bodycopyp1{
    width: 550px;
        font-size: 17px;
    font-family: 'Roboto', sans-serif; 
        font-weight: 600;
    }
    .bodycopyp{
        font-size: 16px;
       width: 550px;
         font-family: 'Libre Baskerville', serif;    
    font-weight: 400;
    } 

.blurb{
    text-align: left;
    font-size: 11px;
    font-family: 'Libre Baskerville', serif;    
    font-weight: 400;
}
.misty_photo p{
    text-align: left;
    font-size: 11px;
    font-family: 'Roboto', sans-serif;    
    font-weight: 400;
} 

.pull_quote_container{
      width: 550px;
    height: 188px;
    border:2px solid black;
	
    border-left:0px;
    border-right:0px;
}
.pull_quote{
     font-size: 25px;
    text-align: center;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;

}
.thenutcracker{
    margin: 40px 0px;
}
.most_popular{
    /*/
    position: relative;
    left: 600px;
    /*/
    border:2px solid black;
    border-left:2px;
    border-right:2px;
    height: 470px;
    width: 350px;
}
.deco0_grid_container{
    display: grid;
    grid-template-columns: auto auto ;
    /*/ grid-gap: 25px; /*/
     width: 350px;
    
}

.mp1{
  /*/  float: left;/*/
    height: 170px;
    width: 100px;
    
 
}
.mp2{
  /*/  float: left;/*/
height: 170px;
    width: 100px;
    
}

.kaatsbaan{
    position: relative;
top:-25px;
    width: 150px;
    
    
}
.stella{
    position: relative;
top:-25px;
    height: 50px;
    width: 150px;
    
    
    
}
.most_popular h1{
     font-family: 'Roboto', sans-serif;    
    font-weight: 400;
    font-size: 32px;
    width: 350px;
    border:2px solid black;
     border-top:0px;
    border-left:0px;
    border-right:0px;
}
.most_popular h2{
       font-family: 'Roboto', sans-serif;    
    font-weight: 400;
    font-size: 25px;
   /*/ width: 250px;/*/
    text-align: left;
  
}
.most_popular_h3a{
        font-size: 14px;
    font-family: 'Libre Baskerville', serif;    
    font-weight: 700;
   text-align: left;
    /*/width: 210px;/*/
  
}
.most_popular_h3b{
         font-size: 14px;
    font-family: 'Libre Baskerville', serif;    
    font-weight: 700;
   text-align: left;
   /*/ width: 210px;/*/
}
.most_popular p{
    font-size: 11px;
    font-family: 'Roboto', sans-serif;    
    font-weight: 400;
    text-align: left;
      
}
.bodycopydeco1{
    border:2px solid black;
     padding: 25px;
    border-left:0px;
    border-right:0px;
    height: 150px;
  }
.bodycopydeco1 img{
    float: left;
}
.bodycopydeco1 p{
    position: relative;
    left:100px;
    top: 35px;
    width: 370px;
      font-family: 'Roboto', sans-serif;    
    font-weight: 400;
    font-size: 12px;
}
/*/
MEDIA QUERY MISTY ARTICLE MEDIA QUERY MISTY ARTICLE MEDIA QUERY MISTY ARTICLE MEDIA QUERY MISTY ARTICLE MEDIA QUERY MISTY ARTICLE MEDIA QUERY MISTY ARTICLE MEDIA QUERY MISTY ARTICLE MEDIA QUERY MISTY ARTICLE MEDIA QUERY MISTY ARTICLE MEDIA QUERY MISTY ARTICLE MEDIA QUERY MISTY ARTICLE MEDIA QUERY MISTY ARTICLE MEDIA QUERY MISTY ARTICLE MEDIA QUERY MISTY ARTICLE MEDIA QUERY MISTY ARTICLE MEDIA QUERY MISTY ARTICLE MEDIA QUERY MISTY ARTICLE MEDIA QUERY MISTY ARTICLE MEDIA QUERY MISTY ARTICLE MEDIA QUERY MISTY ARTICLE MEDIA QUERY MISTY ARTICLE MEDIA QUERY MISTY ARTICLE MEDIA QUERY MISTY ARTICLE MEDIA QUERY MISTY ARTICLE MEDIA QUERY MISTY ARTICLE MEDIA QUERY MISTY ARTICLE MEDIA QUERY MISTY ARTICLE MEDIA QUERY MISTY ARTICLE MEDIA QUERY MISTY ARTICLE MEDIA QUERY MISTY ARTICLE 
/*/
/*/
HEAD HEAD HEAD HEAD HEAD HEAD HEAD HEAD HEAD HEAD HEAD HEAD HEAD HEAD HEAD HEAD HEAD HEAD HEAD HEAD HEAD HEAD HEAD
/*/
@media only screen and (max-width: 400px){
    




nav{
	width:100%;
	margin: 0 auto;
	/*/background-color:beige;/*/
  
    border:2px solid black;
	border-top:0px;
    border-left:0px;
    border-right:0px;
   
}
    
    .header_logo{
    display:none;
         display: block;
   position:relative;
    top: 20px;
}
.header_logo img{
    width:100px;
}
  

    .sidebar{
    width: 100%;
    height:100%;
  }
    
    /*/ Main Page /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*/ Main Page /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
    
   
    nav{ 
    width:100%;
    }
    header{
        width: 150%;
        height:190px;
         display: flex;
  justify-content: space-around;
        grid-gap: 800px;
        /*/background-color: cornflowerblue;/*/
        border:2px solid black;
	border-top:0px;
    border-left:0px;
    border-right:0px;
    }
     header nav {
    display: none;
  }
#hamburger_icon {
    display: block;
  }
    .misty_section{
    height: 3000px;
        width:1340px;
        margin: 0px 90px 0 90px;
        border: 0;
    
    }
    
    
    
    .misty_clickable{
        overflow:hidden;
        width: 200px;
        height: 1000px;
      
    }
    
    .misty_clickable img{
        width:1340px;
    }
    
    .misty_section h1{
        font-size: 130px;
         margin: 150px 0px 50px 15px;
        text-align: center;
        width:1300px;
        
    }
    misty_section a{
        text-decoration: none;
    }
    .misty_section h3{
        font-size: 50px;
         margin: 0px 90px 0 90px;
        width:1150px;
        text-align:left; 
    }
    .misty_section p{
        font-size:40px;
     
        width: 1340px;
    }
    .news_heading{
        width:1360px;
        height: 100px;
          border:2px solid black;
	
    border-left:0px;
    border-right:0px;
        margin: 0 70px 0 70px;
    }
    .news_heading p{
         position: relative;
        left:630px;
        font-size:50px;
    }
    .news_section{
        width:1360px;
        height:3100px;
        display: grid;
        grid-template-columns: auto;
        grid-gap:175px;
         margin: 40px 70px 0 70px;
    }
    .lizzo_div{
        width:1340px;
    overflow: hidden;
        height:1740px;
        
    }
    .lizzo_div img{
        width:1350px;
    }
    .lizzo_div h1{
        font-size: 75px;
        width: 900px;
        margin: 40px 250px 0 250px;
        text-align: center;
        
    }
    .lizzo_div_h2{
       display: none;
    }
    .lizzo_div h3{
        font-size:40px;
        text-align: center;
    }
    .checkcheck{
       width: 1340px;
        overflow: hidden;
        display: grid;
        grid-template-columns: auto auto auto auto ;
        grid-gap: 240px;
        height:800px;
        
    }
    
    .checkcheck img{
        width:400px;
  
    }
    .checkcheck div:nth-child(4){
       visibility: hidden;
  
    }
    .checkcheck h1{
        font-size:40px;
        width:400px;
    }
    .checkcheck p{
        font-size:40px;
        width:400px;
    }
    .culture_heading{
        width:1360px;
        height: 100px;
        margin: 0 70px 0 70px;
    }
    .culture_heading p{
        position: relative;
        left:590px;
        font-size:50px;
         margin: 40px 0 40px 0;
    }
    .culture{
        width: 1340px;
        height:1880px;
        overflow:hidden;
        margin: 0px 30px 0 60px;
    }
    .culture h1{
        font-size: 40px;
        width:500px;
    }
    .vulture p{
        font-size: 30px;
        width: 350px;
    }
    .charlie{
        visibility: hidden;
    }
  .vulture{
       display:grid;
        height: 1000px;
      
        /*/  margin: 0px 70px 0 70px; /*/ 
        width: 1340px;
    }
    .vulture div{ 
    display:grid;
        width: 1340px;
        padding:40px;
      /*/  background-color: green;/*/
         grid-template-columns: auto auto;
        border:2px solid black;
     border-top:0px;
    border-left:0px;
    border-right:0px;
    }
    .vulture img{
        position: relative;
       left: 150px;
    }
    .item:nth-of-type(1){
        order:2;
    }
    .item_a:nth-of-type(1){
         order:2;
    }
    .item_b:nth-of-type(1){
         order:2;
    }
    .item_c:nth-of-type(1){
         order:2;
    }
    .charlie{
        display:grid;
        position: relative;
        top:1000px;
    }
    .healthandbody_heading{
         width: 1340px;
         margin: 0px 30px 0 60px;
        height:100px;
        
    }
    .healthandbody_heading p{
        position: relative;
         left:460px;
        font-size:50px;
        width:450px;
         margin: 40px 0 40px 0;
    }
    .healthandbody_section{
         display:grid;
        width: 1400px;
        height:2000px;
      /*/  background-color: green;/*/
     
         grid-template-columns: auto ;
       
        margin: 40px 50px 0 50px;
    }
    .healthandbody_section div:nth-of-type(1){
        order:2;
    }
    .musclediv{
        display: grid;
        grid-template-columns: auto  auto;
        width: 1340px;
      height: 300px;
        
       grid-gap: 100px;
    }
    .switch:nth-of-type(1){
        order:2;
    }
    .musclediv a:nth-of-type(1){
        order:2;
    }
    .musclediv_h2{
        font-size:40px;
        width:600px;
    }
    .switch h3{
        font-size: 30px;
    }
    .switch img{
        width:600px;
    }
    .switch h1{
        font-size:50px;
        width: 700px;
    }
     .monkeydiv{
         width:1400px;
         display:grid;
         grid-template-columns: auto auto auto;
         grid-gap:250px;
         position: relative;
         top: -80px;
         
    }
    .monkeydiv div{
         
    /*/opacity:0;/*/
    }  
    .monkeydiv img{
        width:400px;
    }
    .monkeydiv div:nth-child(3){
         visibility:visible; 
    /*/opacity:0;/*/
    }  
    .monkeydiv h1{
         font-size: 40px;
        width:400px;
    }
    .monkeydiv p{
        font-size: 30px;
        width: 350px;
    }
    .backtotop{
   visibility: hidden;
    
}
    footer img:nth-child(1){ 
        position: relative;
    left:100px;
    }
    footer{
    position:relative;
    font-family: 'lato', sans-serif;
    font-size:20px;
	
    height:1000px;
    width: 145%;
    padding: 20px;
    background-color: #5E5E5E;
}
.grid_container{
clear:both;

   padding: 20px;
    width: 40%;
    height:850px;
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 10px;
    position:relative;
    left: 560px;
    }
    .grid_container img:nth-of-type(3){
        width: 300px;
    }
    .graceful_logo_a_dark{
    position:relative;
    left:-50px ;
}
.graceful_logo_a_dark img{
    width:260px;
    
    }
     footer img:nth-child(1){ 
        position: relative;
    left:100px;
    }
.reponsive_footer{
    width: 500px;
    height: 300px;
    
    }
    .twitter img{
        width:70px;
    }
    .youtube img{
        width:70px;
    }
    .facebook img{
        width:70px;
    }
    .instagram img{
        width:70px;
    }
    .pinterest img{
        width:70px;
    }
.decodeco{
    width: 100%;
    height: 3px;
    background-color: white;
    display: none;
}
footer p{
    text-decoration: none;
    color:#ffffff;
    width: 350px;
     font-size: 40px;
    text-align: left;
    font-family: 'Libre Baskerville', serif;   
    font-weight: 400;
    display: none;
    
    
}
footer h1{
    color:#ffffff;
    width: 370px;
    font-size: 50px;
    font-family: 'Libre Baskerville', serif;   
    font-weight: 400;
    text-align:center;
    }
.subscribe{
    display: block;
    height: 60px;
    width: 535px;
    background-color: white;
    padding: 5px;
    font-size: 40px;
    font-family: 'Libre Baskerville', serif;   
    font-weight: 400;
    color: #989898;
    text-align: center;
    position: relative;
    left:-80px;
}
footer ul{
    width: 150px;
    height: 200px;
    /*/visibility:hidden;/*/
    display: none;
    line-height: 150%;
    /*/overflow-x:hidden;/*/
}
footer li{
    list-style-type: none;
}
footer a{
    color: white;
    font-size:14px;
    list-style-type: none;
    font-family: 'Roboto', sans-serif;    
    font-weight: 400;
    text-decoration: none;
    width: 80px;
}

.ducky{
    font-family: 'Roboto', sans-serif;    
    font-weight: 400;
    font-size:14px;
   
}
.trademark{
    font-family: 'Roboto', sans-serif;    
    font-weight: 400;
    font-size:15px;
    color: white;
    width:500px;
  position: relative;
    top:40px;
    left:540px;
   
}
    
    
      /*/ Misty Article /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*/ Misty Article /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
  nav{ 
    width:100%;
    }
    header{
        width: 150%;
        height:190px;
         display: flex;
  justify-content: space-around;
        grid-gap: 800px;
        /*/background-color: cornflowerblue;/*/
        border:2px solid black;
	border-top:0px;
    border-left:0px;
    border-right:0px;
    }
     header nav {
    display: none;
  }
#hamburger_icon {
    display: block;
  }  
.misty_photo{
    border-bottom:0px;
        width: 103%;
        height: 3000px ;
       /*/ background-color: red;/*/
}
    .misty_photo img{
        width: 145%;
    
    }
.misty_photo h1{
    font-family: "Didot-HTF-B16-Bold";   
    font-weight: 700;
    font-size: 125px;
    color: black;  
    text-align: center;
    margin: 40px 70px 0 70px;
    margin-top:100px;
    width: 1340px;
    }
.author{
    font-size: 60px;
    font-family: 'Roboto', sans-serif;    
    font-weight: 700;
    margin: 100px 0 20px 0;
    text-align: center;
    height:auto;
    width: 300px;
    position: relative;
    
}
    .date{
        margin: 0 0 100px 0;
        width: 300px;
        text-align: center;
        position: relative;
        
        font-size: 60px;
    }
.misty_photo h3{
    font-family: 'Libre Baskerville', serif;   
    font-weight: 400;  
    text-align: left;
}
    .misty_photo p{
    text-align: left;
    font-size: 22px;
    font-family: 'Roboto', sans-serif;    
    font-weight: 400;
} 
    .blurb{
    text-align: left;
    font-size: 100px;
    font-family: 'Libre Baskerville', serif;    
    font-weight: 400;
        height: 20px;
}
.subhead{
    height:900px;
    width: 1380px;
   display: flex;
    
    min-width: fit-content;
    border-bottom:0px;
    border-left:0px;
    border-right:0px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400; 
    font-size: 80px;
    margin: 20px 80px 100px 80px;
  
    
}
/*/.subheadb{
    
    
    font-family: 'Libre Baskerville', serif;   
    font-weight: 400; 
    font-size: 46px;
    height: 450px;
    width:700px;
}/*/

.grid_container2{
     display: grid;
    grid-template-columns: auto  ;
   min-width: fit-content;
   margin: 0px 80px 100px 80px;
    /*/height: 5900px;/*/
    height: auto;
    width: auto;
    
}
    .bodycopy{
  flex:1;
        min-width: fit-content;
    width: 1350px;
    height: auto;
        /*/height: 5450px;/*/
    border-left:0px;
    border-right:0px;
    border-top:0px;
    border-bottom:0px;
}
.largecap{
    float: left;
    width: 260px; 
    height: 280px;
}
    .largecap img{
        width: 220px
    }
    .thenutcracker{
        width:1340px;
        margin: 50px 0;
    }
    .bodycopyp1{
        font-size: 60px;
    font-family: "DIN Medium"; 
        width:1340px;
        font-weight: 400;
    }
    .bodycopyp{
        font-size: 50px;
       width: 100%;
         font-family: 'Libre Baskerville', serif;    
    font-weight: 400;
    } 


.pull_quote_container{
      width: 1340px;
    height: auto;
    border:2px solid black;
	margin: 90px 0px;
    border-left:0px;
    border-right:0px;
}
.pull_quote{
     font-size: 80px;
    text-align: center;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;

}
    .bodycopydeco1{
    border:2px solid black;
     padding: 25px;
    border-left:0px;
    border-right:0px;
    height: 250px;
    width: 1340px;
    display: grid;
    grid-template-columns: auto auto;
      margin: 90px 0px  30px 0px;
  }
.bodycopydeco1 img{
   
margin: 50px 20px 20px 100px;
    
}
.bodycopydeco1 p{
    position:relative;
    left: -25px;
    width: 410px;
      font-family: 'Roboto', sans-serif;    
    font-weight: 400;
    font-size: 30px;
}
   
.most_popular{
 
   
    border:2px solid black;
    border-left:2px;
    border-top:0px;
    border-right:2px;
   height:800px;
    width: 1340px;
}
.deco0_grid_container{
    display: grid;
    grid-template-columns: auto  auto auto  auto ;
    grid-gap:220px;
     width: 350px;
    
}

.mp1{
  /*/  float: left;/*/
    height: 170px;
    width: 80px;
}
.mp1 img{
    height:200px;
    width:200px;
    }    
.mp2{
  /*/  float: left;/*/
    
    height: 170px;
    width: 80px;
    
}
.mp2 img{
  height:200px;
    width:200px;
    }    
.kaatsbaan{
   
    width: 150px;
    
    
}
.stella{
   
    height: 50px;
    width: 150px;
    
    
    
}

.most_popular h1{
     font-family: 'Roboto', sans-serif;    
    font-weight: 400;
    font-size: 65px;
    width: 100%;
    border:2px solid black;
     border-top:0px;
    border-left:0px;
    border-right:0px;
}
.most_popular h2{
       font-family: 'Roboto', sans-serif;    
    font-weight: 400;
    font-size: 60px;
   /*/ width: 250px;/*/
    text-align: left;
    position: relative;
  
  
}
.most_popular_h3a{
        font-size: 35px;
    font-family: 'Libre Baskerville', serif;    
    font-weight: 700;
   text-align: left;
  width: 310px;
    position: relative;
   
  
}
.most_popular_h3b{
         font-size: 35px;
    font-family: 'Libre Baskerville', serif;    
    font-weight: 700;
   text-align: left;
    width: 390px;
    position: relative;
    
}
.most_popular p{
    font-size: 30px;
    font-family: 'Roboto', sans-serif;    
    font-weight: 400;
    text-align: left;
    position: relative;
     width: 360px;
      
}
    .backtotop{visibility: hidden;}
/*/ FOOTER /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*/ FOOTER /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
    footer{
    position:relative;
    font-family: 'lato', sans-serif;
    font-size:20px;
	
    height:1000px;
    width: 145%;
    padding: 20px;
    background-color: #5E5E5E;
}
.grid_container{
clear:both;

   padding: 20px;
    width: 40%;
    height:850px;
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 10px;
    position:relative;
    left: 560px;
    }
    .grid_container img:nth-of-type(3){
        width: 300px;
    }
     footer img:nth-child(2){ 
        position: relative;
   
    }
.graceful_logo_a_dark{
    position:relative;
    left:-50px ;
}
.graceful_logo_a_dark img{
    width:260px;
    
    }
.reponsive_footer{
    width: 500px;
    height: 300px;
    
    }
    .twitter img{
        width:70px;
    }
    .youtube img{
        width:70px;
    }
    .facebook img{
        width:70px;
    }
    .instagram img{
        width:70px;
    }
    .pinterest img{
        width:70px;
    }
.decodeco{
    width: 100%;
    height: 3px;
    background-color: white;
    display: none;
}
footer p{
    text-decoration: none;
    color:#ffffff;
    width: 350px;
     font-size: 40px;
    text-align: left;
    font-family: 'Libre Baskerville', serif;   
    font-weight: 400;
    display: none;
    
    
}
footer h1{
    color:#ffffff;
    width: 370px;
    font-size: 50px;
    font-family: 'Libre Baskerville', serif;   
    font-weight: 400;
    text-align:center;
    }
.subscribe{
    display: block;
    height: 60px;
    width: 535px;
    background-color: white;
    padding: 5px;
    font-size: 40px;
    font-family: 'Libre Baskerville', serif;   
    font-weight: 400;
    color: #989898;
    text-align: center;
    position: relative;
    left:-80px;
}
footer ul{
    width: 150px;
    height: 200px;
    /*/visibility:hidden;/*/
    display: none;
    line-height: 150%;
    /*/overflow-x:hidden;/*/
}
footer li{
    list-style-type: none;
}
footer a{
    color: white;
    font-size:14px;
    list-style-type: none;
    font-family: 'Roboto', sans-serif;    
    font-weight: 400;
    text-decoration: none;
    width: 80px;
}

.ducky{
    font-family: 'Roboto', sans-serif;    
    font-weight: 400;
    font-size:14px;
   
}
.trademark{
    font-family: 'Roboto', sans-serif;    
    font-weight: 400;
    font-size:15px;
    color: white;
    width:500px;
  position: relative;
    top:40px;
    left:540px;
   
}
    
    }
}