.contentsmall {font-size:10px; color=gray;}
.contentmedium {font-size:15px;}
.contentbig {font-size:30px}
.contentbig {display:inline-block; margin-top:10px;}
.contentlinks {font-size:16px;}
.contentheader2 {font-size:24px; text-decoration: none;}

A:link {text-decoration: none}
A:visited {text-decoration: none}
A:active {text-decoration: none}
A:hover {text-decoration: underline;}


#header a:link {text-decoration: none; color: #999;}
#header a:visited {text-decoration: none; color: #999;}
#header a:hover {text-decoration: none; color: #333;}
#header a:focus {text-decoration: none; color: #999;}
#header a:active {text-decoration: none; color: #999;}

.contentlinks {
display: inline-flex;
align-items: center;
gap: 6px;
width: auto;
margin: 18px 0 0;
padding: 5px;
font-size: 16px;
white-space: nowrap;
background: #eef3f6;
border: 1px solid #d6e0e7;
border-radius: 14px;
box-shadow: 0 8px 20px rgba(29, 58, 78, 0.12);
}

.contentlinks br {
display: initial;
}

#header .contentlinks a:link,
#header .contentlinks a:visited {
display: inline-flex;
align-items: center;
position: relative;
min-height: 34px;
padding: 0 14px;
font-size: 13px;
font-weight: 700;
line-height: 1;
white-space: nowrap;
color: #fff;
background: linear-gradient(135deg, #60798b, #405c70);
border-radius: 9px;
box-shadow: 0 4px 10px rgba(34, 61, 80, 0.18);
transition: color 0.2s ease, background 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}

#header .contentlinks a:hover,
#header .contentlinks a:focus {
color: #fff;
background: linear-gradient(135deg, #6f899b, #344f62);
text-decoration: none;
transform: translateY(-2px);
box-shadow: 0 7px 14px rgba(34, 61, 80, 0.26);
outline: none;
}

#header .contentlinks a.logo:link,
#header .contentlinks a.logo:visited {
color: #fff;
background: linear-gradient(135deg, #ff9b35, #ef6f0d);
box-shadow: 0 4px 10px rgba(239, 111, 13, 0.25);
}

#header .contentlinks a.logo:hover,
#header .contentlinks a.logo:focus {
color: #fff;
background: linear-gradient(135deg, #ffad4e, #df6105);
}

#header .contentlinks a.jobs-menu-link:link,
#header .contentlinks a.jobs-menu-link:visited {
color: #fff;
background: linear-gradient(135deg, #2099ce, #12658f);
box-shadow: 0 4px 10px rgba(18, 101, 143, 0.25);
}

#header .contentlinks a.jobs-menu-link:hover,
#header .contentlinks a.jobs-menu-link:focus {
color: #fff;
background: linear-gradient(135deg, #35a9da, #0c567d);
}

#call-to-action {
border: 1px solid rgba(255, 255, 255, 0.18);
border-radius: 18px;
background: linear-gradient(135deg, #126c9b, #174c78);
box-shadow: 0 14px 30px rgba(25, 73, 109, 0.2);
}

#call-to-action div.center {
width: min(100%, 330px);
}

#call-to-action p {
margin: 0;
}

#call-to-action .button,
#call-to-action .button span {
display: block;
width: 100%;
padding: 0;
background: none;
}

#call-to-action .button {
position: relative;
border-radius: 12px;
background: linear-gradient(135deg, #ff9d35, #f47313);
box-shadow: 0 8px 18px rgba(10, 35, 54, 0.28);
transition: transform 0.2s ease, box-shadow 0.2s ease;
text-decoration: none;
}

#call-to-action .button span span {
box-sizing: border-box;
min-height: 50px;
padding: 0 43px 0 18px;
font-size: 15px;
font-weight: 700;
line-height: 50px;
color: #fff;
text-align: center;
text-shadow: none;
text-decoration: none;
}

#call-to-action .button span span::before {
content: '\2190';
position: absolute;
right: 20px;
font-size: 21px;
transition: transform 0.2s ease;
}

#call-to-action .button:hover,
#call-to-action .button:focus {
transform: translateY(-2px);
box-shadow: 0 12px 24px rgba(10, 35, 54, 0.34);
outline: none;
text-decoration: none;
}

#call-to-action .button:hover span,
#call-to-action .button:focus span {
text-decoration: none;
}

#call-to-action .button:hover span span::before,
#call-to-action .button:focus span span::before {
transform: translateX(-4px);
}

#call-to-action .link {
margin-top: 13px;
font-size: 13px;
font-weight: 700;
color: rgba(255, 255, 255, 0.82);
}

#call-to-action .link:hover,
#call-to-action .link:focus {
color: #fff;
text-decoration: underline;
}

@media (max-width: 760px) {
.contentlinks {
display: block;
}

#header .contentlinks a:link,
#header .contentlinks a:visited {
padding: 0 10px;
font-size: 13px;
}
}



