@media only screen and (min-width: 480px) {
    .form-sec {
        font-size:50px;
    }
}
@media only screen and (min-width: 768px) {
    .form-sec {
        font-size:35px;
    }
}

@media only screen and (min-width: 992px) {
    .form-sec {
        font-size:20px;
    }
}


.form-sec input,  .form-sec textarea, .form-sec select{
    font-size: .9em;
    border-radius:0.2em; 
    border-style:inset; 
    border-width:2px;     
    padding:6px;
}

.form-sec input:focus,.form-sec textarea:focus,  .form-sec select:focus{ 
    outline-color:blue; 
} 


.form-sec label {
    text-align: right;    
    padding:6px;
}

.form-sec input[type=checkbox] + label:after { 
    content: ":"; 
}

.form-sec input[type=text]{ 
    width:10em;
}

.form-sec input[type=checkbox]  {
    width: 1.5em;
    height:1.5em;
    vertical-align: middle; 
    position: relative; 
    border-radius:4px; 
    border-style:inset;     
}

.form-sec input[type=radio] {
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle; 
}

.form-textinput-sec {
    display:grid;
    grid-template-columns: max-content max-content;
    grid-gap:5px;
}

.form-sec textarea {
    font-size:.9em;
    width: 95%;
    height:8em;
    border-width:2px;
    
}

.form-sec select {
    font-size: .9em;
    border-width:2px;
    width:6em;
}

.form-sec input[type=submit] {
    background-color: orange;
    border-style:inset;         
    padding:12px;
}