@charset "UTF-8";
/* CSS Document */
html {
    font-size: 1rem;
  }
body{/*font-family:"helvetica neue",helvetica neue,helvetica,arial,sans-serif;
    color:#1a1a1a;
    background:#fff;*/
    margin: 0;
    padding: 0;
}
body #body .group .text{
    display:block;
    text-align:center;
    width:100%;
    max-width:650px;
    margin:0 auto 20px auto;}
    body #body .group .text-left{
        display:block;
        text-align:left;
        width:100%;
        max-width:650px;
        margin:0 auto 20px auto;}
    
    body #body .width{
        max-width:800px;
        margin:0 auto 20px auto;}
        .center {
            text-align:right;
            display: block;
            margin: 0 auto;
            align-items: center;
        }

        body #body #lang{background: linear-gradient(90deg, #EECFBA, #C5DDE8);margin: 0;     
            padding: 1px; /* tweaked from 0 to 1px */}
        body #body #features{background: linear-gradient(90deg, #EECFBA, #C5DDE8);margin: 0;     
            padding: 1px; /* tweaked from 0 to 1px */padding-top: 20px;}
        body #body #sync{background: linear-gradient(90deg, #EECFBA, #C5DDE8);margin: 0;     
            padding: 1px; /* tweaked from 0 to 1px */}
        body #body #press{background: rgb(184, 197, 238);margin: 0;     
            padding: 1px; /* tweaked from 0 to 1px */padding-top: 20px;}
        body #body #notes{background: linear-gradient(90deg, #EECFBA, #C5DDE8);margin: 0;     
                padding: 1px; /* tweaked from 0 to 1px */padding-top: 20px;}
                
        body #body #fields{background: linear-gradient(90deg, #EECFBA, #C5DDE8);margin: 0;     
                    padding: 1px; /* tweaked from 0 to 1px */}

        body #body #reminders{background: linear-gradient(90deg, #EECFBA, #C5DDE8);margin: 0;     
                    padding: 1px; /* tweaked from 0 to 1px */}
    
        body #body #download {background: rgb(216, 217, 221);margin: 0;     
                        padding: 1px; /* tweaked from 0 to 1px */}
                        body #body #getongp{background:rgb(91, 137, 190);margin: 0;     
                            padding: 1px; /* tweaked from 0 to 1px */}

body .help{margin:0 auto 40px auto!important;
        text-align:center;
        font-size:16px!important;
        font-weight:200!important;
        color:#ffffff;
        background:#3b3b3b;
        display:inline-block;padding:6px 10px 5px 10px;
        border-radius:6px;
    }
    body #body #first{background:rgb(91, 137, 190);color:#fff;font-size:18px;font-weight:300;line-height:1.4em;;;
        padding: 1px;padding-top: 40px;}

     /*body #body #first p{max-width:35em;}*/
        body .wrap{margin:0 auto;text-align:center;max-width:1200px;}    
        @media screen and (max-width: 705px) {
            .phone-image{    display: none;}
        }
        
        
        #giz-logo-img{height:10px;margin:0 auto;width:70px;}

        .logo-img{height:80px;margin:0 auto;width:207px;}

    .help a{color:#bedcff;}
    .help a:visited{color:#bedcff;}
    .help a:hover{color:#ffffff;}

    body .help img{vertical-align:middle;margin-right:6px;}

    body #float img{vertical-align:middle;margin:10px;}
    body #fields img{vertical-align:middle;margin:10px;}
    body #reminders img{vertical-align:middle;margin:10px;}

.country-flags{
    margin: 0 auto;
}

.nav{
    background:rgb(91, 137, 190);
}
.quote-card {
    padding-left: 30px;
    position: relative;
    overflow: hidden;
    border-left: 0px ; 
    font-size:12px;

}

  .quote-card:before {
    font-family: Georgia, serif;
    content: "“";
    position: absolute;
    top: 10px;
    left: 10px;
    font-size: 5em;
    color: rgba(238, 238, 238, 0.8);
    font-weight: normal;
  }
  .columns
  {   
      -moz-column-width: 20em; /* Firefox */
      -webkit-column-width: 20em; /* webkit, Safari, Chrome */
      column-width: 20em;
      text-align:left;

  }
  small{
    font-size:12px;
 }