img#logo{
  position: relative;
 margin-top: 105px;
  width: 250px;
  z-index: 1100;
  -webkit-transition: width .5s, height .5s, margin-top .5s;
}

img#logo1{
  float: left;

  margin: 5px auto;
  width: 50px;
  opacity: 0.0;
  -webkit-transition: opacity .5s, width .5s, margin .5s;
}

img#reseña{
  width: 150px;
}


#body{
  width: 100%;
  height: 100px;

}

.regla{
  width: 70%;
}

.bar{
  width: 1008px;
    height: 404px;
    background: rgb(57, 57, 57);
    margin: auto;
}


.bas{
  width: 80%;
  min-width: 320px
}

.tarbas{

  width: 100%;
}
.tar{
  width: 250px;
  height: 150px;
  display: inline-block;
  text-align: center;

   padding: 6px;
   margin: auto;
}
.paq{
  width: 320px;
}

.content iframe{
 width: 560px;
 height: 315px;

}

@media screen and (max-width: 800px){
  img#logo{
    margin-top: 0px;
  }
  #body{
    height: 35px;

  }


  .content iframe{
	 width: 380px;
	 height: 210px;

	}

}