body {
font-family: 'Varela Round', Arial, sans-serif;
font-size: 15px;
line-height: 18px;
}

#call-us h3 {
font-size: 30px;
}

#page-title {
margin: 22px 0 20px;
font-size: 27px;
font-weight: 400;
line-height: 1.2;
color: #126c9b;
text-align: center;
}

.jobs-board-link:link,
.jobs-board-link:visited {
display: inline-flex;
align-items: center;
gap: 9px;
padding: 11px 20px;
font-size: 16px;
font-weight: 400;
line-height: 1;
color: #fff;
background: linear-gradient(135deg, #1686bc, #126693);
border: 1px solid rgba(255, 255, 255, 0.2);
border-radius: 11px;
box-shadow: 0 7px 16px rgba(18, 102, 147, 0.25);
transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}

.jobs-board-link::before {
content: '\2630';
font-size: 17px;
line-height: 1;
}

.jobs-board-link:hover,
.jobs-board-link:focus {
color: #fff;
background: linear-gradient(135deg, #2098ce, #0f5d88);
box-shadow: 0 10px 21px rgba(18, 102, 147, 0.32);
text-decoration: none;
transform: translateY(-2px);
outline: none;
}

.top-jobs-board {
clear: left;
text-align: center;
margin-top: 7px;
}

#header .top-jobs-board .jobs-board-link:link,
#header .top-jobs-board .jobs-board-link:visited {
position: relative;
gap: 11px;
padding: 13px 24px 13px 20px;
font-size: 17px;
color: #fff;
background:
linear-gradient(135deg, rgba(255,255,255,0.18), rgba(255,255,255,0) 45%),
linear-gradient(135deg, #ff9d35 0%, #f47816 58%, #0d77aa 58%, #12638e 100%);
border: 2px solid #fff;
border-radius: 15px;
box-shadow:
0 9px 20px rgba(17, 75, 111, 0.25),
0 0 0 1px rgba(18, 102, 147, 0.12);
overflow: hidden;
}

#header .top-jobs-board .jobs-board-link::before {
content: '\2605';
display: inline-grid;
place-items: center;
width: 27px;
height: 27px;
font-size: 15px;
color: #f47715;
background: #fff;
border-radius: 50%;
box-shadow: 0 3px 8px rgba(56, 68, 78, 0.18);
}

#header .top-jobs-board .jobs-board-link::after {
content: '\2190';
font-size: 21px;
line-height: 1;
transition: transform 0.2s ease;
}

#header .top-jobs-board .jobs-board-link:hover,
#header .top-jobs-board .jobs-board-link:focus {
color: #fff;
background:
linear-gradient(135deg, rgba(255,255,255,0.24), rgba(255,255,255,0) 45%),
linear-gradient(135deg, #ffab48 0%, #ef6e0b 58%, #1489bd 58%, #0c5a82 100%);
box-shadow:
0 13px 26px rgba(17, 75, 111, 0.32),
0 0 0 1px rgba(18, 102, 147, 0.16);
transform: translateY(-3px) scale(1.02);
}

#header .top-jobs-board .jobs-board-link:hover::after,
#header .top-jobs-board .jobs-board-link:focus::after {
transform: translateX(-4px);
}

#call-to-action .jobs-board-row {
margin-top: 14px;
text-align: center;
}

#call-to-action .jobs-board-link {
box-sizing: border-box;
min-width: 246px;
justify-content: center;
font-weight: 700;
}

#interests-texts h2 {
font-size: 17px !important;
}

#features p {
font-size: 14px;
}

#features .icon {
width: 32px;
height: 32px;
margin-top: 2px;
filter: drop-shadow(0 4px 6px rgba(32, 72, 99, 0.18));
transition: transform 0.22s ease, filter 0.22s ease;
}

#features .icon img {
display: block;
width: 32px;
height: 32px;
}

#features li:hover .icon {
transform: translateY(-2px) rotate(-2deg);
filter: drop-shadow(0 6px 8px rgba(32, 72, 99, 0.24));
}

#features .icon + div {
padding-left: 45px;
}

body *,
input,
textarea,
select,
button {
font-family: 'Varela Round', Arial, sans-serif !important;
}

img {
max-width: 100%;
height: auto;
}

@media (max-width: 920px) {
html,
body {
min-width: 0;
}

body {
margin: 0;
padding: 16px;
}

#wrapper {
box-sizing: border-box;
width: 100%;
max-width: 888px;
margin: 0 auto;
}

#wrapper > div,
#wrapper > div > div {
background-size: 100% auto;
}

#wrapper > div > div {
padding-right: 18px;
padding-left: 18px;
}

#header {
padding-right: 20px;
padding-left: 20px;
}

#logo img {
width: min(100%, 250px);
}

.contentlinks {
white-space: normal;
}

#call-us h3 {
font-size: clamp(20px, 3.25vw, 30px);
line-height: 1.2;
white-space: nowrap;
}

