* {
	box-sizing: border-box;
}

iframe{
    border: none;
    outline: none;
}
  .main-nav {
      display: flex;
      justify-content: center;
      width: 100%;
      height: 10%;
      background-image: linear-gradient(to right, white , #e8ebe6);
  }

  .main-div {
      width: 100%;
      display: flex;
      justify-content: center;
      flex-wrap: wrap;
  }

  .auto {
    width: 100%;
    display: nowrap;
    justify-content: space-around;
    text-align: center;
    padding-bottom: 20px;
}

  #foto-auto {
      width: 100%;
  }

  footer {
      width: 100%;
      height: 30px;
      background: green;
  }

  .cognito {
      width: 100%;
      align-items: center;
      padding-top: 20px;
  }

/*form*/

.real-form-container {
    display: flex;
    width: 100%;
    margin: 30px auto;
    padding: 0px 0px;
    background: white;
    border-radius: 20px;
    justify-content: space-around;
    /* shadow by cssmatic.com 
    -webkit-box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.75);
    */
}

.div-icon {
    display: flex;
    width: 50%;
    justify-content: space-around;
    align-items: center;
}

.real-form-container {
    width: 100%;
    justify-content: space-around;
}

.input_element {
    width: 80%;
    margin: 0 auto;
    text-align: center;
}

input {
    width: 90%;
    padding: 2em;
    background-color: #e6e6e6;
    border-radius: 20px;
    border-style: none;
}

input[name="consulta"] {
    height: 100px;
}

input[name="submit"] {
    width: 90%;
    background-color: #5fb847;
    color: white;
}

form {
    width: 100%;
}


/* Media queries */
  
@media (min-width: 1014px) {

.main-div {
    flex-wrap: nowrap;
}

.auto {
    width: 70%;
}

.cognito {
    width: 30%
}


}