/*
	Theme Name: top-transporte
*/
/* Local Montserrat Font */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url('../webfonts/montserrat-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../webfonts/montserrat-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../webfonts/montserrat-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

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;
	}
		
}