* {
         padding: 0;
         margin: 0;
     }
     
     
/*********/
/*	1	*/
/*********/
@media only screen and (max-width: 480px) {   
    

     #g-recaptcha {
        transform:scale(0.77);
        -webkit-transform:scale(0.77);
        transform-origin:0 0;
        -webkit-transform-origin:0 0;
     }


     #form-bd {
         background-color: gainsboro;
         padding:15px 35px 10px 35px;
     }

     #form-bd input {

    width: 100%;
    display: block;
    height: 25px;
     }

    #form-bd label {
    margin-right: 20px;
    margin-bottom: 5px;
    display: block;
    }

     #form-bd #em {

     }

     #form-bd #chk-btn {width: 100px;margin: 0 auto;display: block;text-align: center;font-size: 17px;background-color: limegreen;appearance: none;border: 1px solid black;/*! padding: 5px 10px 5px 10px; */}

     #form-bd ul {

    list-style-type: none;
    /*! margin: 0 auto; */
    /*! display: block; */
    /*! width: 100%; */
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(100%, 0fr));
     }

     #form-bd li {

    margin: 5px;
    width: 100%;
     }
     
     #content {
         border: 1px solid black;
         width: 90%;
         margin: 30px auto;
     }

     #wrapper {
         width: 100%;
     }

     #wrapper #header {
         background-color: #2b2b2b;
         display: inline-block;
         width: 100%;
         height: 100px;
         margin-top: -20px;
     }

     #wrapper img {
         width: 150px;
         float: left;
         margin-top: 30px;
     }

     h1 {
         color: green;
         text-align: center;
         margin: 30px auto 0 auto;
     }

     #chk-btn:hover {
         cursor: pointer;
         color: white;
     }

     #req-ter {

         width: 90%;
         margin: 10px auto;
     }

     .msg {
        color: red;
        text-align: center;
     }

     #ctchView {
        text-align: center;
        margin: 0 auto;
        display: block;
        /*! color: green; */
        outline: 1px solid black;
        width: 120px;
        padding: 5px;
     }
     
}

/*********/
/*	2	*/
/*********/
@media only screen and (min-width: 481px) and (max-width: 684px) {     
    

     #g-recaptcha {
        transform:scale(0.77);
        -webkit-transform:scale(0.77);
        transform-origin:0 0;
        -webkit-transform-origin:0 0;
     }


     #form-bd {
         background-color: gainsboro;
         padding:15px 35px 10px 35px;
     }

     #form-bd input {

    width: 100%;
    display: block;
    height: 25px;
     }

    #form-bd label {
    margin-right: 20px;
    margin-bottom: 5px;
    display: block;
    }

     #form-bd #em {

     }

     #form-bd #chk-btn {width: 100px;margin: 0 auto;display: block;text-align: center;font-size: 17px;background-color: limegreen;appearance: none;border: 1px solid black;/*! padding: 5px 10px 5px 10px; */}

     #form-bd ul {

    list-style-type: none;
    /*! margin: 0 auto; */
    /*! display: block; */
    /*! width: 100%; */
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(100%, 0fr));
     }

     #form-bd li {

    margin: 5px;
    width: 100%;
     }
     
    #content {
         border: 1px solid black;
         width: 400px;
         margin: 30px auto;
     }


     #wrapper {
         width: 100%;
     }

     #wrapper #header {
         background-color: #2b2b2b;
         display: inline-block;
         width: 100%;
         height: 100px;
         margin-top: -20px;
     }

     #wrapper img {
         width: 150px;
         float: left;
         margin-top: 30px;
     }

     h1 {
         color: green;
         text-align: center;
         margin: 30px auto 0 auto;
         width: 500px;
     }

     #chk-btn:hover {
         cursor: pointer;
         color: white;
     }

     #req-ter {

         width: 90%;
         margin: 10px auto;
     }

     .msg {
        color: red;
        text-align: center;
     }

     #ctchView {
        text-align: center;
        margin: 0 auto;
        display: block;
        /*! color: green; */
        outline: 1px solid black;
        width: 120px;
        padding: 5px;
     }
     
} 
/*********/
/*	3	*/
/*********/
@media only screen and (min-width: 685px) and (max-width: 982px) { 
    

     #g-recaptcha {
        transform:scale(0.77);
        -webkit-transform:scale(0.77);
        transform-origin:0 0;
        -webkit-transform-origin:0 0;
     }


     #form-bd {
         background-color: gainsboro;
         padding:15px 35px 10px 35px;
     }

     #form-bd input {

    width: 100%;
    display: block;
    height: 25px;
     }

    #form-bd label {
    margin-right: 20px;
    margin-bottom: 5px;
    display: block;
    }

     #form-bd #em {

     }

     #form-bd #chk-btn {width: 100px;margin: 0 auto;display: block;text-align: center;font-size: 17px;background-color: limegreen;appearance: none;border: 1px solid black;/*! padding: 5px 10px 5px 10px; */}

     #form-bd ul {

    list-style-type: none;
    /*! margin: 0 auto; */
    /*! display: block; */
    /*! width: 100%; */
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(100%, 0fr));
     }

     #form-bd li {

    margin: 5px;
    width: 100%;
     }
     
    #content {
         border: 1px solid black;
         width: 400px;
         margin: 30px auto;
     }


     #wrapper {
         width: 100%;
     }

     #wrapper #header {
         background-color: #2b2b2b;
         display: inline-block;
         width: 100%;
         height: 100px;
         margin-top: -20px;
     }

     #wrapper img {
         width: 150px;
         float: left;
         margin-top: 30px;
     }

     h1 {
         color: green;
         text-align: center;
         margin: 30px auto 0 auto;
         width: 500px;
     }

     #chk-btn:hover {
         cursor: pointer;
         color: white;
     }

     #req-ter {

         width: 90%;
         margin: 10px auto;
     }

     .msg {
        color: red;
        text-align: center;
     }

     #ctchView {
        text-align: center;
        margin: 0 auto;
        display: block;
        /*! color: green; */
        outline: 1px solid black;
        width: 120px;
        padding: 5px;
     }
     
}  

