/*==========  Mobile First Method  ==========*/


body{
    background: #BDCDC3;
    font-family: "Open Sans", roboto;
}



/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) {
    #conoce-gaia{
        margin-top:50px;
        margin-bottom: 50px; 
    }
    #conoce-gaia img{ 
        display: block;
        margin: 30px auto; 
    }
    #modelos img{
        display: block;
        margin: 15px auto;
    }
    #amenidades{background:#153E35;padding-top: 5%; padding-bottom: 5%;}
    #amenidades-2{background:#89A8A2;padding-top: 5%; padding-bottom: 5%;}

    #gaia-gallery{background: #ffffff; padding:10px 20px;}
    #gaia-gallery a{margin: 0px; padding: 0px;}
    #gaia-gallery a img{margin: 10px 0px;padding: 0px; width: 100%;}
    #footer{background: #003C37;padding-top: 50px; padding-bottom: 50px;}
    #footer img.img-center{margin: 0 auto;display: block;}
    


    #contact-form{
        margin: 50px 0px;
    }
    #contact-form label{display: none;}
    #contact-form .form-control{
        background:#002F2B;
        border: 0px;
        border-radius:0px; 
        color: #fff;
        margin-top: 15px;
        padding:15px 30px;
        min-height: 60px;
    }
    #contact-form > div.controls > div:nth-child(4) > div:nth-child(2) > input{
        background: #89A8A2;
        border-radius: 0px;
        border:0px;
        color: #fff;
        display: block;
        font-family: "Serif";
        font-size: 18px;
        font-weight: bold;
        margin: 40px auto;
        min-width: 50%;
        padding: 15px 30px;
        text-align: center;
    }
    #contact-form > div.controls > div:nth-child(4) > div:nth-child(2) > input

    #contact-form .form-control::placeholder{color: #8AA9A3;}

    #contact-form .help-block.with-errors ul{
        background: red;
        color: yellow;
        margin-top: 0px;
        padding: 5px 10px;
    }

    .parpadea {
      
      animation-name: parpadeo;
      animation-duration: 1s;
      animation-timing-function: linear;
      animation-iteration-count: infinite;

      -webkit-animation-name:parpadeo;
      -webkit-animation-duration: 1.5s;
      -webkit-animation-timing-function: linear;
      -webkit-animation-iteration-count: infinite;
    }

    @-moz-keyframes parpadeo{  
        0% { opacity: 1.0; }
        85% { opacity: 1.0; }
        100% { opacity: 0.3; }

    }

    @-webkit-keyframes parpadeo {  
        0% { opacity: 1.0; }
        85% { opacity: 1.0; }
        100% { opacity: 0.3; }

    }

    @keyframes parpadeo {  
        0% { opacity: 1.0; }
        85% { opacity: 1.0; }
        100% { opacity: 0.3; }

    }


    #depas87{
        margin-top:50px;
        margin-bottom: 50px;
    }
    #footer .powered-by{
        color: #8AA9A3;
        font-size: 11px;
        margin: 30px 0px;
        text-align: right;
    }
    #footer .powered-by p{
        float: right;
        text-align: right;
    }

    #footer .powered-by a{color: #8AA9A3;}
    #footer .powered-by a:hover{color: #fff;}

}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
    #conoce-gaia img,
    #modelos img { margin: 0 ;}
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}