body {
	font-family: 'Poppins', sans-serif;
	color: #404040;

}

.orderbtn {

	border-radius:0px;
	font-size:16px;
	font-family: Oswald;
	background-color: #ff991c;
	color: #ffffff;
	padding: 15px;
	border:0px #808080 solid;
}

.orangebtn{

	border-radius:0px; 
	font-size:16px;
	font-family: Oswald;
	color: #ffffff;
	background-color: #ff991c;
	padding:5px; 
	border:0px #808080 solid;
}


h3 {
	font-weight:300;
	font-size: 20px;
	padding:3px;
	margin:5px;
}

p {
	font-size:15px;

}

.footerblk {
	width:30%;
	float: left;
	font-size:0.8em;
	color: #404040;

}

.footerblk a {
	font-size:0.9em;
	color: #404040;
}

.labels {
	border:1px #555555 solid;
	width: 200px;
	color: #f00000;
}


label {
font-weight:400;
text-transform: uppercase;

}

html, body, button, a {
  touch-action: manipulation;
}

input[type="text"], input[type="email"], input[type="tel"], input[type="password"],  textarea {
border:1px solid #606060;
background-color: LightYellow;
margin-bottom:3px;
padding:3px 3px 3px 3px;
font-size:15px;
}


        .coffee-header {
            display: flex;
            align-items: center;
            font-family: 'Arial', sans-serif;
            background-color:#301C03;
           gap: 15px;
padding-top:3px;
padding-left:10px;
padding-bottom:1px
        }

        .logo-container {
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .logo {
            width: 50px;
            height: 50px;
            border-radius: 50%;
            object-fit: cover;
font-family: 'Arial', sans-serif;
        }




        .text-container {
            display: flex;
            flex-direction: column;
            justify-content: center;
  color: #f0f0f0;
        }

        .brand-name {
            font-size: 14px;
            font-weight: bold;
font-family: 'Arial', sans-serif;
            /*letter-spacing: 1px;*/
            margin: 0;
            color: #f0f0f0;
*/
        }

        .tagline {
            font-size: 12px;
            color: #f0f0f0; /* Lighter warm brown */
            margin: 2px 0 0 0;
            /* text-transform: uppercase; */
            letter-spacing: 0.5px;
        }



#buyimage {
font-size:10px;
  /* Fixes the container relative to the mobile device screen */
  position: fixed;
  top: 0;
  left: 0;

  /* Forces the pop-up to fill the entire physical viewport */
max-width:600px;
max-height:600px;
  width: 100vw;
  height: 100dvh; /* dynamic vh responds to moving mobile address bars */

  /* Places it on top of all other page elements */

  z-index: 99999;

  /* Centers your inner content box perfectly */
  display: flex;
  justify-content: center;
  align-items: center;

padding:5px;

  /* Visual styling */
  background-color: rgba(0, 0, 0, 0.8);
  box-sizing: border-box;
border:1px #707070 solid;
}


@media (min-width: 768px) {
  #buyimage {
    width: 50%;
max-width: 600px;
    margin: 0 auto; /* Centers the div horizontally */
  }
}