.membrete{
	height:30vh;
	background: url(../images/membrete.png)no-repeat center; 
  	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
}

.planilla {
    width:100%;
    background: white;
    padding: 15px;
    margin: auto;
    margin-top: 20px;
    border-radius: 4px;
    color: #07316d;
    box-shadow: 7px 13px 37px #000;
}

.planilla h4 {
    font-size: 22px;
    margin-bottom: 20px;
}

.casillas {
    width: 100%;
    padding: 10px;
    border-radius: 4px;
    margin-bottom: 16px;
    border: 1px solid #07316d;
    background-color:#ffffff;
}

table tr td {
    padding: 5px 10px;
}

.planilla p {
    height: 40px;
    text-align: center;
}

.col-25 {
    float: left;
    width: 10%;
    margin-top: 6px;
    margin-left: 15px;
    margin-right: 15px;
  }
  
.col-75{
    float: left;
    width: 80%;
    margin-top: 6px;
    margin-left: 15px;
    margin-right: 15px;
}

.col-20{
    float: left;
    width: 20%;
    margin-top: 10px;
    margin-left: 15px;
    margin-right: 15px;
}


.row:after {
  content: "";
  display: table;
  clear: both;

}

.firma {
    margin-top: 2px;
    text-align: center;
}

.firma h6{
    color: #ffffff;
}

.firmabox {
    margin-top: 25px;
    margin-bottom: 0;
    text-align: center;
    border-bottom-style: solid;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    background-color: whitesmoke;
    color: #000;
}


  @media screen and (max-width: 30em) {
    .col-20, .col-75, .col-25, input[type=submit] {
    width: 100%;
    margin-top: 0;
    }

    table {
        width: 100%;
    }

    table tr{
        display: flex;
        flex-direction: column;
    }

}