/* desktop */
@media only screen and (min-width: 1200px) {
    .register-titr {
        margin-top: 3rem;
        text-align: center;
        width: 90%;
        margin-right: 5%;
        color: #3c3c3c;
        font-weight: bold;
        font-size: 1.5rem;
    }

    .register-form {
        border: solid 0.4rem #fdbf2b;
        box-shadow: rgba(60, 60, 60, 0.5) 0.3rem 0.3rem 0.6rem;
        border-radius: 1rem;
        width: 70%;
        margin-top: 1rem;
        margin-bottom: 4rem;
        margin-right: 15%;
        padding: 2.5rem 0;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    .register-form > div > label {
        color: #3c3c3c;
        text-align: right;
        text-shadow: rgba(60, 60, 60, 0.2) 0.05rem 0.05rem 0.2rem;
        font-size: 1rem;
        font-weight: bold;
        width: 26%;
        margin-right: 38%; /* +1percent */
        margin-top: 0.8rem;
        padding-bottom: 0.3rem;
        display: block;
    }

    .register-form > div > select {
        color: #3c3c3c;
        text-align: right;
        text-shadow: rgba(60, 60, 60, 0.2) 0.05rem 0.05rem 0.2rem;
        font-size: 1rem;
        font-weight: bold;
        width: 26%;
        margin-right: 37%; /* +1percent */
        padding: 0.2rem;
        border: 0.3rem solid #fdbf2b;
        box-shadow: rgba(60, 60, 60, 0.4) 0.15rem 0.15rem 0.4rem;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    .register-form > div > input {
        color: #3c3c3c;
        border: 0.3rem solid #fdbf2b;
        box-shadow: rgba(60, 60, 60, 0.4) 0.15rem 0.15rem 0.4rem;
        font-size: 0.8rem;
        font-weight: bold;
        padding: 0.2rem;
        width: 26%;
        margin-right: 37%;
        display: block;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    .register-form > button {
        border: solid #4d4d4d 0.3rem;
        border-radius: 0.2rem;
        width: 16%;
        margin-top: 1rem;
        margin-right: 42%;
        font-weight: bold;
        font-size: 1.2rem;
        padding: 0.3rem 0;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }
}

/* tablet */
@media only screen and (min-width: 500px) and (max-width: 1200px) {
    .register-titr {
        margin-top: 3rem;
        text-align: center;
        width: 90%;
        margin-right: 5%;
        color: #3c3c3c;
        font-weight: bold;
        font-size: 1.5rem;
    }

    .register-form {
        border: solid 0.4rem #fdbf2b;
        box-shadow: rgba(60, 60, 60, 0.5) 0.3rem 0.3rem 0.6rem;
        border-radius: 1rem;
        width: 70%;
        margin-top: 1rem;
        margin-bottom: 4rem;
        margin-right: 15%;
        padding: 2.5rem 0;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    .register-form > div > label {
        color: #3c3c3c;
        text-align: right;
        text-shadow: rgba(60, 60, 60, 0.2) 0.05rem 0.05rem 0.2rem;
        font-size: 1rem;
        font-weight: bold;
        width: 26%;
        margin-right: 38%; /* +1percent */
        margin-top: 0.5rem;
        padding-bottom: 0.3rem;
        display: block;
    }

    .register-form > div > input {
        color: #3c3c3c;
        border: 0.3rem solid #fdbf2b;
        box-shadow: rgba(60, 60, 60, 0.4) 0.15rem 0.15rem 0.4rem;
        font-size: 0.8rem;
        font-weight: bold;
        padding: 0.2rem;
        width: 26%;
        margin-right: 37%;
        display: block;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    .register-form > div > select {
        color: #3c3c3c;
        text-align: right;
        text-shadow: rgba(60, 60, 60, 0.2) 0.05rem 0.05rem 0.2rem;
        font-size: 1rem;
        font-weight: bold;
        width: 26%;
        margin-right: 37%; /* +1percent */
        padding: 0.2rem;
        border: 0.3rem solid #fdbf2b;
        box-shadow: rgba(60, 60, 60, 0.4) 0.15rem 0.15rem 0.4rem;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    .register-form > button {
        border: solid #4d4d4d 0.3rem;
        border-radius: 0.2rem;
        width: 16%;
        margin-top: 1rem;
        margin-right: 42%;
        font-weight: bold;
        font-size: 1.2rem;
        padding: 0.3rem 0;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }
}

/* mobile */
@media only screen and (max-width: 500px) {
    .register-titr {
        margin-top: 3rem;
        text-align: center;
        width: 90%;
        margin-right: 5%;
        color: #3c3c3c;
        font-weight: bold;
        font-size: 1rem;
    }

    .register-form {
        border: solid 0.4rem #fdbf2b;
        box-shadow: rgba(60, 60, 60, 0.5) 0.3rem 0.3rem 0.6rem;
        border-radius: 1rem;
        width: 90%;
        margin-right: 5%;
        margin-top: 1rem;
        margin-bottom: 4rem;
        padding: 2.5rem 0;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    .register-form > div > label {
        color: #3c3c3c;
        text-align: right;
        text-shadow: rgba(60, 60, 60, 0.2) 0.05rem 0.05rem 0.2rem;
        font-size: 1rem;
        font-weight: bold;
        width: 50%;
        margin-right: 25%; /* +1percent */
        margin-top: 0.5rem;
        padding-bottom: 0.3rem;
        display: block;
    }

    .register-form > div > input {
        color: #3c3c3c;
        border: 0.3rem solid #fdbf2b;
        box-shadow: rgba(60, 60, 60, 0.4) 0.15rem 0.15rem 0.4rem;
        font-size: 0.8rem;
        font-weight: bold;
        padding: 0.2rem;
        width: 50%;
        margin-right: 25%;
        display: block;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    .register-form > div > select {
        color: #3c3c3c;
        text-align: right;
        text-shadow: rgba(60, 60, 60, 0.2) 0.05rem 0.05rem 0.2rem;
        font-size: 1rem;
        font-weight: bold;
        width: 50%;
        margin-right: 25%; /* +1percent */
        padding: 0.2rem;
        border: 0.3rem solid #fdbf2b;
        box-shadow: rgba(60, 60, 60, 0.4) 0.15rem 0.15rem 0.4rem;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    .register-form > button {
        border: solid #4d4d4d 0.3rem;
        border-radius: 0.2rem;
        width: 40%;
        margin-top: 1rem;
        margin-right: 30%;
        font-weight: bold;
        font-size: 1.2rem;
        padding: 0.3rem 0;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }
}