body 
{
font-family: Arial, Helvetica, sans-serif;
 align-items: center;
 margin: 0;
}
/*logo*/
.head
{
  width: 100%;
  margin: 0 auto;
  display: flex;
  background-color: #000;
}

.head h1
{
  font-size: 12pt;
  color: green;
}

.head img 
{
  width: 10%;
  margin: 0 auto;
}

.navbar 
{
  width: 100%;
  background-color: #000;
  overflow: auto;
  display: flex;
  margin: 0 auto;
}

.navbar a 
{
  float: left;
  padding: 12px;
  color: #1E90FF;
  text-decoration: none;
  font-size: 17pt;
  width: 18.7%;
  text-align: center;

}

.navbar a:hover 
{
  background-color:#1E90FF ;
  border: 2px solid #A9A9A9;
  border-radius: 50px 25px;
  color: #A9A9A9;
}


/*Main*/
.main
{
  position: absolute;
  /*z-index: -1;*/
  margin: 0;
  width: 100%;
  height: 100%;
}


.bg-img 
{
  /* The image used */
  background-image: url("../img/monterrey.jpg");
  height: 80%;
  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

/* Add styles to the form container */
.container 
{
  position: absolute;
  right: 0;
  margin: 20px;
  max-width: 300px;
  padding: 16px;
  background-color: white;
  z-index: 1;
}

/* Full-width input fields */
input[type=text], input[type=email], input[type=tel], textarea
{
  width: 90%;
  padding: 15px;
  margin: 5px 0 22px 0;
  border: none;
  background: #f1f1f1;
}

input[type=text]:focus, input[type=email]:focus , input[type=tel]:focus. textarea
{
  background-color: #ddd;
  outline: none;
}

/* Set a style for the submit button */
.btn 
{
  background-color: #1E90FF;
  color: white;
  padding: 16px 20px;
  border: none;
  cursor: pointer;
  width: 100%;
  opacity: 0.9;
}

.btn:hover 
{
  opacity: 1;
}

.content 
{
  position: absolute;
  top: 0;
  background: rgb(0, 0, 0); /* Fallback color */
  background: rgba(0, 50, 65, 0.3); /* Black background with 0.5 opacity */
  color: #f1f1f1;
  width: 100%;
  height: 100%;
  /*padding: 20px;*/
  text-align: center;
  margin: 0 auto;
  vertical-align: middle;
  align-items: center;
  z-index: 0;
}

.content img 
{
  width: 10%;
  padding-top: 5%;
}


.content p
{
  font-size: 28pt;

}

/*Nosotros*/
.nosotros
{
  top: 0;
  width: 80%;
  margin: 0 auto;
}

.nosotros h1
{
  color: #1E90FF;
  text-align: center;
}

.nosotros p 
{
  text-align: center;
}

/*Movil*/

@media screen and (max-width: 500px) 
{
  .navbar a 
  {
    float: none;
    display: block;
  }
}