html{  
  background-color:#333;
  margin:0;
  font-size:1.5em;
  
}
body{
  margin:0 auto;
  text-align:center;
}
h1{
  text-align:center;
}
a{
  cursor:pointer;
}
.overallCont{
    margin:0 auto;
  max-width:900px;
  background-color:#ddd;
width:fit-content;
	padding:15px;
  
}

.sectionLink{
  min-width:23%;
    display:inline-block;
    max-width:200px;
  margin:5px;
  text-align:center;
  overflow:Hidden;
}
.sectionLink a{
  text-decoration:none;
  color:black;
}
.sectionLink img{
  width:100%;
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.sectionLink:hover img {
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

#detailsContainer{
  background:darkgray;
}
#detailsWrapper{
  background:#ddd;
  margin:2%;
  padding:10px;
  width:94%;
  min-height:450px;
}
.hideDeets{
  display:none;
}
.showDeets{
  background:darkgray;
  position:fixed;
  max-width:900px;
  width:100%;
  text-align:center;
  bottom:0px;
  -moz-transform: height(0px);
  -ms-transform: height(0px);
  -o-transform: height(0px);
  -webkit-transform: height(0px);
  transform: height(0px);
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  display:block;
}
ul img{
  width:100%;
}
li{
  display:inline-block;
  max-width:270px;
  width:45%;
}
#detailsImage{
  width:100%;
  max-width:550px;
  float:right;
}
#detailsTitle{
  margin-top:5%;
  margin-bottom:5%;
}
#costBox{
  width:100%;
  max-width:550px;
  float:right;
}
#costBox button{
  width:30%;
  background:red;
  border:solid 3px white;
  text-size-adjust:always;
  height:100%;
  font-size:200%;
  color:white;
  padding:2%;
  margin:2%;
  float:right;
  display:inline-block;
  font-weight: bolder;
}
#priceBox{
  width:30%;
  float:right;
  display:inline-block;
  height:100%;
  font-size:200%;
  padding:2%;
  margin:2%;
  font-weight: bolder;
}

/*reset CSS*/
*{font-family:arial;}
ul,li{list-style:none;margin:10px;padding:0;}