/*********/
/*	4	*/
/*********/
@media only screen and (min-width: 983px) and (max-width: 1199px) {   


     #g-recaptcha {
        transform:scale(0.77);
        -webkit-transform:scale(0.77);
        transform-origin:0 0;
        -webkit-transform-origin:0 0;
     }


     #form-bd {
         background-color: gainsboro;
         padding:15px 35px 10px 35px;
     }

     #form-bd input {

    width: 100%;
    display: block;
    height: 25px;
     }

    #form-bd label {
    margin-right: 20px;
    margin-bottom: 5px;
    display: block;
    }

     #form-bd #em {

     }

     #form-bd #chk-btn {width: 100px;margin: 0 auto;display: block;text-align: center;font-size: 17px;background-color: limegreen;appearance: none;border: 1px solid black;/*! padding: 5px 10px 5px 10px; */}

     #form-bd ul {

    list-style-type: none;
    /*! margin: 0 auto; */
    /*! display: block; */
    /*! width: 100%; */
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(100%, 0fr));
     }

     #form-bd li {

    margin: 5px;
    width: 100%;
     }

     #wrapper {
         width: 100%;
     }
     
    #content {
         border: 1px solid black;
         width: 400px;
         margin: 30px auto;
     }


     #wrapper #header {
         background-color: #2b2b2b;
         display: inline-block;
         width: 100%;
         height: 100px;
         margin-top: -20px;
     }

     #wrapper img {
         width: 150px;
         float: left;
         margin-top: 30px;
     }

     h1 {
         color: green;
         text-align: center;
         margin: 30px auto 0 auto;
         width: 500px;
     }

     #chk-btn:hover {
         cursor: pointer;
         color: white;
     }

     #req-ter {

         width: 90%;
         margin: 10px auto;
     }

     .msg {
        color: red;
        text-align: center;
     }

     #ctchView {
        text-align: center;
        margin: 0 auto;
        display: block;
        /*! color: green; */
        outline: 1px solid black;
        width: 120px;
        padding: 5px;
     }
     
}   

/*********/
/*	5	*/
/*********/
@media only screen and (min-width: 1200px) { 


     #g-recaptcha {
        transform:scale(0.77);
        -webkit-transform:scale(0.77);
        transform-origin:0 0;
        -webkit-transform-origin:0 0;
     }


     #form-bd {
         background-color: gainsboro;
         padding:15px 35px 10px 35px;
     }

     #form-bd input {

    width: 100%;
    display: block;
    height: 25px;
     }

    #form-bd label {
    margin-right: 20px;
    margin-bottom: 5px;
    display: block;
    }

     #form-bd #em {

     }

     #form-bd #chk-btn {width: 100px;margin: 0 auto;display: block;text-align: center;font-size: 17px;background-color: limegreen;appearance: none;border: 1px solid black;/*! padding: 5px 10px 5px 10px; */}

     #form-bd ul {

    list-style-type: none;
    /*! margin: 0 auto; */
    /*! display: block; */
    /*! width: 100%; */
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(100%, 0fr));
     }

     #form-bd li {

    margin: 5px;
    width: 100%;
     }
     
    #content {
         border: 1px solid black;
         width: 400px;
         margin: 30px auto;
     }


     #wrapper {
         width: 100%;
     }

     #wrapper #header {
         background-color: #2b2b2b;
         display: inline-block;
         width: 100%;
         height: 100px;
         margin-top: -20px;
     }

     #wrapper img {
         width: 150px;
         float: left;
         margin-top: 30px;
     }

     h1 {
         color: green;
         text-align: center;
         margin: 30px auto 0 auto;
         width: 500px;
     }

     #chk-btn:hover {
         cursor: pointer;
         color: white;
     }

     #req-ter {

         width: 90%;
         margin: 10px auto;
     }

     .msg {
        color: red;
        text-align: center;
     }

     #ctchView {
        text-align: center;
        margin: 0 auto;
        display: block;
        /*! color: green; */
        outline: 1px solid black;
        width: 120px;
        padding: 5px;
     }
     
}