body {
background-color: Lightblue;
}
h1 {color:black;
text-align: center;}

h2 { color:Red;
  text-align: center;
}

#leftbox {
 order: 1;
 float:left; 
width:25%;
max-width: 25%;
max-height: auto;
height:50%;
box-shadow: 15px 25px 50px black;
}

#middlebox{
 order: 2;
float: center; 
max-width: auto;
max-height: auto;
width:46%;
height:90%;
box-shadow: 15px 25px 50px black;
}

#rightbox{
  order: 3;
  float: right;
max-width: auto;
max-height: auto;
float:left;
width:25%;
height:50%;
box-shadow: 15px 25px 50px black;
}

#head-info,
#main-info,
#bottom-info {
  padding: 0.5em;
  border-radius: 10px;
  margin-bottom: 1em;
}

.companyname {
text-align: center;
}
.center {
  text-align: center;
}

.hotitems{
  Display: flex;
  text-align: center;
  height: 65vh;
  background-color: orange;
}

.Cinfo{
	text-align: center;
  height: 50vh;
  
}



div {background-color: white;
     border-style: solid;
  border-width: 10px;
}

p { text-align: center;
font-size: 1.2em;
}

b {
  font-size: 1.5em;
}
img {
  max-width: 100%;
  max-height: 100%;
}

@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 2) {
    
}