@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: 150px 0px 150px;
} #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 h2 {
	font-family: Roboto-Regular;
} #headerBlog #searchBox {
	border-right: 0px !important;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	border: 1px solid #e6e5ea;
} #headerBlog #btnSearch {
	border-left: 0px !important;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	border: 1px solid #e6e5ea;
	padding: 5px;
}

#results {
	padding: 40px 0px;	
} #results .block {
	border: 1px solid #dcdde1;
	min-height: 590px;
} #results .categoria {
	font-family: Roboto-Bold;
	color: #0337af;
	font-size: 14px;
	padding: 20px 20px 0px 20px;
} #results .title {
	font-family: Roboto-Bold;
	color: #000;
	font-size: 16px;
	padding: 0px 20px;
} #results .tags, #results .pipe, #results .date {
	font-family: Roboto-Thin;
	font-size: 12px;
} #results .tags {
	font-family: Roboto-Bold;
	color: #0337af;
} #results .info-tags {
	padding: 0px 20px;
} #results .resume {
	font-family: Roboto-Light;
	font-size: 14px;
	padding: 0px 20px;
} #results h2 {
	font-family: Roboto-Regular;
} #results .tagsCount {
	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 */
}

.btn-load {
	border: 1px solid #fff;
	background-color: #0337af;
	color: #fff;
	font-family: "Roboto-Bold";
	text-decoration: none;
} .btn-load:hover {
	color: #fff;
}