body{
    font-family: sans-serif;
    font-size: 16px;
    line-height: 24px;
    background-color: #aad69e;
}
.logo{
    width: 100px;
    height:auto;
    float:left;
    padding-right: 15px;
}
header{
    font-family:Leelawadee UI;
    font-size: 17px;
    text-align: left;
    padding-bottom: 10px;
    padding-left: 13px;
    line-height: 36px;
    
}
.button-one{
    font-family:Leelawadee UI;
    font-size: 18px;
    text-align: center;
    border-color: #503a31;
    color: #000;
    background-color: #aad69e;
    border-radius: 30px;
    padding:5px 40px;
    box-shadow: 3px 10px 10px #503a31
    
}
    
    
.hero{
    text-align: center;
    background:url(images/antonella-favaretto-F6mT9bGyqqE-unsplash.jpg);
    background-size:cover;
    max-width:375px;
    max-height: 100px;
    background-position: center;
    padding-bottom:75px;
    padding-top: 300px;
    margin:auto;
    border-radius: 10px;
    }
.float{ 
    padding-bottom: 20px;
    margin:auto;
}
.icons{
    width: 80px;
    height: auto;
    float:left;
    padding-right: 20px;
    padding-left: 20px;
    padding-top: 15px;
}
.icon-text{
    font-family: Leelawadee UI;
    font-size: 16px;
    text-align: left;
    color: #000;
    margin-top: 0
    
}
.earth{
    padding-top: 20px
}
.heart{
    padding-top: 20px;
}
.smiley{
    padding-top: 20px;
    padding-bottom: 20px;
}
h4{
    font-size: 18px;
    margin-bottom:0;
}
h3{
    text-align: center;
}
.paragraph-header{
    font-family: Leelawadee UI;
    font-size: 16px;
    color: #aad69e;
    text-align: center;
    max-width: 320px;
    margin: auto 10px;
    padding-top: 10px;
}
.paragraph{
    font-family: Leelawadee UI;
    font-size: 16px;
    text-align: left;
    background-color: #503a31;
    color: #aad69e;
    padding: 15px 30px;
    max-width: 320px;
    margin: auto;
    border-radius: 10px;
    border:black solid 2px;
    
}
.b120{
    
    font-family: Leelawadee UI;
    font-size: 15px;
    padding-top:10px;
    padding-left:40px;
    text-align: center;
    float:left;
    margin:auto
    
  
}
#b98{
    font-family: Leelawadee UI;
    text-align: center;
    font-size: 15px;
    margin:auto;
    padding-left:90px;
    
    
}
.b65{
    font-family: Leelawadee UI;
    text-align: center;
    font-size: 15px;
    margin:auto;
    
    
}

.stat-head{
    font-family: Leelawadee UI;
    float:left;
    margin: auto;
    padding-bottom: 15px;
    padding-left: 50px;
    padding-right: 50px;
}
.stat-head120{
    font-family: Leelawadee UI;
    float:left;
    margin: auto;
    padding-left: 85px;
}
    

.stat-head98{
    font-family: Leelawadee UI;
    float:left;
    margin: auto;
    padding-left: 160px;
    
}
.stat-drop{
    font-family: Leelawadee UI;
    text-align: center;
    margin:auto;
   
}
.pack{
    font-family: Leelawadee UI;
    font-size: 16px;
    text-align: center;
    color: #aad69e;
    margin: auto;
}
form{
    background-color:#503a31;
    padding: 15px 30px;
    max-width: 320px;
    margin: auto;
    border-radius: 10px;
    border:black solid 2px;
    text-align: center;
}
.form-group{
    font-family: Leelawadee UI;
    font-size: 16px;
    color:#aad69e;
    text-align: left;
    margin:auto;
    padding-top:10px;
    padding-bottom:5px;
}

input{
    font-family: Leelawadee UI;
    font-size: 14px;
    padding-left:5px;
    padding-top:5px;
    padding-bottom:5px;
    padding-right:150px;
    text-align: left;
    margin:auto;
    
}
    
.submit{
    font-family: Leelawadee UI;
    font-size: 16px;
    text-align: center;
    margin-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 15px;
    }
.footer-logo{                          
    width: 80px;
    margin:auto;
}

@media (min-width: 1000px){
    header{
      padding-left: 300px;
    
    }
    .hero{
    padding-left:90px;
    padding-right:90px;
    float:left;
    flex-direction:row;
    margin:auto;
    margin-left:40px;
    
      
    }
    .float{
        padding-left:90px;
    padding-right:90px;
        float:right;
        margin:auto;
        
    }
    .top-flex{
        padding-bottom:80px;
    }
    
    .paragraph{
        margin:auto;
        float:left;
        margin-top:60px;
        margin-left: 50px;
    
        
    }
    .stats{
        
        margin:auto;
        float:right;
        margin-right:90px;
        margin-top:60px;

        }
    form{
       
        flex-direction: row;
        float:center;
        margin:auto;
        margin-top:670px;
        
    }

}