.img {
  height: 500px;
  /* width: 100%; */
  /* display: inline; */
  background-color: rgb(236, 233, 233);
  /* float: left; */
  background-image: url("../img/business.jpeg");
  background-repeat:  no-repeat;
  background-size: cover; 
  opacity: 0.8;
}

/* .image { */
  /* background-image: url("img/PC.jpg");
  /* height: 500px;
  width: 70%;
  background-position: right;
  background-repeat:  no-repeat; */
  /* margin-right: 0;
  float: right;
  height: 500px;
  width: 100%;
  opacity: 0.7; */
  /* display: inline; */
/* } */

.img-exp {
  vertical-align: middle;
  background-color: rgb(243, 243, 243,0.5);
  /* height: 500px; */
  float: left;
  width: 320px;
  /* margin: auto; */
  margin: 30px 20px 30px 20px;
  padding: 20px;
  font-size: 18px;
  border: 1px solid black;
  border-radius: 10px;
}

.center {
  text-align: center;
  font-weight: bold;
  border-bottom: 1px rgb(160, 157, 157) solid;
  border-top: 1px rgb(160, 157, 157) solid;
  padding: 10px 0 10px 0; 
}

.img-exp p {
  word-wrap: break-word;
}

.header {
  padding-top: 10px;
  padding-bottom: 15px;
}

.site-name {
  text-decoration:none;
  color: black;
  padding: 0 15px 0px 15px;
  pointer-events:none;
  /* float: left; */ 
  background: linear-gradient(to right, orange , yellow, green, cyan, blue, violet);
	background: -webkit-linear-gradient(left, orange , yellow, green, cyan, blue, violet);
	background: -o-linear-gradient(right, orange, yellow, green, cyan, blue, violet);
	background: -moz-linear-gradient(right, orange, yellow, green, cyan, blue, violet);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	/* text-fill-color: transparent;  */
  font-weight: bold;
  
}

.h-menu {
  text-decoration:none;
  color: black;
  padding-left: 15px;
}

.login {
  text-decoration:none;
  color: black;
  float: right;
  padding-right: 30px;
}

.form-back {
  display: none;
  /* width: 320px;
  height: 500px; */
  z-index: 100;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.6);
}

form {
  width: 300px;
  height: 300px;
  background-color: white;
}

.box {
  width: 200px;
  margin: 0px 50px 0 50px;
}

.close {
  cursor: pointer;
  text-align: right;
}

.slides {
  text-align: center;
  list-style-type: none;
  width: 320px;
  height: 150px;
  margin:0;
  padding: 0;
}

.slide img {
  width: 320px;
  height: 150px;
  margin:0;
  padding: 0;
}

.slick-next {
  right:0!important;
}
.slick-prev {
  left:0!important;
}

.slick-arrow{
  z-index:2!important;
}

/* .slide {
  display: none;
} */

/* .active {
  display: block;
} */

.overview {
  clear: right;
  padding-top: 15px;
}

.overview h2 {
  /* border: solid; */
  border-bottom: solid black;
  border-radius: 2px;
  color: blue;
}

.container {
  display: flex;
}

.overview-img img {
  width: 400px;
  height: 250px;
}

.overview-exp {
  padding: 0 50px 0 50px;
  font-size: 18px;
}

.web-ex p,.design-ex p,.app-ex p {
  padding-top: 1px;
  font-size: 18px;
}

.course {
  padding-top: 15px;
  clear: left;
}

.course h2 {
  /* border: solid; */
  border-bottom: solid black;
  border-radius: 2px;
  color: blue;
}

table, td {
  border: 1px #000000 solid;
  padding: 0px;
  text-align: right;
}

td {
  border: 1px #000000 solid;
  padding: 5px;
  text-align: right;
}

th {
  border: 1px #000000 solid;
  padding: 5px;
  text-align: center;
}

.space-top {
  padding-top: 5px;
}

/* .space {
  padding-top: 5px;
} */

.p-space {
  padding-top: 1px;
}

footer {
  text-align: right;
  border-top: 2px rgb(85, 85, 85) solid;
  padding: 12px 0 12px 0;
  margin-top: 50px;
}

.f-menu {
  text-decoration:none;
  color: black;
  padding-left: 15px;
}

.menu-ex {
  display: none;
}

/* .open {
  display: block;
} */

.menu {
  cursor: pointer;
}

.menu h3 {
  background-color: rgb(228, 225, 225);
  padding: 10px 0 10px 20px;
  border-radius: 5px;
}