@media ( max-width :4000px) {
}

main.screen {
	max-width: 2200px;
	padding: 40px;
}

header {
	padding: 100px 0 30px 0;
	color: #fff;
}

header .container {
	padding: 0 100px;
}

header.fixed {
	background: #fff;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
	padding: 30px 0 30px 0;
}

header.fixed .container {
	padding: 0 40px;
}

a.logo {
	
}

a.logo img.primary {
	
}

a.logo img.secondary {
	display: none;
}

header.fixed a.logo img.primary {
	display: none;
}

header.fixed a.logo img.secondary {
	display: block;
}

.navigation nav ul li {
	color: #fff;
	font-size: 19px;
	margin-right: 30px;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 5px;
}

.navigation nav ul li:last-of-type {
	margin-right: 0;
}

.navigation nav ul li a {
	color: #fff;
	padding: 10px 15px;
	border: 1px solid rgba(255, 255, 255, 0);
}

.navigation nav ul li.active a, .navigation nav ul li a:hover {
	border: 1px solid rgba(255, 255, 255, 1);
}

header.fixed .navigation nav ul li a {
	color: #000;
}

header.fixed .navigation nav ul li.active a, header.fixed .navigation nav ul li a:hover
	{
	border: 1px solid rgba(0, 0, 0, 1);
	color: #000;
}

.banner {
	background: url(../images/index/portada.jpg) no-repeat center !important;
	background-size: cover !important;
}

.services h2:after {
	background: #000 !important;
}

.service_items {
	
}

.service_items .item {
	flex-basis: 30%;
}

.about h2:after {
	background: #000 !important;
}

.contact h2:after {
	background: #000 !important;
}

.copyright a {
	color: #000;
	border-bottom: 1px solid #000;
}

.social {s
	
}

.social a {
	float: left;
	color: #000;
	font-size: 21px;
	margin-right: 13px;
}

.social a:last-of-type {
	margin-right: 0;
}

.footerlinks {
	
}

.footerlinks a {
	float: left;
	font-size: 21px;
	color: #000;
	margin-right: 20px;
}

.footerlinks a:last-of-type {
	margin-right: 0;
}

.custom-button {
	padding: 16px 32px;
	font-size: 18px;
	border: 2px solid #000;
	border-radius: 8px;
	background-color: #fff; /* Fondo blanco */
	color: #000; /* Texto negro para buen contraste */
	cursor: pointer;
	transition: all 0.3s ease;
	display: inline-flex;
	align-items: center;
	gap: 10px;
	text-align: center;
}

.custom-button:hover {
	background-color: #000;  /* Fondo negro al pasar el mouse */
	color: #fff; /* Texto blanco */
}

.custom-button span {
	transition: transform 0.3s ease;
}

.custom-button:hover span {
	transform: translateX(5px);
}