body {
    font-size: 16px;
    overflow-x: hidden;
     font-family: "Source Sans 3", sans-serif;
   
}

a:hover {
    text-decoration: none;
}

a {
    text-decoration: none;
}

#pie a:hover {
    text-decoration: underline;
    color: #fff;
}

img {
    margin: 0;
    max-width: 100%;
}
:focus{outline:none;}


@font-face {
     font-family: 'PublicoHeadline-Black';
    src: url('../fonts/PublicoHeadline-Black.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
.seccion-bg{
   margin-top:90px; 
}
.seccion{
    margin-top:45px;
}


/*================================= content ==================================*/


header{
    background-image: url(../img/HEADER%20FORMULARIO_FERIA%20AXA%20XL.jpg);
    background-size: cover;
    background-position: center;
    height: 480px;
}
h1{
    font-family: 'PublicoHeadline-Black';
    font-weight: 700;
    font-size: 3.75rem;
    line-height: 3.3rem;
    letter-spacing: 1px;
    text-align: center;
}
.exp{
     font-family: "Source Sans 3", sans-serif;
    font-weight: 400;
    font-size: 1.38rem;
    line-height:1.625rem;
    text-align: center;
    
}
.blue-box>div{
    background-color: #00008F;

}

.blue-box h2{
   font-weight: 600;
    font-size: 1.612rem;
    line-height:1.6rem; 
}
.blue-box>p{
  font-weight: 400;
    font-size: 1.074rem;
    line-height:1.074rem;   
}
.blue-box>div>p{
   font-weight: 600;
    font-size: 1.074rem;
    line-height:1.074rem;  
}
.terminos label{
    font-weight: 600;
    font-size: 1rem;
    line-height:1.5rem;   
}
figcaption{
   font-weight: 400;
    font-size: 0.7rem;
    line-height:1.074rem;
    font-style: italic;
}
.confirm a{
  background-color: #00008F; 
    padding:12px 26px;
    color:#fff;
    transition:1s linear; 
}
.confirm a:hover{
  background-color: #fff; 
    border:1px solid #00008F;
    color:#00008F;
}
footer{
  background-color: #00008F;  
}
footer a{
    font-weight: 600;
    font-size: 0.813rem;
    line-height:1.125rem;
    color:#fff;
}
footer span{
    font-weight: 600;
    font-size: 0.813rem;
    line-height:1.125rem;
    color:#ffffffb0;
    padding:0 5px;
}

/*================================= responsive ==================================*/

@media (min-width: 2000px) {
    .container-fluid {
        max-width: 2000px;
    }
}
@media (max-width: 1399.98px) {
 header {

    height: 350px;
}

}

@media (max-width: 1199.98px) {
 header {

    height: 350px;
}

}



@media (max-width: 991.98px) {
 header {

    height: 210px;
}
}
@media (max-width: 767.98px) {
 h1 {

    font-size: 3rem;
    line-height: 2.3rem;

}
    .exp {
    font-size: 1rem;
    line-height: 1.2rem;

}
    .blue-box h2 {
    font-size: 1.2rem;
    line-height: 1.2rem;
}
    .blue-box>div>p {
    font-size: 0.9rem;
    line-height: 0.9rem;
}
    form .col-md-6{
        margin-bottom: 1rem;
    }
    .seccion-bg{
   margin-top:45px; 
}
.seccion{
    margin-top:27px;
}

}

@media (max-width: 575.98px) {
   


}