/*-------------LISTON--------------*/
#fondoImg {
background-color:#362e5f;

min-height: 60px;
}
.flex-container {
  /*display: relative;*/
  justify-content: center;
  align-items: center;
  position: relative;
    top: -250px;
z-index: 500;
}

.ribbon {
  background-color: #e7c52f;
  text-align: center;
  color: #fff;
  width: 100%;
  transform: matrix(1, -0.20, 0, 1, 0, 0);
}

.ribbon__text {
  font-size:6rem;
  /*margin: 4% 0;*/
    line-height: 1.2;
}
.ribbon__text {
  font-size:8rem;
  /*margin: 4% 0;*/
    line-height: 1.2;
}

// Color Modifiers
.ribbon--red {
  background-color: #e7c52f;
}
/**/
div#textoGiro1 {
    -ms-transform: rotate(-7deg); /* IE 9 */
    -webkit-transform: rotate(-7deg); /* Safari */
    transform: rotate(-7deg); /* Standard syntax */
    color: #ffffff;
    font-size: 27px;
    font-weight: 700;
    margin-top: -40px;
}
div#textoGiro2 {
    -ms-transform: rotate(-7deg); /* IE 9 */
    -webkit-transform: rotate(-7deg); /* Safari */
    transform: rotate(-7deg); /* Standard syntax */
    color: #ffffff;
    font-size: 20px;
    font-weight: 500;
    margin-top: 10px;
}
@media only screen and (min-width: 768px) {
    #fondoImg {
    background-color:#362e5f;
    /*background-image: url(../../images/gratuitoBack.jpg);*/
    background-position: center top, left top;
    background-repeat: no-repeat, repeat;
        min-height: 246px !important;}
}
@media only screen and (min-width: 768px) {
    #fondoImg {
    background-color:#352A61;
    /*background-image: url(../../images/gratuitoBack.jpg);*/
    background-position: center top, left top;
    background-repeat: repeat repeat-x;
    min-height: 500px;
}
@media only screen and (min-device-width:320px) and (max-device-width:600px) {

      #fondoImg {
    background-color:#691971;

    min-height: 200px;
}

        div#textoGiro1 {
    -ms-transform: rotate(-10deg); /* IE 9 */
    -webkit-transform: rotate(-10deg); /* Safari */
    transform: rotate(-10deg); /* Standard syntax */
    color: #ffffff;
    font-size: 16px !important;
    font-weight: 600;
    margin-top: -40px;
}
div#textoGiro2 {
    -ms-transform: rotate(-10deg); /* IE 9 */
    -webkit-transform: rotate(-10deg); /* Safari */
    transform: rotate(-10deg); /* Standard syntax */
    color: #ffffff;
    font-size: 13px !important;
    font-weight: 300;
    margin-top: 10px;
}
    .ribbon__text {
  font-size:2rem;
  /*margin: 4% 0;*/
    line-height: 1.2;
}
.ribbon__text {
  font-size:3rem;
  /*margin: 4% 0;*/
    line-height: 1.2;
}



}