@import url(http://fonts.googleapis.com/css?family=Montserrat:400,700);

*,
*:after,
*:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-family:'arial';
  padding: 0;
  margin: 0; }


body { background:#ffffff; } 




.titulo{
 font-family: 'Montserrat', Arial, Helvetica, sans-serif;
  width: 100%;
  background:#3797f7;
  color:#3797f7;
  font-size:24px;
  font-weight:700;
  margin-bottom:2em !important;
 
}


.feedback-input {
  color:#3797f7;
  font-family: Helvetica, Arial, sans-serif;
  font-weight:500;
  font-size: 18px;
  line-height: 22px;
  background-color: transparent;
  border:2px solid #3797f7;
  transition: all 0.3s;
  padding: 13px;
  margin-bottom: 15px;
  width:100%;
  box-sizing: border-box;
  outline:0;
}

.feedback-input:focus { border:2px solid #2f7fcf; }

.feedback-input2 {
  color:#3797f7;
  font-family: Helvetica, Arial, sans-serif;
  font-weight:500;
  font-size: 18px;
  background:rgb(30,30,40);
  border:2px solid #3797f7;
  transition: all 0.3s;
  padding: 13px;
  margin-bottom: 15px;
  width:100%;
  box-sizing: border-box;
  outline:0;
  margin-bottom:3em;
}

.feedback-input2:focus { border:2px solid #2f7fcf; }


.texto{
  font-family: Helvetica, Arial, sans-serif;
  color:white;
  font-size: 18px;
}


[type="submit"] {
  font-family: 'Montserrat', Arial, Helvetica, sans-serif;
  width: 100%;
  background:#3797f7;
  border:0;
  cursor:pointer;
  color:white;
  font-size:18px;
  padding-top:10px;
  padding-bottom:10px;
  transition: all 0.3s;
  font-weight:700;

  margin-bottom:2em;

}
[type="submit"]:hover { background:#2f7fcf; }





a{
	text-decoration: none !important;
}


.borde{
	border: 1px solid  red;
}



.texto{
  text-align: center;
  font-family:arial;
  font-weight: bold;
  padding-bottom:1em;
  padding-top:1em;
  margin-bottom:1em;
}


.fondo{
  border: solid 1px #999;
  background-color: #f5f5f5;
}

/*---------------------------------*/
        /*     QUERYS     */
/*---------------------------------*/
@media screen and (min-width: 150px) {
  
}

@media screen and (min-width: 320px) {
   
}

@media screen and (min-width: 480px) {
   
}

@media screen and (min-width: 768px) {

  .padding-0 {
      padding: 0 !important;
      margin: 0 !important;
  }

  .margen{
  margin-top:8em;
  margin-bottom:2em;
}

}

@media screen and (min-width: 992px) { 
	
  
}

@media screen and (min-width: 1200px) {


  

}