@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300);

#mapa{
    width: 800px;
    height: 600px;
}

#onas-container{
    text-align: left;
}
#onas-h4{
    position: absolute;
    font-family: "Open Sans", sans-serif;
    color: white;
    width: 400px;
    margin-left: 0px;
    opacity: 0;
    margin-top: 50px; 
}
#onas-p{
    position: absolute;
    font-family: "Open Sans", sans-serif;
    color: white;
    font-size: large;
    width: 400px;
    margin-left: 0px;
    opacity: 0;
    margin-top:150px;
}

.clicable{
    cursor: pointer;
}

.my-gallery-container{
    margin-top: 75px;
    /* width: 1200px; */
    /* border: 3px red solid; */
}
.offer-container{
    width: 1200px;
    margin-top: 75px;
    /* border: 3px red solid; */
}

.gallery-div {
    width: 200px;
    padding: 0;
    margin: 10px;
    /*border: 3px blue solid; */
}

.my-container {
    width: 800px;
    margin-top: 75px;
}

.my-img {
    max-width:50%; 
    max-height: 50%; 
    margin-top: 25%;
    position: absolute;
}

.photo-container{
    width: 100%;
    height: 100%;
}

.tile {
    background: rgb(104,173,213);
    height: 200px;
    width: 200px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}

.tile-grey {
    background: grey;
}

.line {
    border: 2px rgb(193, 193, 228) solid;
    width: 860px;
    margin-top: 75px;
    border-radius: 3px;
}

.contact-div{
    height: 90px;
    vertical-align: middle;
    /* border: 3px red solid; */
}

.contact-div p{ 
    font-size: large;
}
.contact-div a{ 
    font-size: large;
}

.contact-div img{ 
    margin-top: 5px;
}
.contact-container{
    width: 800px;
    margin-top: 75px;
    margin-bottom: 50px;
}

.offer-div{
    /* width:400px;
    height:100px; */
    height: 100px;
}

.offer-div p{
    font-size: x-large;
}

@media (max-width: 960px) {
    .line{
        border: 2px rgb(193, 193, 228) solid;
        width: 860px;
        margin-top: 50px;
        border-radius: 3px;
    }
    #mapa{
        width: 600px;
        height: 450px;
    }

    .my-container {
        width: 600px;
        margin-top: 50px;
    }
    #onas-h4{
        position: absolute;
        font-family: "Open Sans", sans-serif;
        color: white;
        width: 300px;
        opacity: 0;
        margin-left:0px;
        margin-top:30px; 
    }
    #onas-p{
        position: absolute;
        font-family: "Open Sans", sans-serif;
        color: white;
        font-size: small;
        opacity: 0;
        width: 300px;
        margin-left: 0px;
        margin-top:120px;
    }
    .tile {
        background: rgb(104,173,213);
        height: 150px;
        width: 150px;
        padding-top: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
        padding-left: 0px;
    }
    .tile-grey {
        background: grey;
    }

    .line {
        border: 2px rgb(193, 193, 228) solid;
        width: 640px;
        margin-top:50 px;
        border-radius: 3px;
    }

    .offer-div p{
        font-size: medium;
    }

    .contact-div{
        height: 90px;
        /* border: 3px red solid; */
    }
    
    .contact-div p{
        margin-top: 5px;
        margin-left: 10px; 
        font-size: medium;
    }

    .contact-div a{
        margin-top: 5px;
        margin-left: 10px; 
        font-size: medium;
    }

    .contact-div img{
        margin-top:5px;
        min-width: 50px;
        min-height: 50px;
    }
}