#nav1{color:#a1bd2e;
    font-family:sans-serif;
    text-align:center;
    padding-left:60px;
    font-family:sans-serif;
    font-size:25px;}

#nav1 a{color:#a1bd2e;}

#nav2{background-color:#c900ae;
      color:#FFFFFF;
      text-shadow:1.5px 1.5px 1.5px #000000;
      font-size: 1.5em;
      text-align:center;
      padding-top:1em;
      padding-bottom:1em;
      padding-left:20px;
      font-family: sans-serif;}
#nav2 a{color: #FFFFFF;}

#title{font-size:2em;
       font-family: vidaloka;}

#floatright{float:right;}

.buttons{background-color:#c900ae;
     color:bisque;
     padding-top:15px;
     padding-bottom:15px;
     padding-right:25px;
     padding-left:25px;
     font-family: sans-serif;}

.left{position:absolute;
      bottom:120px;
      left:110px;
      font-size:4em;
      font-family: vidaloka;}

.click{position:absolute;
        bottom:50px;
        left:170px;
        font-size:1.5em;}

.onethird{display:flex;
          background-color:#c900ae;
          font-family: sans-serif;
           
    
          }

.onethird>div{padding-left:150px;
              padding-top:20px;
              padding-bottom:30px;
              width:100%;
              text-align: left;
    color:#FFFFFF;}


#story{color:#c900ae;
       padding-left:405px;
       font-family: sans-serif;
       padding-top:15px;
       opacity: 50%;
       font-size: 1.5em;
       }

#flavors{padding-left:220px;}

.scoop{position:absolute;
       bottom:30px;
       left:220px;}

.flexpics{display:flex;
          background-color:beige;
          margin:0;}

.flexpics>div{margin:0;
              padding-left:190px;
              padding-bottom:60px;}

.quotes{display:flex;
        background-color:darkkhaki;
        margin:0;}

.quotes>div{margin:0;
            padding-top:20px;
            padding-bottom:20px;
            padding-left:200px;
            color:#c900ae;
            font-size:1.5em;
            text-align:left;
            font-family: sans-serif;}

.pics{display:flex;
      background-image:"balloons.jpg";
      flex-wrap: wrap;}

.pics>div{padding-left:165px;
          padding-top:60px;
          text-align: right;
          font-size:2em;}

.cake{display:flex;}

.cake>div{padding-left:250px;
          padding-top:40px;
          padding-bottom:40px;
          font-size:1.5em;}

.contact{display:flex;
          background-color:#c900ae;}

.contact>div{padding-left:120px;
             background-color:#c900ae;
             padding-top:30px;
             padding-bottom:50px;
             text-align:center;}
#nav3{
      text-align:center;
      padding-top:80px;}

#nav3 a{color:#c900ae;
        text-decoration: none;
        font-weight: bold;
        font-family: sans-serif;
        font-size:1.5em;}
.navigation{display:flex;
            }

.navigation>div{padding-left:100px;}



.press{background-color:#a1bd2e;
       color:#000000;
       padding-top:10px;
       padding-bottom:10px;
       padding-left:20px;
       padding-right:20px;
       font-weight: bold;}
       
       
.background{background-image:url(balloons.jpg);
            display: cover;
            background-repeat: no-repeat;
           background-position: right;
            }

.dot{height:8px;
     width:8px;
     background-color:#a1bd2e;
     border-radius:50%;
     display:inline-block;
     text-align: center;}

.flexstory{display: flex;
         
          flex-wrap:wrap;}

.pepper{
        
        background-color:#ff9f40;
        display:flex;
        flex-wrap: wrap;
        
padding-left: 170px;
align-items: center;
margin-bottom: 0;
padding-bottom: 0;}

.hi{color:antiquewhite;
    padding-bottom: 0;}

.flexes{display:flex;}

.white{background-color: #FFFFFF;
       border-radius:50%;}

.phone{display: flex;
       padding-left:610px;
       background-color:#c900ae; }

@media(max-width:600px){
    
    #nav1{text-align: center;} 
    #nav2{}
    body{width:55%;
         }
    footer{}
    }