.form-content{
	margin-top: 200px;
	margin-left: 8%;
	padding: 0px;
    color: #49202C;
	font-weight: bold;
	height: auto;
    background-color: rgba(167,191,151,1);
	background-image: -webkit-linear-gradient(135deg, rgb(114,51,98), rgb(157,34,60));
	background-image: -moz-linear-gradient(135deg, rgb(114,51,98), rgb(157,34,60));
	background-image: -o-linear-gradient(135deg, rgb(114,51,98), rgb(157,34,60));
	background-image: linear-gradient(to right, rgba(167,191,151,1) 0%, rgba(62,112,88,1) 100%);
	border-radius:15px;
}

.but{
	padding:5px 10px;
	margin:10px;
	border:none;
	border-radius:5px;
	background-color:transparent;
	color:white;
	
}

.but:hover{
	background-color: rgb(114,51,98);
   	background:linear-gradient(to right, rgba(232,236,238,1)0%, rgba(144,159,169,1)100%);
	color:#fff;
	text-decoration:none;

}

.logo-div{
	top:0px;
	left:10px;
	padding: 0px;
}

.logo-div img{
    width: 150px;
    height: 150px;
}
.tablas {
	position: relative;
	margin-top: 10px;
	margin-left: 8%;
	height: auto;
}

@media only screen and (max-width: 600px) {
	.logo-div{
		display: none;
	}
	.tablas{
		margin-left: 0px;
		height: auto;
	}

	.form-content {
		margin-left: 0px;
	}
	.principal{
	    padding:0px;
	    margin:0px;
	}
	
}