@import url('fonts.css');
@import url('header.css');

/* BASE
------------------------------------- */
html,
body {
	font-family: 'Raleway';
	font-style: normal;
	font-weight: 500;
	font-size: 20px;
	line-height: 28px;
	color: #545D60; 
}

h1,
h2,
h3,
h4,
h5,
h6 {
	color: #545D60;
	font-weight: normal;
}

h1,
h2 {
	font-family: 'Avenir';
	font-style: normal;
	font-weight: 800;
	font-size: 50px;
	letter-spacing: 3px;
	text-transform: uppercase;
	color: #313A3C;
}

/*h2 {
	font-family: 'Raleway';
	font-style: normal;
	font-weight: 800;
	font-size: 30px;
	letter-spacing: 3px;
	text-transform: uppercase;
	color: #313A3C;
}*/

h3 {
	font-family: 'Avenir';
	font-style: normal;
	font-weight: 800;
	font-size: 25px;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #545D60;
}

/*button one*/
.data-modal a,
.main-btn, 
a.main-btn, 
.bp-forms-btn, 
a.bp-forms-btn {
	border: 1px solid #1B2540;
    border-radius: 0;
    background-color: transparent;
    font-family: 'Open Sans', sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: 18px;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: #1B2540;
	padding: 3px 1.5em;
}

.data-modal a:hover,
.main-btn:hover, 
a.main-btn:hover, 
.bp-forms-btn:hover, 
a.bp-forms-btn:hover {
	color: #fff;
	background-color: #1B2540;
}

.main-btn:visited {
	color: #1B2540;
}

/*button two*/
.main2-btn, 
a.main2-btn {
    border: 1px solid #fff;
    border-radius: 0;
    background-color: #fff;
    font-family: 'Open Sans', sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: 18px;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: #1B2540;
	padding: 3px 1.5em;
}

.main2-btn:hover, 
a.main2-btn:hover {
    color: #1B2540;
	background-color: transparent;
}

.main2-btn:visited {
	color: #1B2540;
}
/*button three*/
.main3-btn, 
a.main3-btn {
    border: 1px solid #1B2540;
    border-radius: 0;
    background-color: #1B2540;
    font-family: 'Open Sans', sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: 18px;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: #fff;
	padding: 3px 1.5em;
}

.main3-btn:hover, 
a.main3-btn:hover {
    color: #1B2540;
	background-color: transparent;
}

.main3-btn:visited {
	color: #fff;
}

.secondary-link {
	color: #768286;
	font-weight: 600;
}

.no-webp .arrow-after::after {
	content: url("../images/yellowarrow.png");
	height: 24px;
}
.webp .arrow-after::after {
	content: url("../images/yellowarrow.webp");
	height: 24px;
}

.no-webp .arrow-after.dark::after {
	content: url("../images/darkarrow.png");
	height: 24px;
}
.webp .arrow-after.dark::after {
	content: url("../images/darkarrow.webp");
	height: 24px;
}

.bottom-section table.formatted-hours {
	font-family: 'Open Sans' !important ; 
}

/*form button[type="submit"],
form button[type="submit"]:hover {
    color: transparent;
}*/

/*form button[type="submit"]::before {
    content: "Send";
    color: #1B2540;
    width: 100%;
    text-align: center;
    position: absolute;
    left: 0;
    margin-bottom: 26px;
}*/

 

form button[type="submit"]:hover::before {
    color: #fff;
}

.min-80 {
	padding: 100px 0 10px;
	min-height: 50vh;
}

@media (max-width: 800px){
	.arrow-after:after{
		display:none;
	}
	.min-80 {
    padding: 15px 0 10px;
}
}

@media (max-width: 600px) {
    html,
body{
    font-size: 15px;
    text-align: justify;
}
	h1,
	h2 {
	    
    text-align: center;
		/*font-size: 32px;*/
		font-size: 20px;
	}

	h3 {
		font-size: 20px;
	}
}