* {
    margin: 0;
    padding: 0;
}

main {
    margin-left: 7.5%;
    margin-right: 7.5%;
}

header {
    background-color: rgba(12, 9, 27, 0.86);
    color: white;
    text-transform: uppercase;
    text-align: center;
    padding-top: 2em;
    padding-bottom: 2em;
}

h2,
legend,
h3 {
    font-size: 2em;
    font-family: 'Merriweather', serif;
}

.newsarea {
    padding-top: 25px;
    padding-bottom: 50px;
    text-align: center;
    border-bottom: 6px solid rgba(12, 9, 27, 0.86);
}

.wrapper {
    padding-top: 15px;
    padding-bottom: 25px;
    border: none;
}

.flex {
    padding-bottom: 20px;
}

.dsk_adj {
    width: 100%;
}

.pcode_lab_adjust {
    padding-right: 70%;
    padding-bottom: 10px;
}

div p {
    padding-top: 10px;
    color: lightgrey;
    font-size: 1.75em;
}

.border {
    margin-top: 5px;
    border-top: 3px solid rgba(12, 9, 27, 0.86);
    padding-top: 35px;
    width: 100%;
} 

.nletterbord {
    padding-top: 45px;
    border-top: 3px solid rgba(12, 9, 27, 0.86);
    width: 100%;
} 

.html {
    float: right;
}

input,
select,
textarea {
    background-color: rgb(239, 239, 239);
    height: 45px;
    border-radius: 5px;
    border: none;

}

textarea {
    height: 150px;
    margin-top: 25px;
    margin-bottom: 25px;
    width: 100%;
}

#prov {
    color: rgb(157, 155, 155);
    padding-left: 10px;
}

label {
    padding-top: 1.25em;
    font-size: 1.5em;
    color: rgb(155, 166, 169);
}

div {
    margin-top: 10px;
}

fieldset p {
    padding-bottom: 25px;
    color: rgb(155, 166, 169);
}

input[type="text"]::placeholder,
input[type="email"]::placeholder {
    text-align: right;
    padding-right: 10px;
    font-style: italic;
}

input:focus,
select:focus,
textarea:focus {
    background-color: white;
    transition: .5s;
    padding: 5px;
}

input,
select,
textarea {
    font-size: 1.25em;
}

button {
    padding: 19px 39px 18px 39px;
    color: #FFF;
    background-color: #25acbb;
    font-size: 18px;
    text-align: center;
    font-style: normal;
    border-radius: 5px;
    border: none;
    width: 100%;
    margin-bottom: 10px;
  }

  footer {
    padding-top: 25px;
    padding-bottom: 25px;
    text-align: center;
    font-size: 2.5em;
    font-style: italic;
    color: lightgrey;
  }


  [label="html"] {
      vertical-align: middle;
  }

    [type="checkbox"],
    [type="radio"] {
        vertical-align: middle;
    }

 .padded {
     padding-left: 15px;
 }

.clearfix::after {
    content: "";
    clear: both;
    display: table;
  }
 
 @media screen and (min-width: 768px) {
    
    main {
        margin-right: 20%;
        margin-left: 20%;;
    }

    header {
        padding-top: 1em;
        padding-bottom: 1em;
    }

    body {
        margin: 0;
        padding: 0;
    }

    .flex {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .dsk_adj {
        width: 66%;
        text-align: left;
        margin-top: 20px;
    }

    .pcode_lab_adjust {
        padding-right: initial;
        width: 32%;
    }

    .pcode_inp_adjust {
        width: 25%;
        text-align: left;
        margin-top: 20px;
        margin-right: 41%;
    }

  }