html, body {
    padding:0;
    margin:0;
    font-family: Lato, sans-serif;
    font-size: 14px;
    color: #767676;
    font-weight: 300;
    line-height: 20px;
}

.container {
    width: 1000px;
    margin: 0 auto;
    text-align: center;
}

.clear {
    clear: both;
}

h1 {
    font-size: 3.8em;
    font-weight: 300;
    margin:0;
    padding:0 60px;
    line-height: 1em
}

p {
    font-size: 1.8em;
    line-height: 1.2em;
}

#login {
    text-align: center;
    padding: 10px;
    background: #cbcbcb;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    box-sizing: border-box;
    z-index:2;
}

#login a{
    color: #fff;
    background: #2f8ec8;
    padding: 5px 15px;
    text-decoration: none;
    text-transform: uppercase;
    transition: background .8s;
    font-size: 18px;
    line-height: 18px;
}

#login a:hover {
    background: #7f2a90;
}

#login a span {
    display:inline-block;
    margin-right: 5px;
}

#login a span img{
    vertical-align: bottom;
}


#section-main {
    width: 100%;
    padding: 70px 50px;
    box-sizing: border-box;
    background-image:
        linear-gradient(
          #fff, #ccc
        );
}

#logos {
    width:100%;
    margin-bottom: 20px;
}

#logos .partner {
    width:50%;
    padding-right: 20px;
    box-sizing:border-box;
    border-right: 1px solid #d1d1d1;
    text-align: right;
    float: left;
}

#logos .bookretriver {
    width:50%;
    padding: 25px 20px;
    box-sizing:border-box;
    text-align: left;
    float: left;
}

.pricing {
    color:#2d2d2d;
}

.pricing .price {
    font-size: 6em;
    font-weight: 700;
    font-style: italic
    line-height: 1em;
    min-height: 62px;
}

.pricing .price sup{
    font-size:.5em;
}

.pricing .small{
    font-size: 1.8em;
    line-height: 1em;
    text-transform: uppercase;
}

.pricing .details{
    font-size: 1.2em;
    font-weight: 300;
}

#cta a.signup {
    background:#9113b6;
    padding: 10px;
    margin: 15px auto 5px auto;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 1.6em;
    display:inline-block;
    transition: background .8s;
}

#cta a.signup:hover {
    background: #2d2d2d;
}

#cta a.login {
    display: block;
    font-size: 1.2em;
    color: #2d2d2d;
    font-style: italic;
    text-decoration: none;
    transition: color .8s;
}
#cta a.login:hover {
    color: #9113b6;
}

/*****************PROCESS*****************/

#process {
    padding: 40px 0;
    background: #f8f6f6;
}

#process .col {
    width: 25%;
    padding: 0 10px;
    box-sizing: border-box;
    float: left;
}

#process h2{
    font-weight: 300;
    font-size: 2.5em;
    margin: 0;
}

#process img {
    width: 90%;
    max-width: 200px;
}

#process h3{
    color:#7a3088;
    font-weight: 300;
    font-size: 2em;
    line-height: 1em;
    margin: 0;
    padding: 0;
}

#process p {
    font-size: 1.4em;
    margin: 5px 0 0 0;
    padding: 0;
}


/*****************PRICING*****************/

#pricing {
    background: #cccccc;
    width: 100%;
    padding: 30px 50px;
    box-sizing: border-box;
}

#pricing h2{
    font-weight: 300;
    font-size: 2.5em;
    margin: 0;
}

#pricing h3{
    font-size: 2em;
    text-align: left;
    color: #7f0e92;
    font-weight: 300;
    border-bottom: 5px solid #2e94d6;
    padding-bottom: 8px;
}

#pricing .col {
    width: 50%;
    float: left;
    text-align: left;
}

#pricing p {
    font-size: 1.5em;
    padding:0;
    margin:0 0 10px 0;
}

#pricing ul {
    font-size: 1.5em;
    padding:0;
    margin:0 0 10px 50px;
}

#pricing li {
    margin-bottom: 10px;
}

