/* Big tablet to 1200px (widths smaller taht the 1140px row) */
@media only screen and (max-width: 1200px) {

}


/* Small tablet to big tablet: from 768px to 1023px */
@media only screen and (max-width: 1023px) {
}




/* Small phones to small tablets: from 481px to 767px */
@media only screen and (max-width: 767px) {
.bio{
    font-size: 22px;
    overflow-y: hidden;
}
h1{
    font-size:25px;
}
.pinlink:link,
.pinlink:visited {
    font-size: 72%;
}
.righta{
    padding: 1.2%;
    font-size:18px;
    
      
}
.lefta{
    padding: 1.2%;
    font-size: 18px;
}

}



/* Small phones: from 0 to 480px */
@media only screen and (max-width: 480px) {
.bio{
    font-size: 18px;
    overflow-y: hidden;
}

h1{
    font-size:20px;
}
.pinlink:link,
.pinlink:visited {
    font-size: 50%;
}
.righta{
    padding: 1%;
    font-size:16px;
    
      
}
.lefta{
    padding: 1%;
    font-size: 16px;
}
}