@font-face {
    font-family: 'sailecbold';
    src: url('../fonts/sailec_bold-webfont.otf') format("opentype"),
         url('../fonts/sailec_bold-webfont.woff2') format('woff2'),
         url('../fonts/sailec_bold-webfont.woff') format('woff'),
         url('../fonts/sailec_bold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'saileclight';
    src: url('../fonts/sailec_light-webfont.otf') format("opentype"),
         url('../fonts/sailec_light-webfont.woff2') format('woff2'),
         url('../fonts/sailec_light-webfont.woff') format('woff'),
         url('../fonts/sailec_light-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'sailecmedium';
    src: url('../fonts/sailec_medium-webfont.otf') format("opentype"),
         url('../fonts/sailec_medium-webfont.woff2') format('woff2'),
         url('../fonts/sailec_medium-webfont.woff') format('woff'),
         url('../fonts/sailec_medium-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
a {
	text-decoration: none;
	color: #0069b4;
	font-weight: bold;
}
h1{
	font-family:'sailecbold', Arial, Helvetica, sans serif;
	color:#0069b4;	
    font-size: 2.5rem;
}
h3{
	font-family:'saileclight', Arial, Helvetica, sans serif;
	color:#0069b4;
	padding:20px 15%;
    font-size: 1.4rem;
}
hr{
	border:none;
	background-color: #0069b4;
	opacity:1;
	height:2px !important;
	width:40%;
	margin: 30px auto 15px !important;
}
.img_main{
	width:100%;
	height:auto;
}
.row > * {
    padding-right: 0;
    padding-left: 0;
    margin-top: 0;
}
.btn-group-lg>.btn, .btn-lg {
    padding: 0.8rem 2rem;
	font-family:'sailecbold', Arial, Helvetica, sans serif;
    font-size: 1.2rem;
    border-radius: 3rem;
	background-color:#0069b4;
}
.btn-primary:hover {
    color: #fff;
    background-color: #6dabec;
    border-color: #6dabec;
}
.btn-success {
	color: #fff;
	background-color: #157347;
	border-color: #146c43;
}
	.btn-success:hover {
		color: #fff;
		background-color: #1b9d60;
		border-color: #146c43;
	}

.btn-danger {
	color: #fff;
	background-color: #dc3545;
	border-color: #dc3545;
}

	.btn-danger:hover {
		color: #fff;
		background-color: #dd5663;
		border-color: #dc3545;
	}

@media (max-width: 420px) {
	h1 {
		font-size:2.25rem;
	}
	h3{
		padding: 20px 5%;
    	font-size: 1.15rem;
	}
	.img_logo{
		width:80%;
		height:auto;
	}
}
@media (max-width: 767px){
	h1 {
		margin-top:2rem;
	}
	.btn-group-lg>.btn, .btn-lg {
		margin-bottom:2rem;
	}
}
@media (min-width: 768px){
	h1 {
		font-size: 1.8rem;
	}
	h3 {
		font-size: 1rem;
	}
	hr {
    	margin: 20px auto 0 !important;
	}
}
@media (min-width: 990px){
	h1 {
		font-size: 2.3rem;
	}
	h3 {
		font-size: 1.1rem;
		padding: 20px 12%;
	}
	hr {
    	margin: 25px auto 5px !important;
	}
}
@media (min-width: 1200px){
	h1 {
		font-size: 2.5rem;
	}
	h3 {
		font-size: 1.4rem;
		padding: 20px 3rem;
	}
	hr {
    	margin: 30px auto 10px !important;
	}
}
@media (min-width: 1400px){
	.container, .container-lg, .container-md, .container-sm, .container-xl {
		max-width: 1280px !important;
	}
	h3 {
		padding: 20px 5rem;
	}
}