body {
    position: relative;
    width: 100%;
    background-color: #fff;
}

#section1 {
  padding-top:70px;
  padding-bottom: 20px;
  height:100%;
  color: #000;
  background-color: #fff;
  width: 100%;
}

#section1 h1 {
  text-align: center;
}

#section1 a {
  color: #000;
  text-decoration: none;
}

.si:hover{
  box-shadow: 2px 2px 2px 2px hsla(0, 0%, 0%, 0.5);
  transform: scale(1.05, 1.05);
}

#section2 {
  padding-top:55px;
  padding-bottom: 50px;
  height:100%;
  color: #000;
  background-color: #fff;
  width: 100%;
}

#section2 a {
  color: #000;
  text-decoration: none;
}

#section21 {
  padding-top:55px;
  padding-bottom: 50px;
  height:100%;
  color: #000;
  background-color: #fff;
  width: 100%;
}

#section22 {
  padding-top:55px;
  padding-bottom: 50px;
  height:100%;
  color: #000;
  background-color: #fff;
  width: 100%;
}

#section3 {
  padding-top:55px;
  padding-bottom: 50px;
  height:100%;
  color: #000;
  background-color: #fff;
  width: 100%;
}

#section4 {
  padding-top:55px;
  padding-bottom: 50px;
  height:100%;
  color: #000;
  background-color: #fff;
  padding-left: 20px;
  padding-right: 20px;
  width: 100%;
}

#section4 a {
  color: #000;
  text-decoration: none;
}

#section41 {
  padding-top:55px;
  padding-bottom: 50px;
  height:100%;
  color: #000;
  background-color: #fff;
  width: 100%;
}

#section42 {
  padding-top:55px;
  padding-bottom: 50px;
  height:100%;
  color: #000;
  background-color: #fff;
  width: 100%;
}

#sectionbasic {
  padding-top:50px;
  height:500px;
  color: #fff;
  background-color: #000;
  background-image: url(../img/basket1.jpg);
  background-repeat: no-repeat;
  background-position: top;
  background-size: cover;
  background-attachment: fixed;
  width: 100%;
}
footer {
  padding-top:50px;
  height:100%;
  color: #fff;
  background-color: #23272a;
  text-align: left;
}

footer a {
  color: #fff;
}

.navbar {

}

.navbar-fixed-top{
  display: block;
}

.comenzar{
  width: 100%;
}

table{
  width: ;
  word-spacing: 5px;
  padding: 20px;
}

.problem tr{
  /* width: 100%; */
  word-spacing: 10px;
  padding: 20px;
}

.problem td{
  /* width: 100%; */
  word-spacing: 5px;
  padding: 20px;
}

.problem th{
  width: 100%;
  word-spacing: 5px;
  padding: 20px;
}
.apa{
  display: none;
  word-spacing: 0px;
  /* width:  */
}

@media (max-width: 500px){

	.desa{
		 display: none;

	}
	.apa{
		 display:block;
     text-align: center;

	}
  table{
    margin: 0;
    padding: 0;
  }
  .card{
    margin-left: 0;
    margin-right: 0;
  }
  .card-deck{
    margin-left: 0;
    margin-right: 0;
  }

  .problem tr{
    /* width: 100%;
    word-spacing: 10px; */
    padding: 10px;
  }

  .problem td{
    /* width: 100%;
    word-spacing: 5px; */
    padding: 10px;
  }

  .problem th{
    /* width: 100%;
    word-spacing: 5px; */
    padding: 10px;
  }

}