body{
    font-family: 'Quicksand', sans-serif !important;
    font-weight: 500 !important;
    min-height: 100vh;
    position: relative;
}
a{
    color: #213E82 !important;
}
a:hover{
    color: #ABCFE8 !important;
    text-decoration: none !important;
}
.t12{
    font-size: 12px;
}
.t14 {
    font-size: calc(12px + (14 - 12) * ((100vw - 300px) / (1800 - 300)));
    line-height: 1.3;
}
.t16 {
    font-size: calc(14px + (16 - 14) * ((100vw - 300px) / (1800 - 300)));
    line-height: 1.3;
}
.t26 {
    font-size: calc(20px + (26 - 20) * ((100vw - 300px) / (1800 - 300)));
    line-height: 1.3;
}
.bold{
    font-weight: 700;
}
.background-image{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    object-fit: cover;
    width: 100%;
    height: 100%;
    object-position: 16%;
}
.icons{
    font-size: 24px;
    margin-left: 12px;
}
.c-lightblue{
    color: #ABCFE8;
}
.c-blue{
    color: #213E82;
}
.star{
    font-size: 30px;
    position: relative;
}
.star>div::before{
    content:"";
    position: absolute;
    bottom: 0;
    left: 58%;
    right: 0;
    height: 50%;
    border-top: 2px solid #ABCFE8;
}
.star>div::after{
    content:"";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 58%;
    height: 50%;
    border-top: 2px solid #ABCFE8;
}

.ajustBg{
    min-height: calc(100vh - 30px - 2rem);
}
.logo-mobile{
	display: none;
	position: absolute;
    left: 0;
    right: 0;
    top: 30px;
    justify-content: center;
}
@media screen and (max-width: 500px){
	.background-image{
		position: relative;
	}
	.logo-desktop{
		display: none;
	}
	.logo-mobile{
		display: flex;
	}
}


/* CONFIG */

.spacer150 {grid-column: inherit; height: 150px;width: 100%;}
.spacer120 {grid-column: inherit; height: 120px;width: 100%;}
.spacer90 {grid-column: inherit; height: 90px;width: 100%;}
.spacer60 {grid-column: inherit; height: 60px;width: 100%;}
.spacer30 {grid-column: inherit;height: 30px;width: 100%;}
.spacer15 {grid-column: inherit;height: 15px;width: 100%;}

/* LARGE DISPLAY'S */
@media (max-width: 1200px) {
	.lg-spacer150 {height: 150px;}
	.lg-spacer120 {height: 120px;}
	.lg-spacer90 {height: 90px;}
	.lg-spacer60 {height: 60px;}
	.lg-spacer30 {height: 30px;}
	.lg-spacer15 {height: 15px;}

	.lg-block150 {display: inline-block; width: 150px;}
	.lg-block120 {display: inline-block; width: 120px;}
	.lg-block90 {display: inline-block; width: 90px;}
	.lg-block60 {display: inline-block; width: 60px;}
	.lg-block30 {display: inline-block; width: 30px;}
	.lg-block15 {display: inline-block; width: 15px;}

	.lg-taleft {text-align: left;}
	.lg-tacenter {text-align: center;}
	.lg-taright {text-align: right;}
	.lg-tajustify {text-align: justify;}
}

/* DESKTOP */
@media (max-width: 992px) {
	.md-spacer150 {height: 150px;}
	.md-spacer120 {height: 120px;}
	.md-spacer90 {height: 90px;}
	.md-spacer60 {height: 60px;}
	.md-spacer30 {height: 30px;}
	.md-spacer15 {height: 15px;}

	.md-block150 {display: inline-block; width: 150px;}
	.md-block120 {display: inline-block; width: 120px;}
	.md-block90 {display: inline-block; width: 90px;}
	.md-block60 {display: inline-block; width: 60px;}
	.md-block30 {display: inline-block; width: 30px;}
	.md-block15 {display: inline-block; width: 15px;}

	.md-taleft {text-align: left;}
	.md-tacenter {text-align: center;}
	.md-taright {text-align: right;}
	.md-tajustify {text-align: justify;}
}

/* TABLET */
@media (max-width: 768px) {
	.sm-spacer150 {height: 150px;}
	.sm-spacer120 {height: 120px;}
	.sm-spacer90 {height: 90px;}
	.sm-spacer60 {height: 60px;}
	.sm-spacer30 {height: 30px;}
	.sm-spacer15 {height: 15px;}

	.sm-block150 {display: inline-block; width: 150px;}
	.sm-block120 {display: inline-block; width: 120px;}
	.sm-block90 {display: inline-block; width: 90px;}
	.sm-block60 {display: inline-block; width: 60px;}
	.sm-block30 {display: inline-block; width: 30px;}
	.sm-block15 {display: inline-block; width: 15px;}

	.sm-taleft {text-align: left;}
	.sm-tacenter {text-align: center;}
	.sm-taright {text-align: right;}
	.sm-tajustify {text-align: justify;}
}

/* MOBILE */
@media (max-width: 420px) {
	.xs-spacer150 {height: 150px;}
	.xs-spacer120 {height: 120px;}
	.xs-spacer90 {height: 90px;}
	.xs-spacer60 {height: 60px;}
	.xs-spacer30 {height: 30px;}
	.xs-spacer15 {height: 15px;}

	.xs-block150 {display: inline-block; width: 150px;}
	.xs-block120 {display: inline-block; width: 120px;}
	.xs-block90 {display: inline-block; width: 90px;}
	.xs-block60 {display: inline-block; width: 60px;}
	.xs-block30 {display: inline-block; width: 30px;}
	.xs-block15 {display: inline-block; width: 15px;}

	.xs-taleft {text-align: left;}
	.xs-tacenter {text-align: center;}
	.xs-taright {text-align: right;}
	.xs-tajustify {text-align: justify;}
}

img {
	max-width: 100%;
}