body{
margin: 0px;
}


h1{
text-align:center;
color:black;
}

/*
p{
color:red;
}
*/

a{
  color: #9494f9;
  /* 
  font-weight: bold;
  margin: 20px;*/
}




footer {
margin-top: 250px;
margin-bottom: 20px;
}


#headerlinks{
  /* Center Links */
  position:relative;
  top:50%;
  transform: translateY(-50%);
}

.headerlink{
  text-decoration: none;
  color: #a8a8a8;
  margin-left: 25px;

}

.headerlink:hover {

  text-decoration: underline;

  color: #8c8c8c;
  /* font-weight: bold; */

}




.headertitle {
    display: inline-block;
    height: 75px; 
    overflow: hidden;
    color: #8ac0e7;
    font-size: 17px;
}


.imagelogo {
    height: 74px;
    border: solid #c0c0c0 1px;
    margin-left: 15px;
    border-radius: 14px;
}

/*
.stackedimages {
    column-count: 2;  
    column-gap: 15px;    
    margin-left:15px;
    margin-right:15px;
}

.stackedimages img {
    width: 100%;
    margin-bottom:10px;
    display: block;
}*/





.stackedimages {
    column-count: 1; /* Default to 1 column for mobile */
    column-gap: 15px;
    margin: 0 15px;
}

/* When the screen is wider than 600px, switch to 2 columns */
@media (min-width: 600px) {
    .stackedimages {
        column-count: 2;
    }
}

.stackedimages img {
    width: 100%;
    margin-bottom: 10px;
    display: block;
}


/* Used to Preview Banner Sizes */
.demobanner
{
    background: linear-gradient(90deg, #e0e0e0 25%, #f0f0f0 50%, #e0e0e0 75%); 
    background-size: 200% 100%;
    animation: shimmer 1.5s infinite linear;
    margin: 10px;
    display: inline-block;
}

.demobanner h3
{
font-size: 22px;
}

@keyframes shimmer { 
    to { background-position: -200% 0; } 
}