img {
  max-width: 35%;
  height: auto;
  display: block;
}

/*
Sets the width of the upper part of the conference header.
Is set to 950px and centered by default.
*/
.confTitle {
    width: 950px;
}

/*
The box containing the logo. By the default the logo is placed
on the left of the conference title.
*/
.confLogoBox {
  float: left;
  padding-right: 10px;
}


/* Ensure text wraps nicely around images if floated 
img.align-left {
  float: left;
  margin: 10px 20px 10px 0;
}

img.align-right {
  float: right;
  margin: 40px 30px 40px 40px;
}
*/

/*
 Responsive text container 
.event-description {
  font-size: 1rem;
  line-height: 1.6;
  text-align: justify;  makes text look neat 
  word-wrap: break-word;
}

  Mobile optimization 
@media (max-width: 768px) {
  img.align-left,
  img.align-right {
    float: none;
    display: block;
    margin: 10px auto;
  }
  .event-description {
    font-size: 1.05rem;
    text-align: left;  better for small screens 
  }
}
*/