body{
    background-image: url(redrosesblkbg.gif);
    color: white;
}
.side-image-pc{
    display: none;
}
.container{
    margin:3%;
}
a:link, a:active, a:visited {
    color: #e1ee9b;
    text-decoration:none;
}
.pc-back{display: none;}
.pc-extra {display: none;}
.main
{
    background-color: black;
    color: white;
    margin: auto;
    max-width: 500px;
    
    border: 4px double white;
    text-align: center;
}
.container2 {
    display: grid; 
    grid-auto-columns: 1fr; 
    grid-template-columns: 1fr 1fr; 
    grid-template-rows: 1fr; 
    gap: 0px 0px; 
    grid-template-areas: 
      "text info-box"; 
  }
  .text { grid-area: text; }
  .info-box { grid-area: info-box; }
.text-info{
    border: 1px; color: white;
        border-style: solid;
        text-align: center;
        width: 100%;
        max-width: 200px;
        padding: 3px;
        margin: auto;
}

hr{
    border: 1px solid white;
    width: 90%;
    max-width: 200px;   
}
.upper-image-mobile
{
    text-align: center;
    max-width: 500px;
    margin: auto;
}
.decorator{
    background-color: white;
    height: 5px;
}
@media only screen and (min-width: 1000px) 
{
    .upper-image-mobile {display: none;}
    .mobile {display: none;}
    .container {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr;
        grid-template-areas:
    "side-image-pc main";
        margin-left: 15%;
        grid-gap: 40px;
        margin-right: 15%;
      }
      .side-image-pc { grid-area: side-image-pc;  
        display: grid; 
    border: 2px solid white;
        max-height: 600px;
      }
        
      .main{
        margin-bottom: 40px;
      }

      .container3 {
        display: grid; 
        grid-auto-columns: 1fr; 
        grid-template-columns: 1fr 1fr; 
        grid-template-rows: 1fr 1fr; 
        gap: 0px 0px; 
        grid-template-areas: 
          "pc-text pc-info"
          "pc-back pc-info";
          margin-left: 15%;
    margin-right: 15%;
    grid-gap: 40px;
          
      }
      .pc-text { grid-area: pc-text;
    margin: 0% }
      .pc-back {     display: inline;
        grid-area: pc-back; height: 40px; }
      .pc-info { grid-area: pc-info; 
    display: inline;}



}