/* Check if the screen size is at least 600px */
@media only screen and (min-width: 600px) {

.logo {
    padding: 5px;
          }
.logo img {
    width: 100px;
  }
.title {
    padding: 10px;   /* changed */
  }
.header {
    padding: 10px;   /* changed */
  }
.compInfo {
    padding: 10px;   /* changed */
  }
.sidebarOne {
    padding: 10px;   /* changed */
  }
.sidebarTwo {
    padding: 10px;   /* changed */
  }
.sidebarThree {
    padding: 10px;   /* changed */
  }
.sidebarFour {
    padding: 10px;   /* changed */
  }
.sidebarfive {
    padding: 10px;   /* changed */
  }
.sidebarSix {
    padding: 10px;   /* changed */
  }
.sidebarSeven {
    padding: 10px;   /* changed */
  }
.sidebarEight {
    padding: 10px;   /* changed */
  }
.sidebarNine {
    padding: 10px;   /* changed */
  }
.contactOne {
    padding: 10px;    /* changed */
  }
.contactTwo {
    padding: 10px;   /* changed */
  }
.footer {
    padding: 10px;   /* changed */
  }
.grid div p {
    padding: 2px 2px;   /* changed */
  }
  .grid h1, h2, h3, p {
      font-size: 20px;         /* changed */
      padding: 6px;   /* changed */
  }
nav {
    height: 50px;   /* changed */
  }
                    /* changed and removed */
.arrow {
    border: solid white;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 2px;
  }
.down {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
  }
nav ul li a {
    font-size: 20px;   /* changed */
    padding: 6px 7px;   /* changed */
  }
nav ul li ul {
    padding: 5px;   /* changed */

  }
nav ul li ul li {
    width: 140px;   /* changed */
    }
.tablink {
    padding: 7px 8px;     /* changed */
    font-size: 15px;      /* changed */
  }
.tabcontent {
    padding: 25px;         /* changed */
  }
.column img {
    height: 100px;         /* changed */
    padding: 5px;         /* changed with error*/
    box-shadow: 5px 8px 10px white;          /* changed */
  }
.modal {
    padding-top: 40px;          /* changed */
  }

.close {
    top: 8px;         /* changed */
    right: 20px;         /* changed */
    font-size: 25px;         /* changed */
  }
.prev,
.next {
    padding: 11px;         /* changed */
    font-size: 15px;         /* changed */
  }
.numbertext {
    font-size: 9px;          /* changed */
    padding: 6px 9px;           /* changed */
  }
.caption-container {
    padding: 2px 10px;         /* changed */
  }

}