@media screen and (max-width: 770px) { html main{ width: 100%; } html .home #main article, html .category #main article, html .tag #main article, html .search #main article, html .author #main article{ width: 76%; margin: 12%; } html .home #main article .entry-header, html .category #main article .entry-header, html .tag #main article .entry-header, html .search #main article .entry-header, html .author #main article .entry-header{ width: 90%; margin: 1% 5%; border: none; display: inline-block; height: auto; } html .home #main article .entry-header .entry-title, html .category #main article .entry-header .entry-title, html .tag #main article .entry-header .entry-title, html .search #main article .entry-header .entry-title, html .author #main article .entry-header .entry-title{ font-size: 40px; } html .home #main article .content-holder, html .category #main article .content-holder, html .tag #main article .content-holder, html .search #main article .content-holder, html .author #main article .content-holder{ width: 90%; margin: 1% 5%; display: inline-block; height: auto; } html .home #main article .read-more-holder, html .category #main article .read-more-holder, html .tag #main article .read-more-holder, html .search #main article .read-more-holder, html .author #main article .read-more-holder{ width: 90%; margin: 1% 5%; border: none; display: inline-block; height: auto; } #primary-navigation{ font-size:20px; } body article .entry-content{ font-size: 25px; } .single #main article{ width: 100%; } #updatesSpace .newContent{ width: 98%; font-size: 30px; } #updatesSpace #unreadPosts{ width: 98%; font-size: 30px; } html body .holderbar{ width: 80%; height: 80%; margin: 10%; position: fixed; top: 10%; } html #commentsSpace, html #updatesSpace, html #filesSpace, html #widgetsSpace{ height: 90%; } html #filesSpace div{ width: 100%; height: 100px; } html #filesSpace div p{ font-size: 25px; top: -80px; } html body .holderbar #accessform p{ margin: 3% 5%; } html body div.holder #primary-navigation{ height: 90%; width: 80%; margin: 5% 10%; } html .home article .content-holder, html .search article .content-holder, html .archive article .content-holder{ border : none; } html .home article.content_preview .content-holder, html .search article.content_preview .content-holder, html .archive article.content_preview .content-holder { width: 90%; } }