*{
    padding:0;
    margin:0;
    box-sizing:border-box;
}

body{
    font-family:Arial, Helvetica, sans-serif;
    padding-top:110px;
    padding-bottom: 50px;
}

#header{
    z-index: 1000;
    display:flex;
    position:fixed;
    top:0;
    right:0;
    left:0;
    justify-content: space-evenly;
    align-items: center;
    height:70px;
    box-shadow: 0px 2px 5px black;
    background-color: brown;
    color:white;
}

#amazon-img{
    width:120px;
    margin:20px;
}

#header p{
    flex: 1 1 auto;
    font-size:24px;
    font-weight:700;
    text-align:center;
}

#lock-img{
    flex:0 0 auto;
    width:22px;
    margin:25px;
}

/* Center body of the checkout */

#center{
  display:flex;
  align-items: flex-start;
  justify-content: space-around;
  height: 500px;
}

#right-section{
  flex-basis:35%;
  border-radius:10px;  
  margin-right:50px;
}

#hideRight{
  display: none;
}

#cash-box{
  width:100%;
  height: 460px;
  padding:20px 40px 0 20px;
  margin-right:20px;
  border:1px solid grey;
  box-shadow:1px 1px 5px grey;

}

#left-section{
  flex-basis:65%;
  height:100%;
  overflow-y: scroll;
}

.hidden {
  display: none !important;
}


/* Cash box styles */

#p1{
  font-size:30px;
  font-weight: 800;
  margin:0px 0px 30px 0px;
  color:rgb(0, 0, 0);
}

.p2{
  display: inline;
  font-size:18px;
}

.items, .shipping, .subtotal, .tax, .total, #total {
  display:inline;
  float:right;
}

#p3{
  display: inline;
  font-size:20px;
  font-weight:bold;
  color:orangered;
}

.p4{
  display:inline;
  font-size:15px;
  margin:15px;
  font-size:15px;
}

#total{
  font-weight:bold;
  font-size:20px;
}

.place-order{
  padding:10px 35px;
  border-radius:13px;
  background-color: brown;
  color:rgb(255, 255, 255);
  font-weight: bold;
  font-size:25px;
  border:none;
  margin-top:30px;
}

.place-order:hover{
  cursor:pointer;
}

@media (max-width:425px)
{
  body{
    padding-top:80px;
  }
  
  #center{
    flex-direction:column;
    Justify-content: center;
    column-gap: 20px;
    height:auto;
  }
  
  #header{
    height:50px;
  }
  
  #amazon-img{
    width:60px;
    margin-left:10px;
  }
  
  #header p{
    font-size:14px;
  }
  
  #lock-img{
    width:15px;
    margin-right:10px;
  }
  
  #right-section{
    width: 95%;
    border-radius:3px;
    margin-right: 0;
    margin:10px;
    margin-bottom:40px;
    padding:20px;
  }
  
  #cash-box{
    padding:10px;
    padding-right:20px;
    margin-right:0;
    height :auto;
  }
  
  
/* cash box details */
  
  #p1{
    font-size: 20px;
    margin:15px 0px;
  }
  
  .p2{
    font-size:16px;
  }
  
  #p3{
    font-size: 16px;
  }
  
  .p4{
    font-size:16px;
  }
  
  .place-order{
    padding:5px 25px;
    font-size:20px;
    margin-bottom:20px;
  }
  
}