@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 #commentsSpace, 
	html #updatesSpace, 
	html #filesSpace, 
	html #widgetsSpace{
		height: 80%;
	}
	
	html #filesSpace div{
		width: 100%;
		height: 100px;
	}

	html div.holderbar{
		left:10%;
		width: 80%;
	}
	
	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: 80%;
	}

	html .home article.content_preview .title-holder, 
	html .search article.content_preview .title-holder, 
	html .archive article.content_preview .title-holder {
		width: 60%;
		margin: 0px;
	}

	html .home article.content_preview .title-holder #previewTitle, 
	html .search article.content_preview .title-holder #previewTitle, 
	html .archive article.content_preview .title-holder #previewTitle {
		width: 70%;
		margin: 10px 0px;
	}

	html .single #comments p.comment-form-author #author, 
	html .home #comments p.comment-form-author #author,
	html #comments input#email,
	html .single p.comment-form-url #url, 
	html .home p.comment-form-url #url{
		margin: 0px;
		clear: both;
		width: 75%;
	}

	html #searchform{
		padding:20px;
		text-align:center
	}

	html #searchform form input[type=text]{
		font-size:16px;
		margin: 5px 0px;
	}

	html p.holderclose{
		right: 11%;
	}

	html .holderbar div{
		z-index:0;
		overflow-y:scroll;
	}
	
	html #subscribesform #emailaddress{
		width:75%;
	}

	html div#searchBar {
    		top: 25%;
    		height: 30%;
	}

	html #infoform{
		width: 85%;
		overflow-y: scroll;
		position:fixed;
		top:15%;
		left:15%;
	}

	html #widgetsBar{
		width: 85%;
		overflow-y: scroll;
		position:fixed;
		top:15%;
		left:7.5%;
	}

	html #commentsSpace,
	html #widgetsSpace{
		top: 30%;
	}

	html #widgets-holder h2{
		width: 60%;
   		margin-left: 15%;
    		text-align: center;
	}

	.widget-title-space{
		width:60%;
		text-align:center;
	}

	html #widgetsBar > h2{
		width: 80%;
	}

	html .paginationNumbers{
		width:80%;
		margin:0 10%;
	}
}