.space2{
	height: 130px;
}

.banner-blog{
	width: 100%;
	height: 493px;
	background-image: url('../images/blog/banner-blog.png');
	position: relative;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.bn-text{
	width: 200px;
	position: absolute;
	top: 50%;
	right: 13%; 
}
.bn-text h2{
	color: #fff;
	font-size: 60px;
	font-family: typo-hoop-bold;
}

.interno-texts h1, .interno-texts h2{
    color: #0f266f;
    font-size: 35px;
    padding-bottom: 20px;
    font-family: typo-hoop-bold;
}

.blog-interno{
	padding-top: 110px;
	width: 100%;
	margin-bottom: 55px;
	background: url('../images/blog/bg-blog1.png'), url('../images/blog-interno/bg-coluna.png');
	background-position: left center, right bottom;
	background-repeat: no-repeat;
	position: relative;
}
.interno-content{
	width: 1280px;
	margin: 0 auto;
	display: flex;
}
.interno-texts{
	width: 65%;
	margin: 0 auto;
}
.interno-parag1{
	display: flex;
}
.interno-img1{
	width: 40%;
}
.interno-text1{
	margin-left: 115px;
	width: 40%;
}
.interno-text1 h2{
	color: #0f266f;
	font-size: 35px;
	padding-bottom: 20px;
	font-family: typo-hoop-bold;
}
.interno-text1 p{
	color: #707070;
	font-weight: 400;
	font-family: 'Poppins', sans-serif;
}
.interno-parag2{
	padding: 30px 0;
}
.interno-text2{
 	width: 93%;
}
.interno-text2 p{
	color: #707070;
	font-weight: 400;
	font-family: 'Poppins', sans-serif;
}
.interno-parag3{
	margin-bottom: 100px;
}
.interno-img3{
	width: 100%;
}
.interno-text3{
	padding-top: 30px;
	width: 729px;
}
.interno-text3 p{
	color: #707070;
	font-weight: 400;
	font-family: 'Poppins', sans-serif;
}


.comentarios{
	width: 92%;
}
.compartilhe{
	display: flex;
	border-bottom: 1px solid #d7d7d7; 
	padding-top: 30px;
}
.compartilhe h2{
	font-size: 27px;
	color: #FE3161;
	font-family: typo-hoop-bold;
}
.compartilhe p{
	color: #707070;
	font-family: 'Poppins', sans-serif;
	font-weight: 300;
	margin-left: 388px;
	padding-right: 8px;
}
.compartilhe a img{
	padding: 0 3px;
}

.comentarios-content{
	width: 100%;
	padding-top: 20px;
	margin-bottom: 20px;
}
.cc-user{
	width: 215px;
	display: flex;
	padding-bottom: 20px;
}
.cc-img{
	background-color: #FE3161;
	border-radius: 50%;
	width: 55px;
	height: 55px;
	position: relative;
    display: flex;
    flex-wrap: wrap;
    place-content: center;
    margin-bottom: 2%;
}
.area-texto input{
	margin-bottom: 2%;
	border: 1px solid #d7d7d7;
}
.cc-title{
	padding-left: 14px;
    padding-top: 5px;
}
.cc-title h2{
	color: #707070;
	font-family: 'Poppins', sans-serif;
	font-weight: 600;
	font-size: 15px;
	padding-bottom: 4px;
}
.cc-title h3{
	color: #707070;
	font-family: 'Poppins', sans-serif;
	font-weight: 200;
	font-size: 14px;
}
.cc-parag{
	width: 99%;
}
.cc-parag p{
	color: #707070;
	font-weight: 400;
	font-family: 'Poppins', sans-serif;
	padding-bottom: 20px;
}
.cc-parag h2{
	width: 23%;
	color: #0f266f;
	border-bottom: 1px solid #0f266f;
	font-size: 14px;
    font-weight: 100;
    padding-bottom: 5px;
    cursor: pointer;
}
.area-texto {
	padding-top: 20px;
}
.area-texto textarea{
	width: 100%;
	height: 100px;
	border-radius: 10px;
	border: 1px solid #d7d7d7;
}
.area-texto textarea{
	color: #707070;
	font-size: 12px;
	font-family: 'Poppins', sans-serif;
	padding-top: 15px;
	padding-left: 15px;
}
.area-texto button{
	background-color: #ef8e15;
    border: 1px solid #ef8e15;
    color: white;
    padding: 10px 15px;
    border-radius: 30px;
    margin-top: 16px;
    font-size: 14px;
    cursor: pointer;
    font-family: type-hoop-regular;
}
.area-texto button:hover{
	background-color: #FE3161;
    border: 1px solid  #FE3161;
    color: #fff;
}



.interno-bg{
	width: 29.7%;
	height: 1591px;
	margin-left: 5.7%;
}
.interno-coluna{
	width: 100%;
	height: 1259px;
	margin: 0 auto;
	background-image: url('../images/blog/bg-coluna.png');
	border-radius: 20px;
}
.coluna{
	width: 80%;
	margin: 0 auto;
	padding-top: 30px;
}
.pesquisar{
	width: 100%;
	padding-bottom: 30px;
	position: relative;
}
.pesquisar input{
	border-color: #fff;
	border-radius: 30px;
	position: relative;
	width: 100%;
	height: 34px;
	padding-left: 20px;
	font-family: 'Poppins', sans-serif;
}
.pesquisar input::placeholder{
	font-size: 12px;
	font-family: 'Poppins', sans-serif;
}
.pesquisar img{
	position: absolute;
	right: 4%;
    top: 10%;
}
.categorias{
	width: 100%;
	border-bottom: 1px solid #fff;
}
.categorias h2{
	font-size: 30px;
	color: #fff;
	padding-bottom: 20px;
	font-family: typo-hoop-bold;
}
.categorias h3{
	width: 55%;
	color: #fff;
	padding-bottom: 10px;
	font-family: Oduda-regular;
}
.categorias div{
	padding-bottom: 30px;
}
.arquivos{
	width: 100%;
	padding-top: 20px;
	border-bottom: 1px solid #fff;
}
.arquivos h2{
	font-size: 30px;
	color: #fff;
	padding-bottom: 20px;
	font-family: typo-hoop-bold;
}
.arquivos h3{
	width: 55%;
	color: #fff;
	padding-bottom: 10px;
	font-family: Oduda-regular;
}
.arquivos div{
	padding-bottom: 20px;
}
.mais-lidas{
	width: 100%;
	padding-top: 20px;
}
.mais-lidas h2{
	font-size: 30px;
	color: #fff;
	font-weight: 700;
	padding-bottom: 20px;
	font-family: typo-hoop-bold;
}
.mais-lidas div{
	padding-bottom: 20px;
}
.mais-lidas div h3{
	width: 55%;
	color: #fff;
	font-weight: 700;
	font-family: 'Poppins', sans-serif;
}
.mais-lidas div h4{
	width: 55%;
	color: #fff;
	font-size: 14px;
	font-weight: 100;
	font-family: 'Poppins', sans-serif;
}
.categorias h3:hover, .arquivos h3:hover, .mais-lidas div h3:hover, .mais-lidas div h4:hover{
	color: #c35f81;
	background-color: #fff;
}


@media screen and (min-width: 1921px){
	.banner-blog{
		height: 1400px;
	}
	.pesquisar img {
	   	position: absolute;
	    right: 6%;
	    top: 15%;
	}
}

@media screen and (max-width: 1600px){
	.pesquisar img{
		
	}
}

@media screen and (max-width: 1440px){
	.interno-content{
		width: 1100px;
		margin: 0 auto;
	}
	.interno-img1 img{
		height: 260px;
    	width: 360px;
	}
	.interno-text1 h2, .interno-texts h2{
		font-size: 30px;
	}
	.interno-text1 p, .interno-text2 p, .interno-text3 p{
		font-size: 15px;
	}
	.interno-img3 img{
		width: 90%;
	}
	.interno-text3{
		width: 90%;
	}
	.compartilhe h2{
		font-size: 22px;
	}
	.compartilhe p{
		margin-left: 355px;
	    padding-right: 6px;
	    font-size: 12px;
	}
	.compartilhe a img{
		width: 85%;
		padding: 0 1px;
	}
	.cc-parag h2{
		font-size: 12px;
	}
	.cc-title h2{
		font-size: 13px;
	}
	.cc-title h3{
		font-size: 12px;
	}
	.cc-img{
		height: 50px;
	}
	.cc-parag p{
		font-size: 14px;
	}
	.pesquisar img{
		
	}
	.categorias h2, .arquivos h2, .mais-lidas h2{
		font-size: 23px;
	}
	.categorias h3, .arquivos h3, .mais-lidas div h3{
		font-size: 14px;
	}
	.mais-lidas div h4{
		font-size: 13px;
	}
}

@media screen and (max-width: 1366px){
	.pesquisar img{
		
	}
	.interno-coluna{
		height: 1225px;
	}
	.area-texto button{
		font-size: 12px;
	}
}

@media screen and (max-width: 1280px){
	.interno-content{
		width: 950px;
		margin: 0 auto;
	}
	.interno-bg{
		height: 1460px;
	}
	.interno-img1 img {
    	height: 240px;
    	width: 320px;
	}
	.interno-text1 h2,.interno-texts h2 {
    	font-size: 25px;
	}
	.interno-text1 p, .interno-text2 p, .interno-text3 p{
		font-size: 14px;
	}
	.interno-img3 img, .interno-text3 {
    	width: 86%;
	}
	.compartilhe h2{
		font-size: 20px;
	}
	.compartilhe p{
		margin-left: 280px;
		font-size: 10px;
		padding-right: 5px;
	}
	.compartilhe a img{
		width: 75%;
	}
	.cc-parag p {
    	font-size: 12px;
	}
	.cc-img{
		width: 50px;
		height: 45px;
	}
	.cc-parag h2{
		font-size: 11px;
	}
	.area-texto textarea{
		font-size: 10px;
	}
	.area-texto button {
    	font-size: 10px;
	}
	.interno-coluna{
		height: 1105px;
	}
	.pesquisar img {
	    
	}
	.categorias h2, .arquivos h2, .mais-lidas h2{
		font-size: 21px;
	}
	.categorias h3, .arquivos h3, .mais-lidas div h3{
		font-size: 12px;
	}
	.mais-lidas div h4{
		font-size: 12px;
	}
}

@media screen and (max-width: 1024px){
	.banner-blog{
		height: 270px;
		background-size: contain;
	}
	.interno-content{
		width: 800px;
		margin: 0 auto;
	}
	.interno-bg{
		height: 1000px;
	}
	.interno-coluna{
		height: 785px;
		background-size: contain;
	}

	.interno-img1 img {
    	height: 197px;
    	width: 270px;
	}
	.interno-text1 h2,.interno-texts h2 {
    	font-size: 20px;
	}
	.interno-text1 p, .interno-text2 p, .interno-text3 p{
		font-size: 10px;
	}
	.interno-img3 img, .interno-text3{
		width: 84%;
	}
	.interno-parag3{
		margin-bottom: 50px;
	}

	.pesquisar{
		padding-bottom: 14px;
	}
	.pesquisar input{
		height: 24px;
	}
	.pesquisar img{
    	width: 16px;
	}
	.compartilhe p{
		margin-left: 224px;
	}
	.compartilhe h2{
		font-size: 18px;
	}
	.compartilhe a img{
		width: 65%;
		padding: 0 0px;
	}
	.cc-title h2{
		font-size: 10px;
	}
	.cc-title h3 {
    	font-size: 9px;
	}
	.cc-img {
    	width: 40px;
   	 	height: 40px;
	}
	.cc-img img{
		width: 50%;
	}
	.cc-parag p {
    	font-size: 10px;
	}
	.cc-parag h2 {
    	font-size: 9px;
	}
	.area-texto button {
    	font-size: 8px;
	}
	.categorias h2, .arquivos h2, .mais-lidas h2{
		font-size: 19px;
		padding-bottom: 5px;
	}
	.categorias h3, .arquivos h3, .mais-lidas div h3{
		font-size: 10px;
		padding-bottom: 4px;
	}
	.arquivos{
		padding-top: 5px;
	}
	.mais-lidas{
		padding-top: 5px;
	}
	.mais-lidas div h4{
		font-size: 10px;
	}
	.categorias div, .arquivos div{
		padding-bottom: 8px;
	}
	.mais-lidas div{
		padding-bottom: 10px;
	}
}

@media screen and (max-width: 768px){
	.banner-blog{
		height: 203px;
	}
	.blog-interno{
		background-image: unset;
	}
	.interno-content{
		width: 700px;
	}
	.interno-coluna{
		height: 686px;
	}
	.pesquisar img {
    	width: 16px;
	}
	.compartilhe p{
		font-size: 12px;
		margin-left: 150px;
	}
	.cc-parag h2 {
    	width: 26%;
	}
}

@media screen and (max-width: 500px){
	.banner-blog{
		height: 112px;
	}
	.bn-text{
		text-align: center;
		margin: 0 auto;
		position: relative;
		right: 0;
		top: 0;
	}
	.bn-text h2 {
    	font-size: 40px;
    	padding-top: 15%;
	}
	.blog-interno{
		padding-top: 50px;
	}
	.interno-bg{
		display: none;
	}
	.interno-content{
		width: 100%;
	}
	.interno-texts{
		width: 90%;
	}
	.interno-text1{
		margin-left: 0px;
    	width: 100%;
	}
	.interno-parag1{
		display: unset;
	}
	.compartilhe p{
		margin-left: 85px;
	}
	.cc-parag h2 {
    	width: 29%;
	}
}

@media screen and (max-width: 400px){
	.banner-blog {
    	height: 99px;
	}
	.compartilhe p{
		margin-left: 44px;
	}
	.cc-parag h2 {
    	width: 32%;
	}
}

@media screen and (max-width: 360px){
	.banner-blog {
    	height: 94.5px;
	}
	.compartilhe h2 {
    	font-size: 15px;
	}
	.compartilhe p {
    	font-size: 10px;
	}
	.compartilhe a img {
    	width: 55%;
	}
	.cc-parag h2 {
    	width: 34%;
	}
}