@media screen and (max-width: 980px) {

    :root{
    --largura-conteudo: 80%;
    }
    
	.pagewidth {
		max-width: 94%;
	}
		
	/* content */
	#content {
		max-width: 67.8%;
	}
	
	/* sidebar */
	#sidebar {
		margin: 7% 0 5%;
		max-width: 26.2%;
	}
		
    .wp-block-cover__inner-container p {
	font-size: 16px;
	line-height: 24px;
    }
    
	/* GRID */
	
	.col4-1,
	.col4-2,
	.col4-3,
	.col3-1,
	.col3-2,
	.col2-1
	{
		margin-left: 2%;
	}
	.first {
		margin-left: 0;
	}
	.col4-1 {
		max-width: 23%;
	}
	.col4-2, .col2-1 {
		max-width: 48%;
	}
	.col4-3 {
		max-width: 72%;
	}
	.col3-1 {
		max-width: 31%;
	}
	.col3-2 {
		max-width: 62%;
	}
	
}

@media screen and (max-width: 760px) {
    
    :root{
    --largura-conteudo: 80%;
    }

	/*	STRUCTURE */

	#content {
		width: 100%;
		max-width: 100%;
		float: none;
		clear: both;
	}
	
	/* sidebar */
	#sidebar {
		width: 100%;
		max-width: 100%;
		float: none;
		clear: both;
	}
	
    .wp-block-cover__inner-container p {
	font-size: 16px;
	line-height: 23px;
    }
	
	.wp-block-cover__inner-container a {
	font-size: 14px;
	padding: 6px 20px 7px 20px;
    }
    
    .page {
    font-size: 16px;
    line-height: 26px;
    }
	
    .wp-block-cover__inner-container #title {
    font-size: 14px;
	line-height: 14px;
	padding: 6px 20px 7px 20px;
    }
    
    .page #conteudo {
    margin: 30px auto 10px auto;
    width: var(--largura-conteudo);
    }
    
    .page #capa {
    padding: 140px 0px 180px 0px;
    }
    
    .wp-block-cover__inner-container p {
	font-size: 14px;
	line-height: 19px;
    }
	
	#footer #sitelogo {
    background: url(images/logo-footer-largura760.png);
    width: 188px;
    height: 70px;
    }
	
}

@media screen and (max-width: 480px) {

	/* disable webkit text size adjust (for iPhone) */
	html {
		-webkit-text-size-adjust: none;
	}

	/* GRID */
	.col4-1,
	.col4-2, .col2-1,
	.col4-3,
	.col3-1,
	.col3-2	 {
		margin-left: 0;
		width: 100%;
		max-width: 100%;
	}
	
    :root{
    --largura-conteudo: 87%;
    }
    
    .header {
    font-size: 11px;
    }
	
	.wp-block-cover__inner-container a {
	font-size: 13px;
	padding: 6px 17px 7px 17px;
    }
    
    .page {
    font-size: 15px;
    line-height: 25px;
    }
	
	.wp-block-cover__inner-container #title {
	font-size: 13px;
	line-height: 13px;
	padding: 6px 17px 7px 17px;
    }
    
    .page #conteudo {
    margin: 20px auto 10px auto;
    width: var(--largura-conteudo);
    }
    
    .page #capa {
    padding: 100px 0px 120px 0px;
    }
    
    #footer {
    background: #373737;
    padding: 25px;
    color: #fff;
    font-size: 10px;
    text-align: center;
    text-transform: uppercase;
    }
	
	#footer #sitelogo {
    background: url(images/logo-footer-largura480.png);
    width: 135px;
    height: 50px;
    }
	
}