/* Photons Ride */


* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }



body { 
   margin: 0; 
   padding: 0; 
    font-family: system-ui, Roboto, Arial, sans-serif;   
   font-size: 125%; 
   line-height: 1.5; 
   color: #efefef;
   background: #2c2c2c; 
} 


div.header { 
   margin: 0px 0px 1rem 0px; 
   padding: 0; 
   display: grid;  
   grid-template-columns: 3fr 1fr;    /* 2 Columns Defined */
   background-color: #000000; 
   color: #ffffff;  
   border: 0; 
   border-bottom: 1px solid #777777; 
}

.header_left { 
   grid-column-start: 1; 
   grid-column-end: 2; 
   background-color: transparent;
   margin: 0px 0px 0px 0.5rem;
   padding: 7px 0px 7px 0px; 
   text-align: left; 
} 

.header_right { 
   grid-column-start: 2; 
   grid-column-end: 3; 
   background-color: transparent; 
   margin: 0px 0.5rem 0px 0px;
   padding: 7px 0px 7px 0px; 
   text-align: right;     
} 


div.under_header { 
   margin: 0px 0px 1rem 0px; 
   padding: 0px 10px 0px 10px;
   text-align: center;
   background: transparent; 
}

main {
    margin: 0.5rem;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    grid-gap: 1rem; 
}

div.pr_item {
   padding: 20px 10px 20px 10px;
   text-align: center;
   border: 1px solid #a0a0a0;
   border-radius: 8px;
   background: transparent; 
}

div.footer { 
   margin: 1rem 0px 0px 0px; 
   padding: 0; 
   display: grid;  
   grid-template-columns: 1fr minmax(min-content, 400px) 1fr;    /* 3 Columns Defined */
   background-color: #000000; 
   color: #ffffff;  
   border: 0; 
   border-top: 1px solid #777777; 
}

.footer_center { 
   grid-column-start: 2; 
   grid-column-end: 3; 
   background-color: transparent;
   margin: 0px 0px 0px 0px;
   padding: 14px 20px 14px 20px; 
   text-align: center;
} 


img {
    width: 100%
    height: auto;    
} 

p { 
   margin: 0px 0px 0px 0px; 
   padding: 10px 0px 0px 0px;
   line-height: 1.4; 
}  

.header_left h1 { 
   margin: 0px; 
   padding: 0px;
   font-size: 150%; 
   line-height: 1.5; 
   // font-weight: normal;
   // letter-spacing: 1px;
}



/*---------------*/
/*  Link Styles  */
/*---------------*/

a:link {
   color: #efefef; 
   text-decoration: none;
   // font-weight: normal;
   background-color: transparent;
}

a:visited {
   color: #efefef; 
   text-decoration: none;
   // font-weight: normal;
   background-color: transparent;
}

a:hover {
   color: #FF929C; 
   text-decoration: none;
   // font-weight: normal;
   background-color: transparent;
}

a:active { 
   color: #efefef; 
   text-decoration: none;
   // font-weight: normal;
   background-color: transparent;
}