#footer {
  position: absolute;
  width: 100%;
  bottom: 0; }

.containerConvite {
  margin-bottom: 200px;
  height: auto; }
  .containerConvite #containerShareIncial {
    width: 100%;
    margin-top: 54px;
    margin-bottom: 35%; }
    .containerConvite #containerShareIncial .textointroducao, .containerConvite #containerShareIncial .textointroducao2 {
      width: 100%;
      text-align: center;
      padding-left: 5%;
      padding-right: 5%;
      font-size: 2em; }
    .containerConvite #containerShareIncial #portaretrato {
      width: 90%;
      left: 50%;
      -ms-transform: translateX(-50%);
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%);
      background-color: #6b228a;
      height: auto; }
      .containerConvite #containerShareIncial #portaretrato .imagemfundo {
        display: none;
        width: 100%;
        height: auto;
        margin: 0;
        padding: 0; }
        .containerConvite #containerShareIncial #portaretrato .imagemfundo img {
          width: 100%; }
      .containerConvite #containerShareIncial #portaretrato .imagemmobile {
        display: block;
        width: 100%;
        height: auto;
        margin: 0;
        padding: 0; }
        .containerConvite #containerShareIncial #portaretrato .imagemmobile img {
          width: 100%; }
      .containerConvite #containerShareIncial #portaretrato .logo {
        width: auto;
        padding: 12%;
        margin-top: 0;
        padding-bottom: 0;
        left: auto;
        -ms-transform: none;
        -webkit-transform: none;
        transform: none; }
        .containerConvite #containerShareIncial #portaretrato .logo img {
          width: 100%; }
      .containerConvite #containerShareIncial #portaretrato .nome {
        width: 100%;
        padding: 5%;
        padding-bottom: 0;
        margin-top: 0; }
        .containerConvite #containerShareIncial #portaretrato .nome input {
          width: 100%;
          left: auto;
          -ms-transform: none;
          -webkit-transform: none;
          transform: none;
          font-size: 3.3em;
          -moz-border-radius: none;
          -o-border-radius: none;
          border-radius: none; }
        .containerConvite #containerShareIncial #portaretrato .nome ::-webkit-input-placeholder {
          color: #ffffff;
          font-size: 0.6em;
          text-align: center; }
        .containerConvite #containerShareIncial #portaretrato .nome ::-moz-placeholder {
          color: #ffffff;
          font-size: 0.6em;
          text-align: center; }
        .containerConvite #containerShareIncial #portaretrato .nome :-ms-input-placeholder {
          color: #ffffff;
          font-size: 0.6em;
          text-align: center; }
        .containerConvite #containerShareIncial #portaretrato .nome :-moz-placeholder {
          color: #ffffff;
          font-size: 0.6em;
          text-align: center; }
      .containerConvite #containerShareIncial #portaretrato .texto1 {
        font-size: 2em;
        width: 100%;
        padding: 5%;
        padding-bottom: 0;
        margin-top: 0;
        left: auto;
        -ms-transform: none;
        -webkit-transform: none;
        transform: none; }
      .containerConvite #containerShareIncial #portaretrato .texto2 {
        width: 100%;
        font-size: 1.9em;
        padding: 5%;
        padding-bottom: 0;
        margin-top: 0;
        left: auto;
        -ms-transform: none;
        -webkit-transform: none;
        transform: none; }
      .containerConvite #containerShareIncial #portaretrato .texto3 {
        width: 100%;
        font-size: 2em;
        padding: 5%;
        padding-bottom: 0;
        margin-top: 0;
        margin-bottom: 13%;
        left: auto;
        -ms-transform: none;
        -webkit-transform: none;
        transform: none; }
  .containerConvite #containerShare {
    width: 100%;
    margin-top: 54px;
    margin-bottom: 35%; }
    .containerConvite #containerShare .textointroducao, .containerConvite #containerShare .textointroducao2 {
      width: 100%;
      text-align: center;
      padding-left: 5%;
      padding-right: 5%;
      font-size: 2em; }
    .containerConvite #containerShare #portaretrato2 {
      width: 90%;
      left: 50%;
      -ms-transform: translateX(-50%);
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%);
      /*background-color: #6b228a;*/
      height: auto; }
      .containerConvite #containerShare #portaretrato2 .imagemfundo {
        display: none;
        width: 100%;
        height: auto;
        margin: 0;
        padding: 0; }
        .containerConvite #containerShare #portaretrato2 .imagemfundo img {
          width: 100%; }
      .containerConvite #containerShare #portaretrato2 .imagemmobile {
        display: block;
        width: 100%;
        height: auto;
        margin: 0;
        padding: 0; }
        .containerConvite #containerShare #portaretrato2 .imagemmobile img {
          width: 100%; }
      .containerConvite #containerShare #portaretrato2 .logo {
        width: auto;
        padding: 12%;
        margin-top: 0;
        padding-bottom: 0;
        left: auto;
        -ms-transform: none;
        -webkit-transform: none;
        transform: none; }
        .containerConvite #containerShare #portaretrato2 .logo img {
          width: 100%; }
      .containerConvite #containerShare #portaretrato2 .nome {
        width: 100%;
        padding: 5%;
        padding-bottom: 0;
        margin-top: 0; }
        .containerConvite #containerShare #portaretrato2 .nome input {
          width: 100%;
          left: auto;
          -ms-transform: none;
          -webkit-transform: none;
          transform: none;
          font-size: 3.3em;
          -moz-border-radius: none;
          -o-border-radius: none;
          border-radius: none; }
        .containerConvite #containerShare #portaretrato2 .nome ::-webkit-input-placeholder {
          color: #ffffff;
          font-size: 0.6em;
          text-align: center; }
        .containerConvite #containerShare #portaretrato2 .nome ::-moz-placeholder {
          color: #ffffff;
          font-size: 0.6em;
          text-align: center; }
        .containerConvite #containerShare #portaretrato2 .nome :-ms-input-placeholder {
          color: #ffffff;
          font-size: 0.6em;
          text-align: center; }
        .containerConvite #containerShare #portaretrato2 .nome :-moz-placeholder {
          color: #ffffff;
          font-size: 0.6em;
          text-align: center; }
      .containerConvite #containerShare #portaretrato2 .texto1 {
        font-size: 2em;
        width: 100%;
        padding: 5%;
        padding-bottom: 0;
        margin-top: 0;
        left: auto;
        -ms-transform: none;
        -webkit-transform: none;
        transform: none; }
      .containerConvite #containerShare #portaretrato2 .texto2 {
        width: 100%;
        font-size: 1.9em;
        padding: 5%;
        padding-bottom: 0;
        margin-top: 0;
        left: auto;
        -ms-transform: none;
        -webkit-transform: none;
        transform: none; }
      .containerConvite #containerShare #portaretrato2 .texto3 {
        width: 100%;
        font-size: 2em;
        padding: 5%;
        padding-bottom: 0;
        margin-top: 0;
        margin-bottom: 13%;
        left: auto;
        -ms-transform: none;
        -webkit-transform: none;
        transform: none; }
    .containerConvite #containerShare .btns {
      width: 90%; }
      .containerConvite #containerShare .btns .btn {
        width: 46.4%;    height: 40px; }
      .containerConvite #containerShare .btns .btn:focus {
        background-color: #0f98d8 !important;
        width: 32.4% !important; }
      .containerConvite #containerShare .btns .btn:active {
        background-color: #0f98d8 !important;
        width: 32.4% !important; }
      .containerConvite #containerShare .btns .btn:visited {
        background-color: #0f98d8 !important;
        width: 32.4% !important; }
      .containerConvite #containerShare .btns .btn:link {
        background-color: #0f98d8 !important;
        width: 32.4% !important; }
      .containerConvite #containerShare .btns .btn2 {
        margin-left: 1.3%;display: none;}
      .containerConvite #containerShare .btns .btn3 {
        margin-left: 6.3%; }
    .containerConvite #containerShare .textobaixe {
      font-size: 2em;
      line-height: 1.4; }
    .containerConvite #containerShare .btncriar {
      width: 69%;
      font-size: 2em;
      height: 44px;
      line-height: 2.1; }
  .containerConvite #containerShareFake {
    width: 100%;
    margin-top: 54px;
    margin-bottom: 35%; }
    .containerConvite #containerShareFake .textointroducao, .containerConvite #containerShareFake .textointroducao2 {
      width: 100%;
      text-align: center;
      padding-left: 5%;
      padding-right: 5%;
      font-size: 2em; }
    .containerConvite #containerShareFake #portaretratofake {
      width: 90%;
      left: 50%;
      -ms-transform: translateX(-50%);
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%);
      /*background-color: #6b228a;*/
      height: auto; }
      .containerConvite #containerShareFake #portaretratofake .imagemfundo {
        display: block;
        width: 100%;
        height: auto;
        position: relative;
        margin: 0;
        padding: 0; }
        .containerConvite #containerShareFake #portaretratofake .imagemfundo img {
          width: 100%;display: block; }
      .containerConvite #containerShareFake #portaretratofake .imagemmobile {
        display: block;
        width: 100%;
        height: auto;
        margin: 0;
        padding: 0; }
        .containerConvite #containerShareFake #portaretratofake .imagemmobile img {
          width: 100%; }
      .containerConvite #containerShareFake #portaretratofake .logo {
        width: auto;
        padding: 12%;
        margin-top: 0;
        padding-bottom: 0;
        left: auto;
        -ms-transform: none;
        -webkit-transform: none;
        transform: none; }
        .containerConvite #containerShareFake #portaretratofake .logo img {
          width: 100%; }
      .containerConvite #containerShareFake #portaretratofake .nome {
        width: 100%;
        padding: 5%;
        padding-bottom: 0;
        margin-top: -66%; }
        .containerConvite #containerShareFake #portaretratofake .nome input {
          width: 100%;
          left: auto;
          -ms-transform: none;
          -webkit-transform: none;
          transform: none;
          font-size: 3.3em;
          -moz-border-radius: none;
          -o-border-radius: none;
          border-radius: none; }
        .containerConvite #containerShareFake #portaretratofake .nome ::-webkit-input-placeholder {
          color: #ffffff;
          font-size: 0.6em;
          text-align: center; }
        .containerConvite #containerShareFake #portaretratofake .nome ::-moz-placeholder {
          color: #ffffff;
          font-size: 0.6em;
          text-align: center; }
        .containerConvite #containerShareFake #portaretratofake .nome :-ms-input-placeholder {
          color: #ffffff;
          font-size: 0.6em;
          text-align: center; }
        .containerConvite #containerShareFake #portaretratofake .nome :-moz-placeholder {
          color: #ffffff;
          font-size: 0.6em;
          text-align: center; }
      .containerConvite #containerShareFake #portaretratofake .texto1 {
        font-size: 2em;
        width: 100%;
        padding: 5%;
        padding-bottom: 0;
        margin-top: 0;
        left: auto;
        -ms-transform: none;
        -webkit-transform: none;
        transform: none; }
      .containerConvite #containerShareFake #portaretratofake .texto2 {
        width: 100%;
        font-size: 1.9em;
        padding: 5%;
        padding-bottom: 0;
        margin-top: 0;
        left: auto;
        -ms-transform: none;
        -webkit-transform: none;
        transform: none; }
      .containerConvite #containerShareFake #portaretratofake .texto3 {
        width: 100%;
        font-size: 2em;
        padding: 5%;
        padding-bottom: 0;
        margin-top: 0;
        margin-bottom: 13%;
        left: auto;
        -ms-transform: none;
        -webkit-transform: none;
        transform: none; }
    .containerConvite #containerShareFake .btns {
      width: 95%; }
      .containerConvite #containerShareFake .btns .btn {
        width: 32.4%; }
      .containerConvite #containerShareFake .btns .btn:focus {
        background-color: #0f98d8 !important;
        width: 32.4% !important; }
      .containerConvite #containerShareFake .btns .btn:active {
        background-color: #0f98d8 !important;
        width: 32.4% !important; }
      .containerConvite #containerShareFake .btns .btn:visited {
        background-color: #0f98d8 !important;
        width: 32.4% !important; }
      .containerConvite #containerShareFake .btns .btn:link {
        background-color: #0f98d8 !important;
        width: 32.4% !important; }
      .containerConvite #containerShareFake .btns .btn2 {
        margin-left: 1.3%; }
      .containerConvite #containerShareFake .btns .btn3 {
        margin-left: 1.3%; }
    .containerConvite #containerShareFake .textobaixe {
      font-size: 2em;
      line-height: 1.4; }
    .containerConvite #containerShareFake .btncriar {
      width: 69%;
      font-size: 2em;
      height: 44px;
      line-height: 2.1; }

#portaretratofake {
  left: auto;
  -ms-transform: none;
  -webkit-transform: none;
  transform: none; }
  #portaretratofake .logo {
    left: auto;
    -ms-transform: none;
    -webkit-transform: none;
    transform: none; }
  #portaretratofake .nome textarea {
    left: auto;
    -ms-transform: none;
    -webkit-transform: none;
    transform: none; }
  #portaretratofake .texto1, #portaretratofake .texto2, #portaretratofake .texto3 {
    left: auto;
    -ms-transform: none;
    -webkit-transform: none;
    transform: none; }

.contentimagemgerada{
    height: auto;
}

.contentimagemgerada .fotoprincipal{
    width: 90%;
    margin-top: 20%;
}

.contentimagemgerada .buttonvoltar{

    width: 77%;
    font-size: 3em;
    margin-bottom: 100%;
}

/*# sourceMappingURL=mobile.css.map */