cleaning the house

public/proc/event/event.css

@@ -0,0 +1,127 @@
+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{
+}