/*
	Theme Name: top-transporte
*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

body {
	font-family: 'Montserrat';
	}
	
.headline {
	font-size: 330%;
	font-weight: 100;
	}

h2 {
	font-size: 250%;
	font-weight: 700;
	}
	
h3 {
	font-size: 150%;
}
	
.display-1 {
	font-weight: 700;
	}

.display-4 {
	font-size: 200%;
	}
	
header {
	z-index: 10;
	box-shadow: 0 0 7px #ccc;
	background: rgba(245, 245, 245, 1);
	}
	
.bg-none {
	background: none !important;
}

a {
	color: #253A54;
}

.nav-pills .nav-link.active,
.btn-primary,
.bg-primary {
	background: #253A54 !important;
	}
	
.nav-link {
	margin: 0 5px 0 0;
}
	
.nav-link:hover {
	box-shadow: inset 0 0 0 1px #253A54;
	color: #253A54 !important;
}
	
.btn-primary {
	border-color: #253A54;
	}
	
.text-primary {
	color: #253A54 !important;
	}
	
.menu .btn-outline-light:hover {
	background: #E75922;
	border-color: #E75922;
	color: #fff;
	}
	
.bg-grey {
	background: #f7f7f7;
	}
	
.btn-outline-primary {
	border-color: #253A54;
	color: #253A54;
	}
	
.btn-outline-primary:hover {
	background: #253A54;
	border-color: #253A54;
	color: #fff;
	}
	
.bg-secondary {
	opacity: .9;
	}
	
.btn-secondary,
.bg-secondary {
	background: #e75922 !important;
	}
	
.wpcf7-response-output {
	background: #cce5ff;
	border: 1px solid #b8daff;
	color: #004085;
	padding: .375rem .75rem;
}

.back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 20px;
    right: 20px;
    display:none;
}

@media (min-width: 576px) and (max-width: 1199px) {
	
	.display-1 {
		font-size: 4rem;
		}
		
	.display-4 {
		font-size: 2.5rem;
		}
		
}

@media (max-width: 575px){
	
	.headline {
		font-size: 250%;
		}
		
	h2 {
		font-size: 200%;
		}

	.display-1 {
		font-size: 200%;
		}
		
	.display-4 {
		font-size: 150%;
		}
		
	.display-1 img {
		width: 50px !important;
	}
		
}