/* S */
@media only screen and (max-width: 576px) {
  #logo img {
    width: 250px;
  }
}

/* M */
@media only screen and (min-width: 577px){

}

/* L */
@media only screen and (min-width: 768px) {

}

/* XL */
@media only screen and (min-width: 993px){
    .hero {
    padding-top: 10px !important;
    }
    #photo{
      border-radius: 10px;
      width: 100%; 
    }
}

/* XXL */
@media only screen and (min-width: 1600px) {
  .section_header {
    padding: 40px 0;
    text-align: center;
  }
  .announcement {
    margin: 20px;
  }
}