#page-title {
font-size: clamp(21px, 3vw, 27px);
white-space: nowrap;
margin-top: 26px;
margin-bottom: 22px;
}

#header .top-jobs-board .jobs-board-link:link,
#header .top-jobs-board .jobs-board-link:visited {
font-size: clamp(14px, 2vw, 17px);
white-space: nowrap;
}

#interests {
display: flex;
align-items: flex-start;
gap: 28px;
}

#interests > div#interests-texts {
box-sizing: border-box;
flex: 0 0 30%;
width: auto;
float: none;
}

#interests > div#video {
box-sizing: border-box;
position: static;
flex: 1 1 auto;
min-width: 0;
padding: 0;
background: none;
}

#interests > div#video > div {
box-sizing: border-box;
width: 100%;
height: auto;
}

#interests > div#video img {
display: block;
width: 100%;
height: auto;
}

#features ul {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 30px 40px;
margin: 30px 0 0;
}

#features li {
box-sizing: border-box;
width: auto;
margin: 0;
float: none;
}

#left-shadow,
#right-shadow {
display: none;
}
}

@media (max-width: 680px) {
body {
padding: 0;
background: #f2efec;
}

#wrapper {
margin: 0;
}

#wrapper > div,
#wrapper > div > div {
background: none;
}

#wrapper > div > div {
padding: 0;
}

#header {
display: flex;
flex-direction: column;
align-items: center;
gap: 15px;
padding: 22px 18px 28px;
text-align: center;
}

#logo {
float: none !important;
order: 1;
width: 100%;
text-align: center;
}

#logo a {
display: inline-block;
max-width: 100%;
}

#logo img {
display: block;
width: min(100%, 250px);
margin: 0 auto;
}

.contentlinks {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 7px;
order: 2;
width: 100%;
height: auto;
padding-top: 0;
text-align: center;
}

.contentlinks br {
display: none;
}

#header .contentlinks a:link,
#header .contentlinks a:visited {
justify-content: center;
min-height: 38px;
padding: 0 12px;
font-size: 13px;
background-color: #f3f7fa;
}

.top-jobs-board {
order: 3;
clear: none;
width: 100%;
margin: 0;
}

#header .top-jobs-board .jobs-board-link:link,
#header .top-jobs-board .jobs-board-link:visited {
box-sizing: border-box;
justify-content: center;
width: min(100%, 340px);
padding: 11px 16px;
font-size: 16px;
}

#call-us {
order: 4;
width: 100%;
float: none !important;
padding-top: 0;
}

#call-us h3 {
font-size: clamp(23px, 7vw, 30px);
line-height: 1.2;
white-space: normal;
}

#page-title {
font-size: clamp(22px, 7vw, 27px);
white-space: normal;
margin-top: 12px;
margin-bottom: 18px;
}

#header .top-jobs-board .jobs-board-link:link,
#header .top-jobs-board .jobs-board-link:visited {
font-size: 16px;
white-space: normal;
}

#interests {
display: flex;
flex-direction: column;
gap: 22px;
padding: 28px 20px;
}

#interests > div#interests-texts {
flex: none;
width: 100%;
order: 1;
}

#interests > div#video {
width: 100%;
order: 2;
}

#interests > div#video > div {
padding: 7px;
}

#interests h3 {
font-size: 27px;
}

#interests h3::after {
display: none;
}

#interests-texts h2 {
line-height: 1.35 !important;
}

#container {
padding: 24px 20px;
}

.contentbig {
display: block;
font-size: clamp(24px, 8vw, 30px);
line-height: 1.2;
text-align: center;
}

#features ul {
display: block;
margin-top: 25px;
}

#features li {
width: 100%;
margin: 0 0 30px;
}

#features li:last-child {
margin-bottom: 0;
}

#features h4 {
font-size: 19px;
}

#features p {
font-size: 15px;
line-height: 1.45;
}

#footer {
padding: 22px 14px 35px;
}

#call-to-action {
box-sizing: border-box;
padding: 20px 14px 24px;
}

#call-to-action div.center {
width: 100%;
}

#call-to-action .button span span {
min-height: 50px;
padding: 0 40px 0 12px;
font-size: 14px;
line-height: 50px;
white-space: normal;
}

#call-to-action .jobs-board-link {
box-sizing: border-box;
min-width: 0;
width: min(100%, 280px);
justify-content: center;
font-size: 15px;
}

#legality {
bottom: -45px;
font-size: 12px;
}
}

@media (max-width: 390px) {
.contentlinks {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
}

#header .contentlinks a:link,
#header .contentlinks a:visited {
padding: 0 7px;
font-size: 12px;
}

#header .top-jobs-board .jobs-board-link::before {
display: none;
}

#header .top-jobs-board .jobs-board-link:link,
#header .top-jobs-board .jobs-board-link:visited {
gap: 7px;
font-size: 15px;
}
}