html{font-size: 130%;}

img
{
    max-width: 100%;  
    height: auto;
}

#pricedetails {
  float: left;
}
#fullprice {
    text-decoration: line-through;
}

#saleprice {
    text-color: red;
}

h3 {color:#4105CD;
 font-weight:bold; }

body{background: #fffff;}

body,ul,h1,p,a,h2 {
  font-family: Sans-Serif;
 
}

body,ul,p,a {
  
 // font-size:2vmax
  }

#quote {
    font-style: italic;}

h1{color:#090EA6}



a { text-decoration: none; }  /* turns underlines off for all links */
a:link { color: #1B06DB;}
a:visited { color: purple; }
a:focus { color: pink; }
a:hover { color: pink; }
a:active { color: red; }

#slogan{color:#4105CD;
 font-weight:bold; }

#returns {
  

  background: #EADFF5;
}
 
#header{display: grid;
 grid-template-columns:2;
grid-template-columns: 1fr,4fr;
grid-auto-flow: column;
grid-gap: 10px;
}
  


span {
   display: grid;
     //grid-template-rows: 80px min-content 1fr;
 //grid-template-columns: 1fr 4fr;
grid-gap: 10px;
}

 
  
  


#main {
  grid-row-start: 1; 
   grid-column-start: 2;
  grid-column-end: 12;
}

#extras  {
   grid-row-start: 1; 
   grid-column-start: 1;
grid-column-end: 2;

max-width: 200px;
}

#pcbinfo  {
   //grid-row: 2; 
   
   grid-column-start: 3;
  grid-column-end: 3;

}



li {padding: 0.5em;
background: #EADFF5;
}
ul { 
    display: block;
    list-style-type: none;
    
	font-weight:bold 
margin: 0; /* To remove default bottom margin */ 
    padding: 0; 
}

  
  #boms {
//  grid-row: 2; 
//   grid-column-start: 2;
//  grid-column-end: 2;


  background: #EADFF5;
  border-style:solid; 
border-color:#9933ff;}


  





@media (max-width: 500px) {

#header{display: grid;
 grid-template-columns:2;
grid-template-columns: 1fr,4fr;

grid-gap: 10px;
}

span {
   display: grid;
    // grid-template-rows: 80px 1fr;
 // grid-template-columns: min-content 1fr;
grid-gap: 10px;
}


#main {
  grid-row-start: 1; 
   grid-column-start: 2;
  grid-column-end: 12;
}

#extras  {
   grid-row-start: 1; 
   grid-column-start: 1;
grid-column-end: 2;
background: #EADFF5;

}

#pcbinfo  {
   //grid-row: 2; 
   
   grid-column-start: 3;
  grid-column-end: 3;

}



//li {padding: 0.25em;
}
ul { //display:grid;
//display: grid;
//grid-template-columns: (3, 1fr);
grid-template-rows: min-content auto;   
// grid-template-rows: repeat(6, 40px);
  //  grid-gap: 1px;
   // grid-auto-flow: column;
    //grid-auto-columns: 300px 100px;
    //display: flex;
//flex-flow: column wrap;
display: block;
//flex-direction: column;
    list-style-type: none;
    
	font-weight:bold 
}

  
  #boms {
//  grid-row: 2; 
//   grid-column-start: 2;
//  grid-column-end: 2;


  background: #EADFF5;
  border-style:solid; 
border-color:#9933ff;}