.content img { 
-webkit-filter: grayscale(78%);
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;
}
.content img:hover { 
-webkit-filter: grayscale(0%);
}
.text { 
font-family: arial, helvetica; font-size: 5.5em; 
position: fixed; top: 2%; right: 9vw; 
letter-spacing: -8px; color: #692776;
}
.horz_line { 
position: fixed; top:3%; left: 0;
width: 100%; height: 5px;
padding: 6px; background: #D591E6; 
}
.vert_line { 
position: fixed; top: 0; left: 2.2%; 
height: 100%; width: 5px;
padding: 6px; background: #D591E6; 
}
i.navs {
left: 7.8vw;
position: relative; 
top: -18px; -webkit-transition-duration: 1.6s; 
/*width: 80px; */
display: inline-block;
color: #000;
background: #D591E6; 
padding: 20px 7px;
}
i.navs:hover:before {
display: inline;
position: absolute;
left: 5vw;
top: -1vh;
font-size: 25px;
opacity: 0;
}
i.navs:hover {
color: #692776;
margin: 0px 8px;
background: #692776;
-webkit-transition-duration: 0.75s; 
}
i.navs:hover:after {
color: #fff;
content: attr(data-title);
font-family: arial, helvetica;
font-weight: normal;
font-style: italic;
text-transform: lowercase;
opacity: 1;
-webkit-transition-duration: 0.5s; 
}
.content {
text-align: left;  background: #F7F7F7; 
padding: 15px; padding-top: 15px; width: 80.25vw; 
height: 75vh; overflow: auto; font-family: verdana;
font-size: 12px; color: #000000;
line-height : 1.4;
}
.h1 { 
font-family: helvetica; font-size: 36px; 
letter-spacing: -3px; color: #692776 
}
.h2 { border-top: 2px dashed #D7C1DC; 
border-bottom: 2px dashed #D7C1DC; 
font-family: courier new; font-size: 14px; 
letter-spacing: 1px; color: #B350C6; margin-bottom: 15px
}
a:link, a:visited { 
padding: 2px 0px; text-decoration: none; color: #9238A4; 
-webkit-transition-duration: 0.3s 
}
a:hover { 
color: #FFFFFF; background: #D591E6; 
cursor: pointer 
}
.blogger-labels { 
background: #D7C1DC; padding: 3px 
}
blockquote { 
background: #F7F7F7; 
padding: 10px; 
-webkit-transition-duration: 0.4s; 
border-left: 8px solid #692776; border-right: 8px solid #D591E6; 
cursor: default 
}
blockquote:hover { 
border-right: 8px solid #692776; 
border-left: 8px solid #D591E6; 
}
::-webkit-scrollbar {
height:10px; width: 10px;
background: #F7F7F7;
}
::-webkit-scrollbar-thumb {
background-color: #692776;
-moz-border-radius: 10px;
border-radius: 10px;
}
.footer{
text-align: center; 
margin-top:1.3%;
}
@media screen
  and (max-device-width: 650px) {
  .text{font-size: 4em; top: 4.5%;
    right: 8.5vw; letter-spacing: -6.9px;}
  .horz_line {top:1.4%;}
  .vert_line {left: 1.5%;}
  .footer{margin-top:1.85%;}
}
@media screen
  and (max-device-width: 450px) {
  .text{font-size: 2.8em; top: 6.82%;
    right: 8vw; letter-spacing: -5.1px;}
  .horz_line {top:2%;}
  .vert_line {left: 0.8%;}
}