/*Javier Delgado 2022 */

html, body {
  overflow-x: hidden;
}
body {
  position: relative
}

html{ border-style: solid;}

body {
 /*   max-width: 97%;
    margin: auto;
    padding:0;
    height:100%;
    */
    margin:0;padding:0;
width:100%;
    color:#FFFFFF;
    font-size:18px ;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    background-color: #090807;
 
}

div.numero{
    color:#7B7B7B;
    font-size: 20px;
}

div.caja1{
    background-image: linear-gradient(to right, #001F96, #00078C);
}

div.caja2{
    background-image: linear-gradient(to right, #00963B, #008C02);
}

div.counter{
     color: rgb(37, 25, 5);
    font-family:courier;
    font-size: 300%;
    font-style:normal;
}

div.text1 {
  width: 400px;
  margin: auto;
  padding:40px;
  font-size:19px ;
  border-radius: 25px;  
  box-shadow: rgba(130,130,130,.5) 0px 30px 60px -12px inset, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px inset;
 /* border: 3px solid #73AD21;*/
}

div.text{
 margin: auto;
 padding:20px;
 border-radius: 25px;  
      box-shadow: rgba(130,130,130,1) 0px 30px 60px -12px inset, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px inset;
}

.embedded-video-16-9 {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
  margin-left: 5vw;
  margin-right: 5vw;
}

.embed-container { 
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
} 

.embed-container iframe, .embed-container object, .embed-container embed { 
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; 
}

img.redondo{
    border-style:solid;
    border-top-color:#dddddd;
    border-top-width:0px;
    border-right-color:#dddddd;
    border-right-width:0px;
    border-bottom-color:#dddddd;
    border-bottom-width:0px;
    border-left-color:#dddddd;
    border-left-width:0px;
    border-radius:2%;
    max-width:100%;
}

.contenido{
    align-content: center;
    max-width: 90%;
    margin: auto;
    
}

h1 {
   font-size: 45px;
  background: -webkit-linear-gradient(#eee, #333);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.center {
text-align: center;
}

/* contacto https://codepen.io/bobbykorec/pen/qOGbyr */

.contact-list{
    align-content: left;
    text-align: left;}

.place {
  margin-left: 48px;
  text-decoration: none;
}

.contact-text  {
  color: #bbb;
  font-size:20px ; 
  font-family:Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  transition-duration: 0.2s;
  text-align: left;
}

/* Social Media Icons */
.social-media-list {
  position: relative;
  font-size: 18px;
  text-align: center;
  width: 100%;
  margin: 0 auto;
  padding: 0;
}

hr {
  border-color: rgba(255,255,255,.6);
}

/* Begin Media Queries*/
@media screen and (max-width: 850px) {
  .contact-wrapper {
    display: flex;
    flex-direction: column;
  }
  .direct-contact-container, .form-horizontal {
    margin: 0 auto;
  }  
  
  .direct-contact-container {
    margin-top: 60px;
    max-width: 300px;
  }    
  .social-media-list li {
    height: 60px;
    width: 60px;
    line-height: 60px;
  }
  .social-media-list li:after {
    width: 60px;
    height: 60px;
    line-height: 60px;
  }
}

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

  .direct-contact-container, .form-wrapper {
    float: none;
    margin: 0 auto;
  }  
  .form-control, textarea {
    
    margin: 0 auto;
  }
 
  
  .name, .email, textarea {
    width: 280px;
  } 
  
  .direct-contact-container {
    margin-top: 60px;
    max-width: 280px;
  }  
  .social-media-list {
    left: 0;
  }
  .social-media-list li {
    height: 55px;
    width: 55px;
    line-height: 55px;
    font-size: 2rem;
  }
  .social-media-list li:after {
    width: 55px;
    height: 55px;
    line-height: 55px;
  }
  
}