/* Responsive Styles*/

@media screen and (max-width: 800px)
{


 #modal{position: absolute;top:-100px;left: 0px;right:0px;bottom:110%;background-color: rgba(0,0,0,1);width: 100%;height:110%;z-index: 98;}

 .fa-times-circle{position:fixed;top:20px;right: 20px;font-size:2em;background-color: transparent;z-index:99;color: #d3d311;}

 #emb{width:100%;height:auto;margin: auto;margin-top:100px;}

#row-hidden-slide{display: none;}

.navbar-nav:hover{background-color:none}

#menu-fixed{background-color:rgba(39, 36, 40, 0.8);padding-top:10px;}

#logo{width:100px;height:50px;margin-left:10px;}

#logo-down{width:100px;height:50px;margin-left:27px;}

#ul-menu-fixed{width:96%;margin:auto;}

#menu-fixed li{border:1px solid transparent;}

#menu-fixed li:hover{border-bottom:1px solid #dadc00;background-color:transparent;}

#menu-fixed li a{font-size:80%;border-bottom:1px solid white;padding:10px;}

.dropdown-menu{background-color:rgba(39, 36, 40,1);border-color:transparent;}

.dropdown-menu .dropdown-item{border-bottom:1px solid gray;padding:5px;width: 100%;}


.dropdown-menu .dropdown-item:hover{border-bottom:1px solid gray;}


#span-ampersand{color:#dadc00;}

.dropdown-menu .dropdown-item:hover{border-bottom:1px solid #dadc00;}


#hidden-icon{display:inline-block;}

.navbar-toggler{background-color:#d3d311;font-size:90%;border-radius:0.2px;}

#container-background-image{display: none;}

#container-gallery{margin-top:100px;}

.card{margin:5px 20px;}

.card-group{margin-bottom:0px;}

/* ESTILOS ELEMENTO HIDDEN */
#hidden-card{background-color:#fff;margin-top:50px 0px 30px 0px;display:block;border-radius:0px;width:90%;margin-left: 5%;margin-right: 5%;}

#hidden-card .card-body{border-radius:0px;border:none;margin: 0px;width:100%;padding:20px 10px;}

#hidden-card .card-body .card-title{color:#228896;margin-top: 20px;font-size:80%;text-align:center;}

#hidden-card .card-body .card-text{font-size:70%;font-family:Roboto-Thin;text-align: justify;height:150px;padding-left:5px;padding-right:5px;}


/* BACKGROUND COLOR OF CARDS BODIES */
#hidden #card-body-1{background-color:#fff;padding:20px;}

#hidden #card-body-2{background-color:#fff;padding:20px;}

#hidden #card-body-3{background-color:#fff;padding:20px;}

#hidden #card-body-4{background-color:#fff;padding:20px;}

#hidden #card-body-5{background-color:#fff;padding:20px;}

/* GENERAL STYLES TITLES CARDS */
#hidden .card-body .card-title{font-size:80%;font-family:Roboto-Thin;text-align: center;margin-bottom:20px;}

/* COLOR TITLES*/
#hidden #card-body-1 .card-title{color:#228896;}
#hidden #card-body-2 .card-title{color:#228896;}
#hidden #card-body-3 .card-title{color:#228896;}
#hidden #card-body-4 .card-title{color:#228896;}
#hidden #card-body-5 .card-title{color:#228896;}

/* GENERAL STYLES TEXT CARDS */
#hidden .card-body .card-text{font-size:80%;font-family:Roboto-Thin;text-align: justify;}
/* STYLES CARD TEXT */
#hidden #card-body-1 .card-text{color:#000;}
#hidden #card-body-2 .card-text{color:#000;}
#hidden #card-body-3 .card-text{color:#000;}
#hidden #card-body-4 .card-text{color:#000;}
#hidden #card-body-5 .card-text{color:#000;}

/* TITLE FORM CONTACT */
#h1-div-4{font-family:Roboto-Regular;font-size:100%;margin:0px;padding-top:40px;}

#form-contact{width:90%;}

/* COLOR FONT INPUTS FORM CONTACT*/
#row-form-contact #form-contact input{font-size:75%;}
/* COLOR FONT TEXTAREA FORM CONTACT*/
#row-form-contact #form-contact textarea{font-size:75%;}

#row-form-contact #form-contact #send{font-size:80%;width:50%;margin:10px 25% 20px 25%;}

/* STYLES INPUTS FIELDS FORM CONTACT */
#row-form-contact #form-contact #input1{padding:5px;height:50px;border:6px solid #d3d311;outline: none;}

#div-5 #first-h1-1{line-height: 16px;font-size:100%;}

#div-5 #first-h1-2{line-height:1px;font-size: 100%;}

#div-5 #first-p-1{font-family:Roboto-Regular;line-height:0.5px;text-align: center;font-size:60%;}

#div-5 #first-p-2{font-family:Roboto-Regular;line-height:0.5px;text-align: center;font-size:45%;}

#row-map #col-map{padding:10px 0px;margin:0px;}

/*#row-map #col-map #logo{width:100px;height:50px;margin:10px auto auto 5%;}*/

#row-map #col-map #ulmap3{margin:10px 0px 10px 37px;}

#row-map #col-map #ulmap3 li{line-height: 30px;margin-top:-10px;}

#row-map #col-map #ulmap3 li a{font-size:60%;}


/* TWO */
#last-row-col1{padding-top: 10px;padding-bottom:10px;background-color:#3e3a39;}

#h1-servicios-last-row{font-size:80%;margin:30px 0px 0px 0px;}

#last-row-col2{padding-top: 10px;padding-bottom: 10px;background-color: #3e3a39;}



#h4-contact-last-row{font-size:80%;padding:20px 0px 10px 0px;}

#ulmap2{margin:10px 5px 10px 5px;}

#ulmap2 li a{font-size:70%;}

#footer{height:50px;}

#p-footer{margin:auto;}

#span-copy{font-size:100%;padding:5px 0px;}

#span-text{font-size:70%;padding:0px;}

#ulmap1{margin:0px 25px 0px 25px;}

#ulmap1 li a{font-size:70%;}

#ulmap1 li:hover{background-color:#272423;color:white;}

#ulmap1 li span i{background-color: rgba(0,0,0,0);color:yellow;font-size: 1em;padding:10px;}

#trans
{
    display: none;
}

}