body{

}
#formContact{
    border-radius: 25px;
    padding-top: 40px;
    background: #399764;
}
img{
    position: absolute;
    border-radius: 25px;
    width: 90%;
    margin-top: -50px
}
p{
    color: #ffffff;
    position: relative;
    z-index: 100;
    top: 200px;

    left: 0;

    width: 100%;
}
footer{
    text-align: center;
    font-size: 20px;
    position:absolute;
    /*bottom:0;*/
    width:100%;
    height:120px;   /* Height of the footer*/
    background:#283a44;
}
.navbar-collapse{
    color: #000000;
    font-weight: bold;
    text-align: center;
    background-image: url(../img/Contctanos.jpg);
    /* background-size: 300px;
     padding-bottom: 200px;*/
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{
    font-size: 15px;
    padding-bottom: 100px;
}
.container-fluid{
    border: 2px groove #a09fa6;
    border-top: none;

    padding-bottom: 40px;
}
#area{
    display: inline-block;
}
.btn-file {
    position: relative;
    overflow: hidden;
}

/*estilos para modificar un input type file juneto con este html

<span class="btn btn-default btn-file">
                        Adjuntar Archivos <input type="file">
                     </span>
*/

.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand{
    color: #000000;
    font-weight: bold ;
    font-size: 20px;
}
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand:hover{
    color: #b0b0b0;
}


.navbar-default .navbar-nav>li>a{
    color: #000000;
    font-weight: bold ;
    font-size: 20px;
}
.navbar-default .navbar-nav>li>a:hover{
    color: #b0b0b0;
}


/*footers

 position:absolute;
   bottom:0;
   width:100%;
   height:60px;   /* Height of the footer
background:#6cf;
*/














/*********************medias*********************/


/* ----------- iPhone 5 and 5S ----------- */
/* Portrait and Landscape */
@media only screen
and (min-device-width: 320px)
and (max-device-width: 568px)
and (-webkit-min-device-pixel-ratio: 2) {
    footer{
        bottom: 0;
    }
    .navbar-collapse{
        background: none;
    }
    .navbar-default .navbar-collapse, .navbar-default .navbar-form{
        background: none;
    }
    p{
        margin-top: -400px;
    }
    img{
        padding-top: 91px;;
    }
}

/* Portrait */
@media only screen
and (min-device-width: 320px)
and (max-device-width: 568px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: portrait) {
}

/* Landscape */
@media only screen
and (min-device-width: 320px)
and (max-device-width: 568px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: landscape) {

}
/*---------------------iphone 5 and 5ss ----------------*/

/* ----------- iPhone 6 ----------- */

/* Portrait and Landscape */
@media only screen
and (min-device-width: 375px)
and (max-device-width: 667px)
and (-webkit-min-device-pixel-ratio: 2) {
    body{

    }
}

/* Portrait */
@media only screen
and (min-device-width: 375px)
and (max-device-width: 667px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: portrait) {

}

/* Landscape */
@media only screen
and (min-device-width: 375px)
and (max-device-width: 667px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: landscape) {

}

/* ----------- iPhone 6+ ----------- */




@media only screen
and (min-device-width: 520px)
and (max-device-width: 961px)
and (-webkit-min-device-pixel-ratio: 2) {
    footer{

        bottom: -550px;
    }
    p{
        margin-top: -400px;
    }

}