check

public/home/event/event.css

@@ -1,31 +1,61 @@
 section.item{
- background-size:cover;
- height:80vh;
- background-attachment: fixed;
- margin: auto;
- background-image:url("img/grulla_10.jpg");
- background-position:center;
+  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;
+  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;
+  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;
+  background-color:white;
+  justify-content: center;
+  -webkit-justify-content: center;
 }
+
 article.info{
   flex:1 1 250px;
   max-width:370px;
@@ -33,55 +63,58 @@ article.info{
   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;
+  flex:2 2 250px;
+  margin:auto;
+  max-width:420px;
 }
+
 p#subt{
-margin: 10px;
-color: black;
-font-size: 1.2em;
+  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;
+  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;
+  margin: 10px;
+  color: #c22a39;
+  font-size: 1.2em;
 }
 
 section.map{
-background-color:#333333;
-overflow:hidden;
- height:80vh;
- min-height:400px;
- position:relative;
+  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;
+  width:70%;
+  height:70%;
+  top:15%;
+  left:15%;
+  overflow: hidden;
+  position:absolute;
 }
 p.arrive{
   position:absolute;
@@ -89,6 +122,6 @@ p.arrive{
   top:1%;
   font-size:1.5em;
   color:white;
-  }
+}
 article.contact{
-  }
+}