.about_body{
    background: lavender;
}
.ord_body{
    width:90%;
    min-height: 1200px;
    margin-left: 5%;
}
.p_about_body{
    width:65%;
    min-height: 1200px;
    display:block;
    margin:12px;
    margin-left: 12%;
    padding-top:20px;
    padding:10px;
}
.p_about_body p{
    font-size: 19px;
    font-weight: 300;  
}
.ftr_div{
    margin-top:0px;
}

/* The code below is for signup page decoration*/
.body{
    background: lavender;
}
.btn_btn{
    background: rgb(113, 173, 52);
    font-size: 26px;
    margin-left: 10%;
}
.sign-form{
    background:  rgb(195, 221, 228);
    width:400px;
    height: 460px;
    border:2px solid rgb(214, 184, 184);
    font-size: 30px;
    border-radius: 15px;
    }
   /*.sign-form  input[type="submit"]{*/
    #signBtn{
      font-size:25px;
       margin-left:5px;
       background:linear-gradient(#64c28e,#ada862);
        color:black;
        border-radius:8px;
        width:95%;
    }
    .sign-form  input[type="text"],.sign-form  input[type="email"],.sign-form  input[type="password"]{
        font-size:20px;
         margin:10px;
         background:rgb(247, 245, 245);
          color:black;
          width:95%;
          height:40px;
          border: solid lightgray 1px;
          border-radius: 8px;
          
      }
      #terms{
          font-size: 19px;
          color: black;
      }
    #err_msg{
        height: 30px;
        width: 370px;
        border:red 1px solid;
        margin-left: 15px;
        background: salmon;
        font-size: 20px;
        color: black;
        display: none;
    }  
    #correct_field{
        height: 30px;
        width: 370px;
        border:blue 1px solid;
        margin-left: 15px;
        background: lightgreen;
        font-size: 28px;
        color: black;
        display: none;
    }
    #cont_txt{
        font-size: x-large;
        color: brown;
    }
    #contact_form span{
        font-size: x-large;
        font-weight: 600;
    }

    #contact_form input{
        width: 100%;
        margin: 6px;
        border-radius: 10%;
        height: 35px;
        font-size: 22px;
    }
    #contact_form textarea{
        margin-left: 10%;
        width: 85%;
        font-size: 22px;
    }
    .title_thing{
        border-bottom: burlywood solid 2px;
        width: 100%;
    }
    .cpop{
        display: none;
        height: 35px;
        width: 90%;
        font-size: xx-large;
        border: cornflowerblue solid 2px;
        padding-left: 10%;
        color: blue;
    }
    #corr{
        background: yellowgreen;
    }
    #not_corr{
        border: red solid 2px;
        background: lightpink;
    }
    #contac_btn{
        width: 60%;
        height: 36px;
        background: lightgreen;
        font-size: 22px;
        font-weight: 700;
        margin: 16px;
        margin-left: 10%;
    }
    .logo_social_m{
        width: 40px;
        height: 40px;
    }
    @media only screen and (max-width:500px){
     
        #contac_btn{
            font-size: 20px;
            margin: 4px;
            width: 90%;
        }
    }
    @media only screen and (min-height:1200px){
        .p_about_body{
            
            min-height: 1700px;   
        }

    }

    @media only screen and (min-height:2000px){
        .p_about_body{
            
            min-height: 2300px;   
        }
    }