body {font-family: Roboto, sans-serif; color: #010101; font-size: 15px; background: #ffffff; line-height: 1.6;}

.container {max-width: 750px; width: 100%; margin: 0 auto; box-sizing: border-box;}
a {transition: 0.5s;}

#background {background: #482563 url(../img/landing-bg.jpg) no-repeat center top; background-size: cover; height: 100%; overflow: hidden; padding-bottom: 50px;}

#header {padding: 60px 0 45px; text-align: center;}

h1, h3 {text-align: center; color: #fff; font-size: 32px; font-family: Arial, sans-serif; font-weight: normal; line-height: 1.4; margin-bottom: 30px;}
h1 a {display: inline; font-weight: bold; border-bottom: 1px dotted #fff; line-height: 1.4; margin-bottom: 20px; color: #fff; text-decoration: none;}
h1 a:hover {color: #faeca0;}
p.tagline {margin-top: 30px; margin-top: 30px !important;}
p.tagline, p.topline {font-size: 16px; text-align: center; font-weight: normal; margin: 0; color: #fff;}
p.tagline strong {font-weight: bold;}
p.topline {margin-bottom: 20px; font-weight: bold; text-transform: capitalize;}

.btfast {display: block; border-radius: 30px; background: #1abf00; padding: 10px; color: #fff; max-width: 300px; width: 100%; margin: 30px auto; text-decoration: none; text-transform: uppercase;}
.btfast:hover {background: #00d185;}

#content {color: #fff;}
#content .col {width: 69%; float: left; box-sizing: border-box;}
#content .col ul li {margin-bottom: 15px; background: url(../img/bullet.png) no-repeat left 4px; padding-left: 40px; background-size: 20px;}
#content .col ul li:last-child {margin-bottom: 0;}
#content .col ul li strong {font-weight: bold; color: #fff; }
#content .col.img {text-align: left; width: 31%; box-sizing: border-box;}
#content .col img {display: inline-block; max-width: 233px; height: auto;}
.col.benefits {padding-left: 40px;}

#cta {clear: both; padding: 30px 0 30px 0; background: rgba(0, 0, 0, 0.03);}
#cta a, button.universal {display: block; border-radius: 30px; background: #1abf00; letter-spacing: 1px; font-weight: 300; color: #fff; text-align: center; font-size: 22px; line-height: 1.3; text-transform: uppercase; padding: 25px 20px; text-decoration: none;}
#cta a:hover, button.universal:hover {background: #00d185;}
button.universal {border: none;}

#about {margin-top: 40px;}
#about .container {max-width: 720px; margin: 0 auto; display: table; vertical-align: middle;}
#about .container p {color: #010101; font-size: 14px; padding-left: 30px; line-height: 1.8;}
#about .col {display: table-cell; vertical-align: middle;}
#about img {max-width: 150px; height: auto;}

#footer {text-align: center; padding: 60px 0; margin-top: 100px;}
#footer a, #footer p {font-size: 12px; color: #545454; }
#footer a {display: inline-block; padding: 0 20px;}
#footer a:hover {color: #482563;}
#footer span {display: block; margin-bottom: 10px;}

.innerform {text-align: center; padding: 30px; box-sizing: border-box; height: 100%; overflow: hidden;}
.innerform h3 {text-align: center; margin-bottom: 15px; line-height: 1.3; color: #000; font-size: 28px;}
.innerform p {margin-bottom: 15px; color: #000;}
.innerform .field {padding-bottom: 15px;}
.innerform .sfield {width: 100%;}
.innerform .sfield button {padding-left: 20px; padding-right: 20px; width: 100%; font-size: 20px;}
.innerform .txt {font-size: 20px; color: #000; width: 100%; padding: 25px 20px; box-sizing: border-box; border: 2px solid #c6cdd1;}
.innerform .txt:focus {border: 2px solid #f67210;}
.innerform .webform {max-width: 500px; margin-left: auto; margin-right: auto;}

.pricing {text-align: center; box-sizing: border-box;  background: #faeca0; border: 3px dashed #fbd60e; padding:20px;  font-size: 14px; color: #4f4a2e; max-width: 500px; width: 100%; margin: 20px auto 0 auto;}
.pricing strong {font-weight: bold;}
.pricing span {font-size: 12px; display: block;}

.thpcontent p {margin-bottom: 30px; color: #fff;}
.fbbt {font-size: 14px; color: #fff; display: inline-block; border: 2px solid #385898; text-align: center; background: #385898; border-radius: 20px; text-decoration: none; padding: 13px 20px; }
.fbbt:hover {border-color: #3863ba; background: #4774cf;}

.psbox {font-size: 13px; padding-top: 20px;}

.rodoboxes {margin-bottom: 20px;}
.rodoboxes label {font-size: 12px; color: #000; display: block; margin-bottom: 10px;}
.rodoboxes label input {margin-right: 5px;}
.rodoboxes label:last-child {margin-bottom: 0;}
.rodoboxes label a {color: #000; text-decoration: underline; color: #5b292e;}

.headankieta {font-size: 20px !important; font-weight: bold;}
.ankietalink a {color: #fff !important; font-size: 18px; background: #39b214; padding: 10px 40px; display: inline-block; text-decoration: none; border-radius: 35px;}

@media only screen and (max-width: 910px) {
    .container {padding-left: 20px; padding-right: 20px; max-width : 768px }
    #content .col.benefits {padding-left: 15px; box-sizing: border-box;}
    #content .col.img {padding-right: 15px; box-sizing: border-box;}
    #content .col.img img {width: 100%; height: auto;}
}
@media only screen and (max-width : 768px) {
    h1, h3 {font-size: 30px;}
    .container, #about .container {max-width : 480px }
    #content .col.benefits {padding-left: 0; width: 100%; float: none; }
    #content .col.img {padding-right: 0; width: 100%; float: none; margin-bottom: 30px; text-align: center;}
}
@media only screen and (max-width : 480px) {
    #about .container {display: block;}
    #about .container .col {display: block;}
    #about .container p {padding-left: 0; text-align: center;}
    #about .author-img {text-align: center; margin-bottom: 20px;}
    #about .author-img img {display: inline-block;}
}