* { box-sizing: border-box; }
.darkbluebg { background-color: #22364E; color: white; font-family: 'Lato', sans-serif; font-size: large; }
#disclaimer { font-size: smaller; }
#footer { font-weight: normal; /*color: #727E7E;*/ color: #919293; max-width: 860px; }
/* For mobile phones: */
[class*="col-"] { width: 100%; }
@media only screen and (min-width: 600px) {
    /* For tablets: */
    .col-m-1 { width: 8.33%; }
    .col-m-2 { width: 16.66%; }
    .col-m-3 { width: 25%; }
    .col-m-4 { width: 33.33%; }
    .col-m-5 { width: 41.66%; }
    .col-m-6 { width: 50%; }
    .col-m-7 { width: 58.33%; }
    .col-m-8 { width: 66.66%; }
    .col-m-9 { width: 75%; }
    .col-m-10 { width: 83.33%; }
    .col-m-11 { width: 91.66%; }
    .col-m-12 { width: 100%; }
}
@media only screen and (min-width: 768px) {
    /* For desktop: */
    .col-1 { width: 8.33%; }
    .col-2 { width: 16.66%; }
    .col-3 { width: 25%; }
    .col-4 { width: 33.33%; }
    .col-5 { width: 41.66%; }
    .col-6 { width: 50%; }
    .col-7 { width: 58.33%; }
    .col-8 { width: 66.66%; }
    .col-9 { width: 75%; }
    .col-10 { width: 83.33%; }
    .col-11 { width: 91.66%; }
    .col-12 { width: 100%; }
}
[class*="col-"] { float: left; padding: 15px; /*border: 1px solid red;*/ }
.row::after { content: ""; clear: both; display: table; }
.container { max-width: 1080px; margin: auto; }
#header { background-color: #343434; padding: 1em 1em 1em 3em; color: white; font-weight: bold; }
.fullbg-black { background-color: #343434; color: white; font-weight: bold; }
.fullbg-gray { background-color: #EAEAEA; }
.fullbg-white { background-color: white; color: #919293; }
[class*="fullbg-"] { width: 100%; display: table; }
h1, h2 { text-align: center; }
.darkbluebg h1 { color: #13B85F; margin-bottom: 0; /*font-family: "Open Sans", Arial, sans-serif;*/ }
.darkbluebg h2 { margin-top: 0; margin-bottom: 0; }
body { margin: 0; font-family: "Open Sans", Arial, sans-serif; color: #001733; }
.textbox { font-size: 1em; padding: 0.4em; }
@media only screen and (min-width: 375px) {
    .textbox { font-size: 1.5em; }
}
.btn { background-color: #023A81; color: white; font-weight: bold; font-size: 1.5em; cursor: pointer; border: none; border-radius: 4px; cursor: pointer; display: inline-block; position: relative; transition: 0.5s; }
.btn::after { content: '\00bb'; position: absolute; opacity: 0; top: 0; right: -20px; transition: 0.5s; }
.btn:hover { padding-right: 25px; }
.btn:hover::after { opacity: 1; right: 0; }
li:before { content: url('../Checkmark.png'); /*margin-top: 0.4em;*/ position: absolute; left: -1.5em; }
ul { list-style: none; padding: 1em 0 26px; margin: 0; font-size: 1.1em; }
#book_cover { margin: -1em 0 0; }
.btngreen { background-color: #10B760; /*background: url('../Button_Arrow.png') bottom no-repeat local #10B760;*/ color: white; font-size: 1.4em; cursor: pointer; border: none; border-radius: 4px; display: inline-block; position: relative; transition: 0.5s; margin-top: 0.3em; }
.btngreen:after { content: url('../Button_Arrow.png'); display: inline-block; position: absolute; opacity: 0; padding-left: 0.5em; /*top: 0;*/ /*right: -20px;*/ transition: 0.5s; }
.btngreen:hover { padding-right: 1.5em; }
.btngreen:hover::after { opacity: 1; padding-left: 0.5em; /*right: 0;*/ /*top: ;*/ }
li { padding-left: 1em; margin-bottom: 1.5em; position: relative; text-indent: 1.6em; }
#footer a { color: #3499DC; }
/*.headline
{
	text-align: center;
}*/