.form-rowme{
    display: flex;
    width: 80%;
    flex-flow: row;
    margin: 3% 0 0 10%;
}

.form-row-content{
    flex-basis: 45%;
    margin-right: 2%;
}

.contacto-item2{
    display: inline-block;
    margin-right: 5%;
}

.contact-item-container2{
    margin-top: 2%;
    margin-left: 15%;
    width: 80%;
    display: flex;
    align-items: baseline;
    justify-content: flex-start;
    padding-bottom: 4%;
}


.pt-sans-italic{
    color: #757575;
    font-size: 20px;
    font-style: italic;
    font-family: 'PT Sans', sans-serif;
    font-weight: 700;
}

.pt-sans-italic1{
    color: #757575;
    font-size: 20px;
    font-style: italic;
    font-family: 'PT Sans', sans-serif;
    font-weight: 700;
}


.contact-image{
    width: 50%;
    margin: 0 0 0 48%;
}
.contact-text-container{
    margin-top: 15vh;
    margin-left: 15%;
    width: 80%;
    max-width: 80%;
    letter-spacing: 3px;
    display: inline-block;    
}


.oswald-bold-gray2{
    font-family: 'Oswald', sans-serif;
    font-weight: 700;
    color: #4C4B4D;
    font-size: 25px;
    margin-left: 15%;
    margin-top: 30%;
}

.white{
    background-color: white;
    width: 100%;
    position: relative;
    padding-top: 5%;
}

.first-div{
    background-image: url("../images/contact-us-b.png");
}


.contact-container{
    width: 100%;

}




.orange-text-tiny{
    color: #f58532;
    font-family: 'Oswald', sans-serif;
    font-weight: 700;
    font-size: 30px;
}


.oswald-light-white{
    margin-top: 8%;
    font-weight: 300;
    font-size: 35px;
    letter-spacing: 2.75px;
    color: #FFFFFF;
    font-family: 'Oswald', sans-serif;
    display: block;
}

.oswald-bold-white{
    margin-top: 8%;
    font-weight: 700;
    font-size: 35px;
    color: #FFFFFF;
    font-family: 'Oswald', sans-serif;
}
.oswald-light-gray{
    margin-top: 3%;
    font-weight: 300;
    font-size: 27px;
    color: #BBBEC4;
    font-family: 'Oswald', sans-serif;
    display: block;
}




/***********FORMULARIO***************************/

.form-container{
/*    
    background-color: red; */
    margin-left: 15%;
    margin-top: 5%;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 3px -6.49px 5px #0000002E;
    border-radius: 23px;
    width: 70%;
    position: relative;
    z-index: 100;

}

.form-content{
    width: 100%;
    justify-content: center;
    position: relative;
    padding-bottom: 1%;
}


.send-button{
    width: 166px;
    height: 82px;
    background: transparent url('../images/Grupo 603.png') 0% 0% no-repeat padding-box;
    border: none;
    cursor: pointer;
}

.clear-button{
    width: 98px;
    height: 35px;
    background: transparent url('../images/Grupo 600.png') 0% 0% no-repeat padding-box;
    border: none;
    cursor: pointer;
}


.input-form{
    border-radius: 25px 25px 25px 25px;
    width: 100%;
    background-color: rgb(245, 245, 245);
    box-shadow:inset 0 0 4px  rgb(184, 184, 184);
    -moz-box-shadow:inset 0 0 4px  rgb(184, 184, 184);
    -webkit-box-shadow:inset 0 0 4px  rgb(184, 184, 184);
}

.input-form-message{
    border-radius: 25px 25px 25px 25px;
    width: 84%;
    background-color: rgb(245, 245, 245);
    box-shadow:inset 0 0 4px  rgb(184, 184, 184);
    -moz-box-shadow:inset 0 0 4px  rgb(184, 184, 184);
    -webkit-box-shadow:inset 0 0 4px  rgb(184, 184, 184);   
    resize: none;
    margin-top: 1%;
    margin-left: 10%;
}

/* Set the size of the div element that contains the map */
#map{
    position: relative;
    height: 1000px;  /* The height is 400 pixels */
    width: 100%;  /* The width is the width of the web page */
    margin-top: -300px;
    overflow: auto;
}

.icono-contacto2{
    cursor: pointer;
}

.contact{
    display: flex;
    margin-left: 3%;
    flex-wrap: wrap;
} 

a:hover{
    text-decoration: none;
}


.hear-container{
    width: 80%;
    display: flex;
    flex-flow: column;
    margin-left: 10%;
    margin-top: -5%;
}

.buttons{
    position: relative;
    flex-basis: 40%;
    display: flex;
    align-items: center;
    margin: auto;

    min-width: 225px;
    flex-wrap: wrap;
    justify-content: flex-end;
    margin-right: 1%;
}

.form-row-contact{
    display: flex;
    flex-flow: row;
    margin-left: 10%;
    align-items: center;
    width: 86%;
    margin-top: 4%;
    margin-bottom: 4%;
}

@media (max-width:1600px){
    .first-div{
        background-size: auto 1000px;
    }
}

@media (max-width:550px){

    
    .form-container{
        width: 90%;
        margin-left: 5%;
    }
    .contact-image {
        width: 90%;
        margin: 0% 0 0 4%;
    }
    .form-rowme {
        display: flex;
        width: 90%;
        flex-flow: column;
        margin: 3% 0 0 10%;
    }

    .form-row-content{
        flex-basis: 50%;
    }

    .input-form{
        width: 90%;
    }

    .input-form-message{
        width: 80%;
        min-height: 170px;
    }

    .form-row-contact{
        flex-flow: column;
        margin-left: 5%;
        width: 90%;
        align-items: flex-start;
    }

    .buttons{
        order: 1;
        min-width: 300px;
        justify-content: space-between;
    }
    .contact{
        order: 2;
        align-content: center;
        width: 90%;
        justify-content: center;

    }

    .pt-sans-italic{
        order: 2;
        margin-left: 8%;
        margin-bottom: 4%;
    }

    .pt-sans-italic1{
        order: 2;
        margin-bottom: 4%;
    }

    .contact-item-container2{
        flex-flow: column;
        margin-left: 5%;
        width: 90%;
    }

    #map{
        height: 450px;
        margin-top: 10%;
    }
    .white{
        padding-bottom: 20%;
        padding-top: 10%;
    }

    .oswald-bold-gray2{
        margin-left: 5%;
    }
}