body
    {
        font-size: 16px;
        font-family: Arial;
    }

@media screen and (min-width: 200px) and (max-width: 899px)
{
	.bigtabs{display:none;}
	.desktop{display:none;}
	.sml_desktop{display:none;}
	
	.center 
	{
	  background: url(images/25years.jpg) no-repeat top right;
	  
      max-width:900px; 
      display:block;
      margin: auto; 
   
 /*     position: absolute; 
    top: 50%;
    left: 50%; 
    transform: translate(-50%, -50%);
*/
    }
}


@media screen and (min-width: 900px) and (max-width: 1099px)
{
	.bigtabs{display:none;}
    .mobile{display:none;}
	/* .sml_desktop{display:none;} */
	
	.center
	{

    background: url(images/25years.jpg) no-repeat top right;

	 /*  border-style: outset; */
       width:980px; 
       display:inline-block;
        margin: auto;
 /*       position: absolute;  
        top: 10%;  
        left: 50%;   
        transform: translate(-50%, -0%);    */
    }
}

@media screen and (min-width: 1100px) and (max-width: 4000px)
{
	.smalltabs{display:none;}
    .mobile{display:none;}
/*	.sml_desktop{display:none;}   */
	
	.center
	{
		/* background: url(/images/rightcorner.jpg) no-repeat top right; */
		background: url(images/25years.jpg) no-repeat top right;

/*	   border-style: outset; */
       width:1150px; 
       display:inline-block;
        margin: auto;
		text-align:center;
  /*      position: absolute;   
        top: 30%; 
          left: 50%;  
        transform: translate(-50%, -0%);    */

    }
}

.container{
border-left:none;
border-right:none;
text-align:center;

}
.container div{
width:300px;

border-left: 0px dotted #ccc;
display: inline-block;
vertical-align: top;
padding-left:10px;
}

.container2{
border-left:none;
border-right:none;
text-align:center;
}
.container2 diva{
width:180px;

border-left: 0px dotted #ccc;
display: inline-block;
vertical-align: top;
text-align:left;
}

.container2 divb{
max-width:400px;
min-width:300px;
border-left: 0px dotted #ccc;
display: inline-block;
vertical-align: top;
padding-left:10px;
}

/* AI Generated style */

.preview-container {
    position: relative;
    /* This height perfectly cuts off right in the middle of the 64-bit paragraph */
    max-height: 145px; 
    overflow: hidden;
    transition: max-height 0.4s ease-out;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    line-height: 1.6;
    color: #333;
  }

  /* The gradient overlay creating the fade effect */
  .preview-fade {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 70px;
    background: linear-gradient(to bottom, rgba(255,255,255,0), #ffffff 95%); 
  }

  /* Expands the container smoothly to reveal everything */
  .preview-container.expanded {
    max-height: 1000px; 
  }

  /* Removes the fade overlay when expanded */
  .preview-container.expanded .preview-fade {
    display: none;
  }

  /* Modern, clean button styling */
  .more-info-btn {
    margin-top: 15px;
    padding: 10px 24px;
    background-color: #0066cc;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 15px;
    font-weight: 600;
  }
  
  .more-info-btn:hover {
    background-color: #0052a3;