/* Style Hex */
@font-face {
    font-family: 'valencia sans';
    src: url('../font/valenciasans.woff2') format('woff2'),
        url('../font/valenciasans.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

body {background: url(../img/flores-top-300.png) no-repeat top left #FDF3F0; text-align: center;}

h1, h2, h3 {font-family: 'valencia sans'; font-weight: normal; font-style: normal;}
h2 span {display: block; font-family: 'Amatic SC', cursive; font-weight: 400;}
a {font-size: 1.5rem; display: block; margin-bottom: 20px;}
h1 {font-size: 3.5rem;}
p {font-size: 19px;}
hr { border-bottom: solid 1px #FCE3EA; width: 40%; -webkit-box-shadow: 0 1px 0 0 rgba(255,255,255,.9);
box-shadow: 0 1px 0 0 rgba(255,255,255,.9);}
.pushDown { margin-bottom: 20px;}
.mirandaXv img { max-width: 240px;}
.amatic {font-family: 'Amatic SC', cursive;}
.amaticBold {font-family: 'Amatic SC', cursive; font-weight: 800;}
.pacifico {font-family: 'Pacifico', cursive;}
.morado { color: #9D248E;}
.rosa { color: #D3307A;}
.cuentaAtras { background: rgba(255,255,255,.6); border-radius: 4px; margin-bottom: 40px;}
.cuentaAtras h1 {font-weight: 400; }
a.openMap { background: #B29ED9; border-radius: 4px; padding: 10px; color: #fff; font-family: 'Amatic SC', cursive; font-family: 24px; margin-right: 10px; text-shadow: 1px 1px 0 #821E76;}

footer { background: url(../img/flores-bottom-300.png) no-repeat bottom right; padding: 40px;}

/* Form */
.formWrapper {
    padding: 40px 20px 20px 20px;
}
.formBg {
  background-color: rgba(255,255,255,.6);
  margin-bottom: 60px;
  padding-top: 20px;
  border-radius: 8px;
}
.back {
    padding: 10px;
    margin-top: 0px !important;
    margin-bottom: 10px !important;
}
.tituloForm h3 {
    font-size: 24px;
    margin-top: 4px;
    color: #323232;
    font-weight: 700;
    text-align: center;
}
.tituloForm h3 span {
    font-size: 20px;
    display: block;
    font-weight: 400;
}
.form-control {
    border-radius: 8px;
    padding: 10px;
    border: 1px solid #D3307A;
    width: 100% !important;
    background: rgba(211,48,122,0.1);
    min-height: 80px;
    font-size: 2.5rem;
    font-family: 'Amatic SC', cursive;
    font-weight: 800;
}
textarea {
    width: 100% !important;
    color: #000;
    padding: 6px 12px;
    border: 1px solid #ccc;
}
.checkbox, .radio {
    position: relative;
    display: block;
    margin-top: 0;
    margin-bottom: 0;
}

.btn-success {
    width: 100% !important;
    background-color: #9D248E;
    padding: 10px;
    font-size: 4rem;
    font-family: 'Amatic SC', cursive;
    font-weight: 800;
}

.btn-success:hover {
    color: #fff;
    background-color: #D3307A;
    border-color: #9D248E;
}

.combo { height: 80px; padding: 10px;}

.form-group { margin-bottom: 15px !important;}

.action {
    background-color: #40d74e;
    padding: 10px;
    font-size: 18px;
    color: #fff;
    text-transform: none;
    letter-spacing: 1px;
    text-shadow: 1px 1px 0 #00BD0D;
        margin-bottom: 40px;
}
.action:hover {
    background-color: #40d74e;
    padding: 10px;
    font-size: 18px;
    color: #aeffb4;
    text-transform: none;
    letter-spacing: 1px;
    text-shadow: 1px 1px 0 #00BD0D;
}
.brake { display: block; }


@media (min-width: 600px) {
  .mirandaXv img {
    max-width: 500px;
  }
}

@media (min-width: 600px) {
  a {font-size: 4em;}
  h1 {font-size: 7.5rem;}
  h2 {font-size: 4.5em;}
  p {font-size: 4em;}
}
