/* Responsive styles for mobile, tablet, and small laptops */
@media (max-width: 1024px) {
  /* Text over image */
  .text-over-img {
    width: 80%;
  }
  .organized-by{
    font-size: 20px;

  }
  .registration-btn,
  .contact-btn {
    font-size: 0.8rem;
    margin-top: 10px;
  }
  .text-over-img {
    z-index: 4;
    /* margin-top: 120px; */
    margin-bottom: 0;
    position: relative;
    bottom: 0;
  }
  .text-slng {
    margin-top: 15px;
  }
  .text-icci {
    margin-top: 10px;
  }
  .icci-img-fluid{
    min-width: 5em;
    min-height: 5em;
    display: block;
    margin: auto;
    box-shadow: 5px 0px 20px black;
    height: 3%;
    width: 3%;
    z-index: 5;
  }
  .container-div{
    margin-top: 2px;
    max-height:4em;
  }
  .container-div .announcement, .homemovingline{
    font-size: 1.2em;
  }
  h2, h1, p{
    font-size: medium;
  }

}



/* for tablet */

@media (max-width: 768px) {
  h2, h1, p{
    font-size: medium;
  }
  /* Welcome text */
  .text-welcome {
    font-size: 3rem;
  }

  /* "to" text */
  .text-to {
    font-size: 1.5rem;
  }

  /* ICCI text */
  .text-icci {
    font-size: 1.8rem;
  }

  /* Subtitle text */
  .text-slng {
    font-size: 1.2rem;
  }

  /* Buttons */
  .registration-btn,
  .contact-btn {
    font-size: 0.7rem;
    margin-top: 10px;
  }
  .organized-by{
    font-size: 20px;

  } 
  .text-over-img {
    z-index: 2;
    /* margin-top: 120px; */
    margin-bottom: 0;
    position: relative;
    bottom: 0;
  }
  .text-slng {
    margin-top: 15px;
  }
  .text-icci {
    margin-top: 10px;
  }

  .container-div{
    margin-top: 2px;
    max-height: 2.5em;
  }
  .container-div .announcement, .homemovingline{
    font-size: 0.9em;
  }

  .icci-img-fluid{
    min-width: 8em;
    min-height: 8em;
    display: block;
    margin: auto;
    box-shadow: 5px 0px 20px black;
    height: 5%;
    width: 5%;
    z-index: 5;
  }
}



/* for phone */

@media (max-width: 576px) {
  h2, h1, p{
    font-size: medium;
  }

  /* Welcome text */
  .text-welcome {
    font-size: 1.3rem;
    margin-top: -200px;
  }

  /* "to" text */
  .text-to {
    font-size: 0.8rem;
  }

  /* ICCI text */
  .text-icci {
    font-size: 1rem;
  }

  /* Subtitle text */
  .text-slng {
    font-size: 0.5rem;
  }

  /* Buttons */
  .registration-btn,
  .contact-btn {
    font-size: 0.5rem;
    margin-top: 10px;
  }
  .organized-by{
    font-size: 20px;

  }
  .text-over-img {
    z-index: 2;
    /* margin-top: 120px; */
    margin-bottom: 0;
    position: relative;
    bottom: 0;
  }
  /* .text-slng {
    margin-top: 15px;
  }
  .text-icci {
    margin-top: 10px;
  } */
  .container-div{
    margin-top: 2px;
    max-height: 2em;
  }
  .container-div .announcement, .homemovingline{
    font-size: 0.7em;
  }
  .icci-img-fluid{
    min-width: 4em;
    min-height: 4em;
    display: block;
    margin: auto;
    box-shadow: 5px 0px 20px black;
    height: 5%;
    width: 5%;
    z-index: 5;
  }
  .announcement-tile{
    font-size: 0.8em;
  }
  .content{
    padding-left: 10px;
  }
  .cpf_margin{
    margin: auto 5px;
  }
  .contact-btn{
    font-size: medium;
    margin: 1px auto;
  }
}