.first-box {
    justify-content:; center;
    height: auto;
    width: 100%;
    border-radius: 25px;
    /*background-color: yellow;*/
    padding: 0px;
    margin-left: %;
    margin-right: %;
    margin-top: %;
    margin-bottom: %;
    border: px solid #;
    text-align: center;    
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .first-box {
    width: 100%;
  }
}

.main-containers {
    margin-left: %;
    margin-right: 2%;
    margin-top: %;
    margin-bottom: %;
    border: px solid #;
    border-radius: 25px;
    /*background-color: green;*/
    text-align: center;    
    width: 100%;
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .main-containers {
    width: 100%;
  }
}

/* Create three equal columns that floats next to each other */
.hardware-engineers-box {
    float: left;
    padding: px px px px;
    text-align: center;
    justify-content:'center';
    border-radius: 25px;
    margin-top: 1%;
    margin-bottom: 1%;
    margin-left: 6%;
    margin-right: 6%;
    width: 21%;
    height: 173px; /* Should be removed. Only for demonstration */
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .hardware-engineers-box {
    width: 100%;
  }
}


.mouse-hover-zoom {
      transition: transform .2s;
}
.mouse-hover-zoom:hover {
    -ms-transform: scale(1.5); /* IE 9 */
    -webkit-transform: scale(1.5); /* Safari 3-8 */
  transform: scale(1.5); 
}








/* Create three equal columns that floats next to each other */
.first-blank-box {
    float: left;
    padding: px px px px;
    text-align: center;
    border-radius: 25px;
    margin-top: 1%;
    margin-bottom: 1%;
    margin-left: 6%;
    margin-right: 6%;
    width: 21%;
    height: 173px; /* Should be removed. Only for demonstration */
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .first-blank-box {
    width: 100%;
  }
}

/* Create three equal columns that floats next to each other */
.chief-officer-box {
    float: left;
    padding: px px px px;
    text-align: center;
    border-radius: 25px;
    margin-top: 1%;
    margin-bottom: 1%;
    margin-left: 6%;
    margin-right: 6%;
    width: 21%;
    height: 173px; /* Should be removed. Only for demonstration */
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .chief-officer-box {
    width: 100%;
  }
}

/* Create three equal columns that floats next to each other */
.second-blank-box {
    float: left;
    padding: px px px px;
    text-align: center;
    border-radius: 25px;
    margin-top: 1%;
    margin-bottom: 1%;
    margin-left: 6%;
    margin-right: 6%;
    width: 21%;
    height: 173px; /* Should be removed. Only for demonstration */
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .second-blank-box {
    width: 100%;
  }
}

/* Create three equal columns that floats next to each other */
.school-administrator-box {
    float: left;
    padding: px px px px;
    text-align: center;
    border-radius: 25px;
    margin-top: 1%;
    margin-bottom: 1%;
    margin-left: 6%;
    margin-right: 6%;
    width: 21%;
    height: 173px; /* Should be removed. Only for demonstration */
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .school-administrator-box {
    width: 100%;
  }
}

/* Create three equal columns that floats next to each other */
.third-blank-box {
    float: left;
    padding: px px px px;
    text-align: center;
    border-radius: 25px;
    margin-top: 1%;
    margin-bottom: 1%;
    margin-left: 6%;
    margin-right: 6%;
    width: 21%;
    height: 173px; /* Should be removed. Only for demonstration */
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .third-blank-box {
    width: 100%;
  }
}

/* Create three equal columns that floats next to each other */
.website-designer-box {
    float: left;
    padding: px px px px;
    text-align: center;
    border-radius: 25px;
    margin-top: 1%;
    margin-bottom: 1%;
    margin-left: 6%;
    margin-right: 6%;
    width: 21%;
    height: 173px; /* Should be removed. Only for demonstration */
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .website-designer-box {
    width: 100%;
  }
}

/* Create three equal columns that floats next to each other */
.fourth-blank-box {
    float: left;
    padding: px px px px;
    text-align: center;
    border-radius: 25px;
    margin-top: 1%;
    margin-bottom: 1%;
    margin-left: 6%;
    margin-right: 6%;
    width: 21%;
    height: 173px; /* Should be removed. Only for demonstration */
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .fourth-blank-box {
    width: 100%;
  }
}

/* Create three equal columns that floats next to each other */
.software-engineers-box {
    float: left;
    padding: px px px px;
    text-align: center;
    border-radius: 25px;
    margin-top: 1%;
    margin-bottom: 1%;
    margin-left: 6%;
    margin-right: 6%;
    width: 21%;
    height: 173px; /* Should be removed. Only for demonstration */
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .software-engineers-box {
    width: 100%;
  }
}

/* Clear floats after the columns */
.first-row-3-column:after {
    content: "";
    display: table;
    clear: both;
}

/* Clear floats after the columns */
.second-row-3-column:after {
    content: "";
    display: table;
    clear: both;
}

/* Clear floats after the columns */
.third-row-3-column:after {
    content: "";
    display: table;
    clear: both;
}

/*
     FILE ARCHIVED ON 07:19:11 Apr 08, 2025 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 15:44:18 May 10, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  capture_cache.get: 3.511
  load_resource: 78.855
  PetaboxLoader3.datanode: 78.099
*/