html {
    height:100%;
    min-height:100%;
    padding:0;
    margin:0;
}

body {
    margin:0;
    padding:0;
    height:100%;
    min-height:100%;
    background: url(../img/bg.png) repeat-x 0 0 #09bfd8;
    /*
    background: -moz-linear-gradient(top, #0b55a7 0%, #0a9fc9 40%, #09bfd8 100%) fixed; /* FF 3.6+ */ 
    /*
    background: -ms-linear-gradient(top, #0b55a7 0%, #0a9fc9 40%, #09bfd8 100%) fixed; /* IE10 */  
    /*
    background: -webkit-linear-gradient(top, #0b55a7 0%, #0a9fc9 40%, #09bfd8 100%) fixed; /* Safari 5.1+, Chrome 10+ */ 
    /*
    background: -webkit-gradient(linear, center top, center bottom, from(#0b55a7), to(#09bfd8) fixed);
    background: -o-linear-gradient(top, #0b55a7 0%, #0a9fc9 40%, #09bfd8 100%); /* Opera 11.10 */  
    /*
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b55a7', endColorstr='#09bfd8',GradientType=0 ) fixed; /* IE6-9 */
    /*
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#0b55a7', endColorstr=#09bfd8)"; /* IE8+ */  
    /*
    background: linear-gradient(top bottom, #0b55a7 0%,#0a9fc9 40%,#09bfd8 100%) fixed; /* the standard */ 
}

div, span, p, body {
    font-family: 'Source Sans Pro', sans-serif;
    color:#fff;
}

p {
    display:block;
    padding:0 20px 40px 20px;
    font-size:1.1em;
    line-height:1.3em;
}

.header {
    text-align:center;
    display: block;
    padding:15px 20px 11px 20px;
}

.wrapper {
    display: block;
    padding:0 20px;
    margin:0px auto;
    max-width:640px;
}

.max-width {
    max-width:640px;
    margin:0px auto;
}

.hero {
    width:100%;
    margin:0px auto;
}

.hero img {
    display: block;
    width:100%;
    height:auto;
    max-width: 640px;
    margin:0px auto;
}

h1 {
    color:#fff;
    font-size:30px;
    line-height:38px;
    font-family: 'Lato', sans-serif;
    margin:0;
    padding:7px 0;
    margin-bottom: 5px;
}

.main-heading {
    font-size:2.1em;
    line-height:1.4;
}

.hr {
    display: block;
    width:100%;
    height:2px;
    background:#05c9de;
    max-width: 640px;
    margin:0px auto;
    margin-bottom:12px;
}

.action-link {
    color:#fff;
    display: block;
    border:solid 2px #fff;
    line-height:2.7;
    padding:0;
    width:270px;
    margin:0px auto;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    border-radius: 24px;
    text-decoration:none;
    font-size:1.2em;
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    margin-bottom:20px;
    text-align: center;
}

.action-button {
    color:#fff;
    display: block;
    border:solid 2px #f7931e;
    line-height:2.7;
    padding:0;
    width:270px;
    margin:0px auto;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    border-radius: 24px;
    text-decoration:none;
    text-align: center;
    font-size:1.2em;
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    background: #f7931e;
    margin-bottom:20px;
    -webkit-box-shadow: 3px 3px 12px 0px rgba(0,0,0,0.28);
    -moz-box-shadow: 3px 3px 12px 0px rgba(0,0,0,0.28);
    box-shadow: 3px 3px 12px 0px rgba(0,0,0,0.28);
}

.content-block {
    background:#fff;
    display: block;
    clear:both;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    border-radius: 24px;
    padding:10px 20px;
    background:url(../img/bg-content@2x.png) no-repeat 0 0 #fff;
    background-size:contain;
    color:#60606d;
    margin:0px auto;
    max-width: 640px;
    margin-bottom: 35px;
}

.content-block-2 {
    padding:10px 40px;
}

.content-block p {
    color:#60606d;
    font-size:1em;
    padding: 0 0 20px 0;
    margin:0;
    line-height: 1.2em;
}

.content-block .heading {
    color:#000;
    font-weight: 800;
    font-size:1.2em;
}

.content-block h2 {
    color:#000;
    font-weight: 800;
    font-size:1.2em;
    line-height:1.2em;
    margin:0;
    padding: 0 30px 10px 30px;
}

.content-block h1 {
    color:#00d9a1;
    font-size:2em;
    margin:0;;
    padding:0 0 20px 0;
}

.content-block .bullet-img {
    width:22px;
    float:left;
    height:50px;
    background:url(../img/sprite.png) no-repeat;
    background-size:cover;
    margin-right:20px;
}

.content-block .bullet-img.item-1 {
    height:84px;
}

.content-block .bullet-img.item-2 {
    height:84px;
    background-position: center -98px;
}

.content-block .bullet-img.item-3 {
    height:74px;
    background-position: center -198px;
}

.content-block .action-button {
    -webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.28);
    -moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.28);
    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.28);
}

#info {
    padding-top:16px;
}

.footer {
    display: block;
    clear:both;
}

.footer ul {
    margin:40px 0 30px 0;
    display: block;
    padding:0;
    list-style: none;
    border-top:solid 1px #47cfe2;
    clear:both;
}

.footer li {
    display:block;
    text-align: center;
    border-bottom:solid 1px #47cfe2;
}

.footer li a {
    display: block; 
    line-height: 3;
    font-size:1.1em;
    color:#fff;
    font-weight: 700;
    text-decoration: none;
}

.footer p {
    text-align: center;
    padding-bottom:12px;
    font-size:12px;
}

.hr-small {
    background:#00d9a1;
    width:53px;
    display: block;
    height:2px;
    margin:0px auto;
    margin-bottom:10px;
}

.text-center {
    text-align: center;
}

.hide-large {
    display:none;
}

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }

@media screen and (max-width:450px){
    .action-button, .action-link {
        width:80%;
        text-align: center;
    }
}
@media screen and (min-width:450px){
    h1.main-heading {
        padding: 0 50px 20px 50px;
    }
    
    .content-block {
        padding: 28px 33px;
    }
    
    .content-block .bullet-img {
        width:34px;
        margin-right:33px;
    }
    
    .content-block .bullet-img.item-1 {
        height:120px;
    }

    .content-block .bullet-img.item-2 {
        height:120px;
        background-position: center -152px;
    }

    .content-block .bullet-img.item-3 {
        height:110px;
        background-position: center -307px;
    }
}

@media screen and (min-width:600px){
    h1.main-heading {
        color:#fff;
        line-height:1.1em;
    }
    
    
    
}