@charset "UTF-8";

body {webkit-font-smoothing: antialiased; font-family: "Inter", sans-serif; 
background: linear-gradient(5deg, rgba(1, 30, 48, 1) 0%, rgba(20, 143, 208, 1) 100%);}

.bg-blue{background-color: #148FD0;}

section {padding: 8% 0;}

h1, h2, h3, h4, h5, h6, p {color: #fff;}

.height80 {height: 80vh;}

.height70 {height: 70vh;}

.logo { margin: 5% 0; }

h1 {
	font-size: 4em;
    line-height: 1.1em;
    font-weight: 800;
}

h2 {
	font-size: 2.5em;
    line-height: 1.2em;
    font-weight: 500;
    color: #BEE5F9;
}

h2.subtitle {
	font-size: 2.5em;
    line-height: 1.2em;
    font-weight: 400;

}

p {
	font-size: 1.5em;
	color: #fff;
	 font-weight: 400;
}


ul li {
	font-size: 1.5em;
	color: #fff;
	 font-weight: 400;
	 line-height: 1.6em;
	 padding-bottom: 0.8em;
}

ul {
	line-height: 3em;
}

table {
	margin:3% 0;
	border-color: #fff;
}

tr {
	margin: 2%
}

th, td {
		color: #fff;
	font-size: 1.2em;
	font-weight: 300;
}

thead th {
	font-size: 1.5em;
	font-weight: 500;
}

p.note{
	font-size: 0.9em;
	text-align: center;
	margin: 10% 0 2% 10%;
}

.form-text,.form-text a, label, form-check-label, form-check-label a, a {color: #fff;}

footer {padding: 5% 10%;}

footer p {font-size:1em; }

.col {
  flex: 1%;
}


@media only screen and  (max-width: 800px) {


	h1 {
	font-size: 2.5em;
    line-height: 1em;
	}

	h2 {
		font-size: 1.2em;
	    line-height: 1em;
	}

	h2.subtitle {
		font-size: 1.3em;
	    line-height: 1.2em;
	}

	p {
	font-size: 1.2em;}

	ul li {
	font-size: 1.2em;
	 line-height: 1.4em;
	}

}