@media (max-width: 575.98px) {
	#banner {
		padding: 150px 0px 50px !important;
		margin-top: 40px;
	} #banner a {
		font-size: 14px !important;
	} #banner #title-2 {
    	font-size: 38px !important;
	} #banner #title-1 {
		font-size: 36px !important;
	} 
} @media (min-width: 575.98px) and (max-width: 767.98px) {
	#banner {
		padding: 150px 0px 50px !important;
		margin-top: 40px;
	} #banner a {
		font-size: 14px !important;
	} 
} @media (min-width: 767.98px) and (max-width: 991.98px) {
	#banner {
		padding: 150px 0px 50px !important;
		margin-top: 40px;
	} #banner a {
		font-size: 14px !important;
	} 
} @media (min-width: 991.98px) and (max-width: 1199.98px) {
}

/* BANNER */
#banner {
	background-image: url('/img/blog/METODIKA-BLOG-HEADER.webp');
	background-size: cover;
	background-position: center top;
	background-repeat: no-repeat;
	padding: 250px 0px 200px;
} #banner #title-1 {
	font-size: 50px;
	font-family: "Roboto-Light";
	line-height: 1;
	color: #272828 ; /* black */
	text-shadow: 1px 1px 5px #fff;
} #banner #title-2 {
	font-size: 50px;
	line-height: 1;
	font-family: "Roboto-Medium";
	color: #0337af; /* blue */
	text-shadow: 1px 1px 5px #fff;
} #banner a {
	background-color: #0337af; /* blue */
	color: #fff; /* white */
	text-decoration: none;
	font-family: "Roboto-Medium";
	padding: 8px 10px;
	border-radius: 5px;
} #banner a:hover {
  background-color: #f4af19; /* yellow */
} 

#headerBlog .breadcrumb {
	background-color: #fff;
	font-family: Roboto-Regular;
	padding-left: 0px;
} #headerBlog h3 {
	font-family: Roboto-Regular;
	color: #0337af; /* blue */
} #headerBlog h2 {
	font-family: Roboto-Regular;
	color: #000; /* black */
} 

#blog-detail .tags, #blog-detail .pipe, #blog-detail .date {
	font-family: Roboto-Thin;
	font-size: 16px;
} #blog-detail .tags {
	font-family: Roboto-Bold;
	color: #0337af;
} #blog-detail p {
	font-family: Roboto-Light;
} #blog-detail .block-author {
	background-color: #f6f7fb;
	margin: 20px 0px;
	padding: 20px;
} #blog-detail .block-author .autor {
	font-family: Roboto-Bold;
	font-size: 20px;
} #blog-detail .block-author .cargo {
	font-family: Roboto-Bold;
	font-size: 18px;
	color: #0337af;
}


#contactoBlog {
	padding: 50px;
	background-color: #f6f7fb;
	border-radius: 5px;
} #contactoBlog .title1 {
	font-family: "Roboto-Light";
} #contactoBlog .fa-instagram:hover, #contactoBlog .fa-facebook-square:hover, #contactoBlog .fa-linkedin-square:hover {
	color: #f4af19 /* yellow */;
} #contactoBlog label {
	margin: 0px;
	margin-top: 10px;
	font-size: 14px;
	font-family: "Roboto-Regular";
} #contactoBlog input, #contactoBlog textarea, #contactoBlog select {
	border: 0px;
	border-bottom: 2px solid #0337af; /* blue */
	font-family: "Roboto-LightItalic";
	color: "e3e4e8"; /* gray */
	font-size: 14px;
	padding: 8px 0px 5px;
	outline: none;
	background-color: #f6f7fb;
} #contactoBlog select {
	background: transparent;
	-moz-appearance:none; /* Firefox */
	-webkit-appearance:none; /* Safari and Chrome */
	appearance:none;
	background-image: url('/img/contacto/select-arrow.webp');
	background-repeat: no-repeat;
	background-position-y: 50%;
	background-position-x: right;
	font-family: "Roboto-LightItalic";
	color: "e3e4e8"; /* gray */
	font-size: 14px;
} #contactoBlog select option {
	font-family: "Roboto-LightItalic";
	color: "e3e4e8"; /* gray */
	font-size: 14px;
} #contactoBlog button {
	background-color: #0337af; /* blue */
	color: #fff; /* white */
	font-family: "Roboto-Bold";
	padding: 8px 100px;
} #contactoBlog textarea::-webkit-resizer {
	border-width: 8px;
	border-style: solid;
	border-color: transparent #0337af #0337af transparent; /* blue */
} #contactoBlog .btn:hover {
	background-color: #f4af19; /* yellow */
}

.tagsCount {
	color:  #0337af;
}