@font-face{font-family:'roboto_slabbold';font-weight:normal;font-style:normal;src:url('/fonts/robotoslab_bold_macroman/RobotoSlab-Bold-webfont.eot');src:url('/fonts/robotoslab_bold_macroman/RobotoSlab-Bold-webfont.eot?#iefix') format('embedded-opentype'),url('/fonts/robotoslab_bold_macroman/RobotoSlab-Bold-webfont.woff') format('woff'),url('/fonts/robotoslab_bold_macroman/RobotoSlab-Bold-webfont.ttf') format('truetype'),url('/fonts/robotoslab_bold_macroman/RobotoSlab-Bold-webfont.svg#roboto_slabbold') format('svg');}
@font-face{font-family:'roboto_slablight';font-weight:normal;font-style:normal;src:url('/fonts/robotoslab_light_macroman/RobotoSlab-Light-webfont.eot');src:url('/fonts/robotoslab_light_macroman/RobotoSlab-Light-webfont.eot?#iefix') format('embedded-opentype'),url('/fonts/robotoslab_light_macroman/RobotoSlab-Light-webfont.woff') format('woff'),url('/fonts/robotoslab_light_macroman/RobotoSlab-Light-webfont.ttf') format('truetype'),url('/fonts/robotoslab_light_macroman/RobotoSlab-Light-webfont.svg#roboto_slablight') format('svg');}
@font-face{font-family:'robotobold';font-weight:normal;font-style:normal;src:url('/fonts/roboto_bold_macroman/Roboto-Bold-webfont.eot');src:url('/fonts/roboto_bold_macroman/Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'),url('/fonts/roboto_bold_macroman/Roboto-Bold-webfont.woff2') format('woff2'),url('/fonts/roboto_bold_macroman/Roboto-Bold-webfont.woff') format('woff'),url('/fonts/roboto_bold_macroman/Roboto-Bold-webfont.ttf') format('truetype'),url('/fonts/roboto_bold_macroman/Roboto-Bold-webfont.svg#robotobold') format('svg');}
@font-face{font-family:'robotolight';font-weight:normal;font-style:normal;src:url('/fonts/roboto_light_macroman/Roboto-Light-webfont.eot');src:url('/fonts/roboto_light_macroman/Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'),url('/fonts/roboto_light_macroman/Roboto-Light-webfont.woff2') format('woff2'),url('/fonts/roboto_light_macroman/Roboto-Light-webfont.woff') format('woff'),url('/fonts/roboto_light_macroman/Roboto-Light-webfont.ttf') format('truetype'),url('/fonts/roboto_light_macroman/Roboto-Light-webfont.svg#robotolight') format('svg');}
html,body{margin:0;padding:0;background:#26263C;background:#21213c;background:#1e1e32;color:white;font-family:robotolight;}
body{counter-reset:section;}
a{color:white;text-decoration:none;}
a:hover{color:#12BEF3;}
header{padding-top:50px;}
h1,h2,h3,nav,ol,ul,p,li{max-width:1146px;margin:0 auto;padding:0;list-style:none;line-height:0;}
nav{line-height:48px;padding-top:80px;overflow:hidden;width:394px;margin-left:0;}
nav a{display:block;width:184px;line-height:48px;text-align:center;box-shadow:0 0 0 1px #12BEF3 inset;text-transform:uppercase;}
nav a:nth-child(1), nav a:hover{background:#12BEF3;color:white;}
nav a:nth-child(1){float:left;}
nav a:nth-child(2){float:right;}
header nav {padding-top:15px;width:100%;display:flex;flex-direction:row;gap:10%;}
header nav a {width:45%;min-width:45%;max-width:45%;display:inline-block;line-height:36px;height:36px;}
header nav a.portal-link {display:block;float:right;background:white;color:#1e1e32;box-shadow:none;}
section{padding:58px 0;}
section:nth-child(even){background:#313146;padding-top:88px;padding-bottom:148px;}
section:nth-child(2) li{display:inline-block;width:33.333%;box-sizing:border-box;padding-right:80px;padding-bottom:28px;vertical-align:text-top;}
section:nth-child(2) li h2:before{counter-increment:section;content:counter(section) ". ";}
section:nth-child(1),section:nth-child(4){display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;}
section:nth-child(1) div,section:nth-child(4) div{width:563px;}
section:nth-child(1) div:nth-child(1),
section:nth-child(4) div:nth-child(1){justify-self:end;}
section:nth-child(4) li:before{content:"   -   ";}
p,section:nth-child(4) li{line-height:1.5em;font-size:20px;}
pre{line-height: 1em;}
h1,h2,h3{font-family:roboto_slabbold;font-weight:normal;padding:25px 0;line-height:1.4em;margin:0 auto;}
header h1{font-family:robotolight;font-size:18px;padding:0;}
h1{font-size:38px;}
h2{font-family:roboto_slablight;font-size:38px;}
section:nth-child(1) h1{max-width:480px;padding-bottom:16px;margin:0;}
section:nth-child(1) p{max-width:440px;font-size:20px;margin:0;}
section:nth-child(4) h2{font-family:roboto_slabbold;font-weight:normal;padding:25px 0;font-size:38px;}
section:nth-child(3) {padding-top:0;}
section:nth-child(3) h1 {margin:0 auto 48px;margin-top:-38px;padding:0;height:76px;width:386px;}
section:nth-child(3) a {display:block;font-size:22px;font-family:robotobold;text-transform:uppercase;font-weight:normal;line-height:76px;background:#12BEF3;color:white;text-align:center;}
section:nth-child(3) div{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;position:relative;padding-top:24px;padding-bottom:24px;}
section:nth-child(3) div:before{position:absolute;left:50%;margin-left:-1px;width:2px;background:#9D9DA5;height:100%;content:"";}
section:nth-child(3) h2{width:563px;margin:0;font-family:robotobold;text-align:center;font-size:96px;line-height:1em;}
section:nth-child(3) h2:nth-child(1){justify-self:end;}
h2 span{display:block;padding-top:28px;font-family:roboto_slablight;font-size:20px;line-height:2em;}
section:nth-child(4) h1{font-size:38px;}
section:nth-child(4) h3{margin:0;padding:20px 0 13px;padding-top:0;}
input[type="checkbox"]{display:none;}
.cs section:nth-child(3){padding:0;}
.cs section:nth-child(4){padding:0;}
#contact a {text-transform:uppercase;}
#contact{padding-bottom:103px;}
.mailme:hover{background:white;color:#59c8ee;}
h1#main{padding-top:45px;}

.blog section h1 {
	width:100% !important;
	margin: auto !important;
	height:auto !important;
}
.blog section li{
	width:100% !important;
}
.blog code {
	line-height:1.2em;
	font-size:14px;
}

@media all and (min-width:760px ){
	header {display:flex;justify-content:space-between;}
	header h1 {min-width:211px;margin:0;float:none;}
	header nav {float:right;width:auto;margin:0;padding-top:0;width:400px}
	header nav a {float:none;width:45%;max-width:45%;width:45%;}
	header nav a.portal-link {float:none;}
}

@media screen and (max-width: 1186px) {
	header,section{padding:58px 24px;}
	header{padding-top:24px;}
	section:nth-child(3) h2{width:100%;}
	section:nth-child(4) div{width:100%;}
	section:nth-child(1){display:block;}
}

@media screen and (max-width: 1076px) {
	section:nth-child(2) li{width:50%;padding-right:40px;}
}

@media screen and (max-width: 956px) {
	section:nth-child(4){display:block;}
}

@media screen and (max-width: 740px) {
	section:nth-child(3) div{display:block;}
	section:nth-child(3) div:before{display:none;}
}

@media screen and (max-width: 660px) {
	section:nth-child(2) li{width:100%;padding-right:0px;}
}

@media screen and (max-width: 610px) {
	section:nth-child(1) div{width:100%;}
}

@media screen and (max-width: 434px) {
	section:nth-child(1) h1{font-size:34px;}
	section:nth-child(1) nav{width:100%;}
	section:nth-child(1) a{width:48%;}
	section:nth-child(2) {padding-bottom:116px;}
	section:nth-child(2) li{padding-bottom:0;}
	section:nth-child(2) h2{padding-bottom:0;}
	section:nth-child(2) label{border-bottom:1px solid;cursor:pointer;}
	section:nth-child(3) h1 {width:100%;}
	input ~ p{display:none;}
	input:checked ~ p{display:block;padding-bottom:40px;padding-top:20px;}
}