/* General Blueprint Style */

@font-face {
    font-family: 'Neulis Alt';
    src: url('NeulisAlt-Regular.eot');
    src: local('Neulis Alt'), local('NeulisAlt-Regular'),
        url('fonts/NeulisAlt-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/NeulisAlt-Regular.woff2') format('woff2'),
        url('fonts/NeulisAlt-Regular.woff') format('woff'),
        url('fonts/NeulisAlt-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Neulis Alt';
    src: url('NeulisAlt-Light.eot');
    src: local('Neulis Alt Light'), local('NeulisAlt-Light'),
        url('fonts/NeulisAlt-Light.eot?#iefix') format('embedded-opentype'),
        url('fonts/NeulisAlt-Light.woff2') format('woff2'),
        url('fonts/NeulisAlt-Light.woff') format('woff'),
        url('fonts/NeulisAlt-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Neulis Alt';
    src: url('NeulisAlt-Medium.eot');
    src: local('Neulis Alt Medium'), local('NeulisAlt-Medium'),
        url('NeulisAlt-Medium.eot?#iefix') format('embedded-opentype'),
        url('NeulisAlt-Medium.woff2') format('woff2'),
        url('NeulisAlt-Medium.woff') format('woff'),
        url('NeulisAlt-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Neulis Alt';
    src: url('NeulisAlt-Bold.eot');
    src: local('Neulis Alt Bold'), local('NeulisAlt-Bold'),
        url('fonts/NeulisAlt-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/NeulisAlt-Bold.woff2') format('woff2'),
        url('fonts/NeulisAlt-Bold.woff') format('woff'),
        url('fonts/NeulisAlt-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}


.whi { color:#fff;}
.black { color:#000;}
.blue { color: #00a3aa;}
.yel { color: #fdb913;}
.ora { color: #f04e23;}
.med { font-weight: 400;}

.fa-solid { color: #58c8ed; vertical-align: middle;}

.title { font-family: 'Neulis Alt', sans-serif; font-size: 3.6vw; line-height: 4vw; font-weight: 700;}
.title2 { font-family: 'Neulis Alt', sans-serif; font-size: 4.2vw; line-height: 4.2vw; font-weight: 700;}
.sub { font-family: 'Neulis Alt', sans-serif; font-size: 3.2vw; line-height: 4vw; font-weight: 200;}
p { font-family: 'Neulis Alt', sans-serif; font-weight: 200; font-size: 12pt; line-height: 17pt; letter-spacing: 0.2px;}
.text { font-family: 'Neulis Alt', serif; font-weight: 300; font-size: 1.69vw; line-height: 2.5vw;}
.text2, .text2 a  { font-family: 'Neulis Alt', serif; font-weight: 300; font-size: 16pt; line-height: 20pt; text-decoration: none; color: inherit;}
.text3 { font-family: 'Neulis Alt', serif; font-weight: 400; font-size: 10pt; line-height: 13pt;}
.text4, .text4 a { font-family: 'Neulis Alt', serif; font-weight: 300; font-size: 13pt; line-height: 18pt; text-decoration: none; color:#000;}
.text4 a:hover { color: #00a3aa;}
.sub2 { font-family: 'Neulis Alt', serif; font-weight: 700; font-size: 11pt; line-height: 14pt;}

h1 { font-weight: 500; font-size: 13pt; line-height: 15pt;}
.opt { margin-left: 20px; display: block;}

.sl-txt .title { font-family: 'Neulis Alt', sans-serif; font-size: 4vw; line-height: 4.2vw; font-weight: 300; text-shadow: 3px 3px 12px rgb(0,0,0,0.7);}
.sl-txt .text { font-family: 'Neulis Alt', serif; font-weight: 300; font-size: 1.6vw; line-height: 2vw; text-shadow: 3px 3px 12px rgb(0,0,0,0.7);}

#section .bold { font-weight: 700; font-size: 15pt; color: #58c8ed;}

footer .title { font-weight: 700; text-transform: uppercase; font-size: 9pt; line-height: 12pt; letter-spacing: 1pt;}
footer .text { font-family: 'Neulis Alt', sans-serif; font-weight: 200; font-size: 10pt; line-height: 12pt;}
footer a:hover { color:#fdb913;}
footer a, footer a:visited {color:#f04e23; text-decoration: none;}
#copy.text, #copy.text a { font-family: 'Neulis Alt', sans-serif; font-weight: 700; font-size: 8pt; line-height: 10pt; color: #000; text-decoration: none;}

.button { font-family: 'Neulis Alt', sans-serif; font-size: 12pt; font-weight: 700; color: #fff;}
.button .fa-sharp { color: #58c8ed;}

@media screen and (max-width: 769px) {
.text { font-weight: 300; font-size: 11pt; line-height: 16pt;}
.title { font-size: 4.5vw; line-height: 5vw; font-weight: 700;}
.title2 { font-family: 'Neulis Alt', sans-serif; font-size: 30pt; line-height: 30pt; font-weight: 700;}
.sub { font-size: 3.6vw; line-height: 4vw; font-weight: 200;}
}

@media screen and (max-width: 581px) {
.text { font-weight: 300; font-size: 11pt; line-height: 16pt; }
.title { font-size: 30pt; line-height: 32pt; }
.sub { font-size: 25pt; line-height: 28pt; }
.sl-txt .title { font-size: 6.5vw; line-height: 7vw; }
.sl-txt .text { font-size: 3vw; line-height: 3.8vw;}
.text4, .text4 a { font-size: 12pt; line-height: 16pt;}
}