@media screen and (max-width: 1200px){
    #topbox{
       background:none;
    }
   body{
    background-size:100%;
		background-attachment:fixed;
        background-image: url('https://www.scrollquotes.com/images/scroll-quotes-logo-aside.jpg');
      padding-top: 50px;}
    
#vid{
   display:none;
    
}
#slogan{
padding-bottom:50px;
}

#slogan h2{
padding:5px;
padding-top:5px;
font-size:1.5em;
}

#slogan h3{
font-size:1em;
}

   #topbar{
text-align:center;
padding:0 2%;
width:96%;
       margin:0px auto;
margin-top:20px;
       
}
  
    h2{
    font-size: 1.1em;
}
#topbar h1{
    
   
    font-size:3.5em;

}
.width{
    width:100%;
}
    .qtbox{
    float:none;
    width:100%;
}
nav {
    background:#ed008c;
    width:80%;
text-align:left;
border-top:1px solid white;
    position:fixed;
    height: 100%;
    left:0px;
    top:0px;
    display: none;
    z-index: 1234;
}
    nav ul{
width:100%;

margin:0px auto;
}
nav ul li{
float:none;
font-size:1.2em;
color:white;
padding:1em ;
border-right:0px solid white;
    border-bottom:1px solid white;
}
    #mediahead{
    cursor: pointer;
    display: block;
    
}
    #search{
width:80%;
padding:2%;
        margin:10px auto;
        text-align: center;
        position: relative;
}
#sebt{
font-size:1.2em;
}
   #slogan{
text-align:center;
padding-bottom:10px;
color:white;
}

#slogan h1{
padding-bottom:10px;
font-size:2.3em;
} 
    
    .quotebox{
padding:20px 2%;
margin:10px 0;
}
.quotebox h2{
padding:2%;
    font-size: 1.1em;
}
.quote{

width:32.7%;
 
padding:0% ;

}    
    .quote h5{
 

    z-index:12;
  
 
}
    .ad300{
    width:100%;
    margin:7px auto;
    float:none;
    height:auto;
    top:auto;
}
    
    .qimage{
    height:80px;
    overflow:hidden;
}
    footer{
   margin:2%;
   
}
    #fleft{
    float:none;
    width:94%;
    padding:3%;
  height:auto;
        text-align: center;
    
}
    #fleft p{
        text-align: center;
    }
    #fright{
   float:none;
    width:94%;
    padding:3%;
  height:auto;
}
    #ldiv{
   float:none;
    width:94%;
    padding:3%;
  height:auto;
}
    #fleft h3{
    font-size:1.3em;
}
#fleft h4{
    font-size:1em;

}
#fleft p{

    font-size:1em;
   
}
    #fright h2{
    font-size: 1.1em;
}
    #ldiv h2{
    font-size: 1em;
   
}
    .imawid{
float:none;
width:100%;
}
    #homima{
padding:50px 5%;
}
    #intro{
padding:5%;
}
    article h2{
    
    width: 90%;
    margin: 20px auto;
    padding:2%;
        font-size:0.9em;
}
article{
 padding: 2%;
width: 96%;
    float:none;
    
}
    aside{
    padding: 2%;
    float: none;
    width: 96%;
}
    aside h3{
        font-size: 0.9em;
    }
    .quotee h5{
font-size:1em;

}
    .np{
    top:-3px;
    font-size:1.5em;
}
    .linkno{

    width:25px;
    padding:3px 0;
    border-radius:30px;
}
    #secbox{

    margin:80px auto;
    width: 100%
    position:relative;
}
.left{
    width: 10%;
    font-size: 1.5em;
    background:rgba(51,51,51,0.2);
    left:0px;
  
    padding:10px 1%;
      position:absolute;
}
    .right{
    width: 10%;
    font-size:1.5em;
    background:rgba(51,51,51,0.2);
    right:0px;
   
    padding:10px 1%;
      position:absolute;
}
    #morealso h3{
  
    font-size:1em;
    border-top:1px solid #696969;
    
 font-family: 'Lobster', cursive;
}
#mainquote{
   width:100%;
} 
    footer div{
    float:none;
    width:100%;
    color:white;
        text-align: center;
}
   
    .alsobox{
    width:100%;
    float:none;
}
.homeblog{
float:none;
width:90%;
margin:5%;
}
.homeblog h3{
font-size:1.2em;
}
    
   #textback{
        padding:1%;
       
    }
    #textback h2{
        padding:1% 0;
    font-size:1.5em;
         text-shadow: 0px 0px 1px #333;
        line-height: 1.8em;
}
    #textback h3{
    font-size:0.9em;
}
    #textback p{
    font-size:0.6em;
}
    #quotesign{
    font-size: 1.3em;
}
    #texthead{
        line-height: 1.4em;
        
    }
#quotesignright{
    font-size: 1.3em;
}
#textthumb img{
    height:70px;
}
    
    #blogse article{
    width:96%;
    float:none;
    margin:0px auto;
    padding:2%;
    
}
#blogse aside{
    width:96%;
    padding:2%;
    float:none;

}
    #blogse{
   padding:3% 0 ;
    
    
}
#blogse h2{
    text-align: center;
    
}
    
}