/* general stuff */
footer,footer a{color:var(--textlight)}.header .btn_main,#btm_cta a,footer a{text-decoration:none}.header .btn_main,#btm_cta a,section.content,section.content h2.intro{margin:auto;display:block}:root{--text:#172432;--textlight:#6d767c;--accent:#4b9af5;--accent2:#53dfba;--accentlight:#e6f5ff;--accentHover:#003872;--textHover:#49688b;--gray:#dadce0;--darkgray:#7e7e89}body{font-family:"Open Sans",Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text);margin:0px}svg [src*=logo]{fill:var(--accent)}section.content{max-width:1180px}section.content h2{text-align:center;font-size:26px;margin-bottom:2em}section.content h2.intro{font-size:30px;font-weight:400;width:24em}footer{font-size:13px;padding:15px;font-weight:700;text-align:center}footer a{position:relative}footer a:hover{color:var(--accent)}footer img{border-radius:100%;height:30px;position:absolute;bottom:-6px;margin-left:.5em}footer .free{display:block;margin:2em 0 .5em;font-weight:100}#btm_cta{margin-bottom:5em}.header .btn_main,#btm_cta a{padding:10px 32px 10px 15px!important;width:11em}

/* existing header */
.header .logocontainer,.header svg{position:relative;display:inline-block}.header{border-bottom:1px solid var(--gray);position:relative;padding-right:15px;background:#fff}.header .logocontainer{height:calc(100% - 10px);padding:10px 1em 0;align-content:space-between;width:fit-content}.header .logocontainer:hover .wordlogo{color:var(--textHover)!important}.header svg{width:32px;top:5px;height:auto}.header svg path{fill:var(--accent)};.header a{text-decoration:none}.header .wordlogo{display:inline-block;color:var(--text);margin-left:5px}.header .wordlogo span:first-child{font-weight:700}.faq{padding:10px;margin-right:20px}.header .faq,.header button{float:right;margin-top:9px}

/* buttons */
@font-face{font-family:'Material Icons';font-style:normal;font-weight:400;src:url(/fonts/material.woff2) format('woff2');font-display:swap}.material-icons{font-family:'Material Icons';font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:'liga';-webkit-font-smoothing:antialiased}.btn_main:before{color:#fff}.header .btn_main,#btm_cta a,button{position:relative;border-radius:3px;border:1px solid var(--gray);color:var(--text);background:#fff;font-size:14px;padding:10px 15px 10px 32px;cursor:pointer;font-weight:700}.header .btn_main,#btm_cta a,.header .btn_main:hover,#btm_cta a:hover,button.btn_main,button:hover{border-color:var(--accent)}.header .btn_main:hover,#btm_cta a,button.btn_main{background-color:var(--accent);color:#fff;font-weight:700}.header .btn_main:hover,#btm_cta a:hover,button.btn_main:hover{background-color:var(--accentHover);border-color:var(--accentHover)}

/* footer */
footer .legal {
	display: none;
	/* TODO: write legal content */
	background: white;
	width: 100%;
	position: absolute;
	margin-top: 60px;
}
footer .legal ul {
	display: flex;
	justify-content: center;
	margin: 0;
	padding: 10px 0;
}
.legal li {
	list-style-type: none;
	padding: 0 1em;
	font-weight: 100;
	font-size: 12px;
}

.btn_main:after,
.header .btn_main:after {
	position: absolute;
	right: 9px;
	font-family: Material Icons;
	font-size: 17px;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	display: inline-block;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	-webkit-font-feature-settings: "liga";
	-webkit-font-smoothing: antialiased;
	content: "bolt";
	color: #fff;
}

.header .btn_main {
	display: inline-block;
	right: inherit;
	position: relative;
	background-color: var(--accent);
	color: white;
	float: right;
	margin-top: 9px;
}

#btm_cta h2 {
    margin-bottom: 1em;
}

body {
    background: #f9fafb;
}

.header {
    height: 55px;
}

.header a {
    text-decoration: none;
}

article {
	max-width: 700px;
	margin: auto;
	font-size: 18px;
	line-height: 1.8em;
	letter-spacing: 0.05em;
}
article h1 {
    font-size: 30px;
    text-align: center;
	line-height: 1.5em;
}

article p {
	margin: 3em 0;
}

/* read more articles */
#blog {
	max-width: 600px;
	margin: auto;
	margin-bottom: 4em;
}
#blog h3 {
	text-align: center;
}

#blog li {
	margin-bottom: 15px;
}
#blog li a{
	text-decoration: none;
}