* {
      box-sizing: border-box;
    }

    dd{
      font-size:75% ; 
    }

    img {
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 5px;
    width: 160px;
    height: 160px;
    }

    hr{
      width: 100%
    }

    .indent
    {
      text-align: left;
      margin: 1px 16px;;
    }

    .indentMore
    {
      text-align: left;
      margin: 1px 32px;;
    }

    .main {
      width: 60%;
      padding: 0 20px;
      margin-left: auto;
      margin-right: auto;
      background-color: black;
    }

    .margin {
      border: 5px solid green;
    }

    .text {
      color: white;
      font-family: Verdana, Geneva, Tahoma, sans-serif;
      font-size: 18px;
      text-align: center;
    }
    #image
    {
      width: 600px;
      height: 600px;
    }



    .buttonMed {
      margin: 5px 15px;
      border-radius: 20px;
      background-color: green;
      color: white;
      padding: 9px 20px 10px 20px;
      text-decoration: none;
      display: inline-block;
      font-size: 16px;
      cursor: pointer;
    }

    .buttonSmall {
      margin: 5px 15px;
      border-radius: 20px;
      background-color: green;
      color: white;
      padding: 5px 12px 8px 12px;
      text-decoration: none;
      display: inline-block;
      font-size: 15px;
      cursor: pointer;
    }

    .heading
    {
      
      letter-spacing: 4px;
      font-size: 17px;
      font-weight: bold;
    }

      /* For Computers: */ 
      .main {
        width: 75%;
        padding: 0;
      }
      #image
      {
        width: 600px;
        height: 600px;
      }

      .program
      {
        margin: 1px 35%;
        text-align: left;
      }

    @media only screen and (max-width:1400px) {

      /* For tablets: */
      
      .main {
        width: 75%;
        padding: 0;
      }
      #image
      {
        width: 500px;
        height: 500px;
      }

      .program
      {
        margin: 1px 25%;
        text-align: left;
      }
    }

    @media only screen and (max-width:1000px) {

      /* For tablets: */
      
      .main {
        width: 85%;
        padding: 0;
      }
      #image
      {
        width: 400px;
        height: 400px;
      }

      .program
      {
        margin: 1px 15%;
        text-align: left;
      }
    }

    @media only screen and (max-width:800px) {

      /* For tablets: */
      
      .main {
        width: 90%;
        padding: 0;
      }
      #image
      {
        width: 400px;
        height: 400px;
      }

      .program
      {
        margin: 1px 15%;
        text-align: left;
      }
    }

    @media only screen and (max-width:600px) {

      /* For mobile phones: */
      
      .main {
        width: 98%;
        padding: 0;
      }
      #image
      {
        width: 350px;
        height: 350px;
      }
      .program
      {
        margin: 1px 8%;
        text-align: left;
      }
    }