section.item{ background-size:cover; height:80vh; background-attachment: fixed; margin: auto; background-image:url("img/grulla_10.jpg"); background-position:center; } section.place{ background: #C22A39; padding:40px; } p.place{ font-size: 1.5em; color: white; text-align: center; } p.cname{ font-size: 1.7em; color: white; text-align: center; margin: 7px; } a.bt3{ display:block; padding:0.7em 1.7em; margin: 4em 20vw 2px; border-radius:0.2em; font-family:'Roboto',sans-serif; color:#FFFFFF; background-color:#333333; box-shadow:inset 0 -0.6em 1em -0.35em rgba(0,0,0,0.17),inset 0 0.6em 2em -0.3em rgba(255,255,255,0.15),inset 0 0 0em 0.05em rgba(255,255,255,0.12); text-align:center; } a.bt3:active{ box-shadow:inset 0 0.6em 2em -0.3em rgba(0,0,0,0.15),inset 0 0 0em 0.05em rgba(255,255,255,0.12); } @media all and (max-width:30em){ a.bt3{ display:block; margin:0.4em auto; }} span.bt3{ font-size:3em; font-family:'Comic Sans MS'; border-right:1px solid rgba(255,255,255,0.5); padding-right:0.3em; margin-right:0.3em; vertical-align:middle; } /*===========================*/ section.description{ background-color:white; justify-content: center; -webkit-justify-content: center; } article.info{ flex:1 1 250px; max-width:370px; margin:auto; min-width:250px; padding-left:20px; } p.pbig{ font-weight:bold; font-size:1.8em; } p.pmed{ font-size:1.1em; } article.specs{ flex:2 2 250px; margin:auto; max-width:420px; } p#subt{ margin: 10px; color: black; font-size: 1.2em; } article.specs >p{ margin-bottom: 30px; color: black; font-size: .875rem; font-weight: 400; line-height: 1.5; min-width:250px; } p.promo{ margin: 10px; color: #c22a39; font-size: 1.2em; } section.map{ background-color:#333333; overflow:hidden; height:80vh; min-height:400px; position:relative; } section.map > iframe{ width:70%; height:70%; top:15%; left:15%; overflow: hidden; position:absolute; } p.arrive{ position:absolute; left:10%; top:1%; font-size:1.5em; color:white; } article.contact{ }