.price-col {
      text-align: center;
}
.price-col .price-circle {
        position: relative;
        color:#2e94d6;
        background-color: #86c1e7;
        width:100%;
        max-width: 330px;
        font-size: 2rem;
        border-radius: 1000px;
        margin: 0 auto 10px;
        text-align: center;
}
.price-col .price-circle .price-circle-inner01 {
          position: absolute;
          background-color: #cccccc;
          top:7px; left:7px; bottom:7px; right:7px;
          margin: auto;
          border-radius: 1000px;
}
.price-col .price-circle .price-circle-inner01 .price-circle-inner02 {
            position: absolute;
            background-color:#b266be;
            top:4px; left:4px; bottom:4px; right:4px;
            margin: auto;
            border-radius: 1000px;
}
.price-col .price-circle .price-circle-inner01 .price-circle-inner02 .price-circle-inner03 {
              position: absolute;
              background-color:#fff;
              top:10px; left:10px; bottom:10px; right:10px;
              margin: auto;
              border-radius: 1000px;
}

              .price-content {
                position: absolute;
                right:0; left:0;
                margin: auto;
                background: #fff;
                border-radius: 1000px;
                font-weight: 700;
}
                .price-number {
                  font-size: 8rem;
                    line-height: 1em;
                  display: inline-block;
                  position: relative;
                  margin-bottom: -30px;
}
                  .price-number:before {
                    content:"$";
                    position: absolute;
                    font-size: 2rem;
                    left: -18px;
                    top: -25px;
                  }
                
                .price-label {
                  text-transform: uppercase;
                  font-weight: 400;
                  font-size: 2.4rem;
                  line-height: 1.2em;
                }
                .price-fine-print {
                  color:#8a8a8a;
                  font-weight: 300;
                  font-style: italic;
                  font-size:.8em;
                }
                .contact-text {
                  font-size: 3rem;
                  line-height: 3.2rem;
                  padding:0 20px;
                }
              
            
          .district {
              @media (max-width: 375px) {
                 .contact-text {
                  font-size: 3.4rem!important;
                }
              }
          }
.callbtn {
    text-align: center;
}

.callbtn a {
    display: inline-block;
    background: #7f0e92;
    color: #fff;
    padding: 10px 20px;
    font-weight: 700;
    font-size: 2rem;
    transition: all .3s linear;
    text-decoration: none;
}

.callbtn a:hover {
    text-decoration: none;
    background-color: #2e94d6;
}


/*****************APP SECTION*****************/
#app {
    background: #D9D9D9;
    padding: 20px 0 10px 0;
}


#app h2 {
    font-weight: 300;
    font-size: 2em;
    margin: 0;
    line-height: 1.2em;
    color: #000;
}

.app_logos img {
    margin: 0 10px;
}
      
    


/*****************FOOTER*****************/

#footer {
    background:#343434;
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
    text-align: center;
    color: #fff;
    font-size: 1em;
}

#footer p {
    font-size: 1em;
}

#footer a {
    color: #fff;
    text-decoration: none;
}

#footer ul {
    padding: 0;
    margin:10px 0;
}

#footer li {
    display: inline;
    padding: 0;
    margin:0 10px;
}

/*****************RESPONSIVE*****************/

@media (max-width: 1075px) {
    .container {
        width: 100%;
    }
    
    img {
        max-width: 100%;
    }
  
    h1 {
        padding: 0;
    }
    
    
    #process .col {
        width:100%;
    }
}

@media (max-width: 600px) {
    #section-main, #pricing {
        padding: 70px 10px;
    }

    #logos .partner {
        width:200px;
        margin: 0 auto;
        padding: 0px 0px;
        box-sizing:border-box;
        border-right: none;
        border-bottom: 1px solid #d1d1d1;
        text-align: center;
        float: none;
    }

    #logos .bookretriver {
        width:200px;
        margin: 0 auto;
        padding: 0px 0px;
        box-sizing:border-box;
        border-right: none;
        text-align: center;
        float: none;
    }

    h1 {
        font-size: 2.4em;
    }

    p {
        font-size:1.2em;
        line-height: 1.4em
    }
    
    #pricing .col{
        width: 100%;
    }

    
    #footer li {
        display: inherit;
    }
}