.full_container{
                margin-left: 20%;
                margin-right: 20%; 
            }
            .left_container {
                margin-left: 10%;
                background: border-box;
            }
            .right_container{
                margin-right:  10%;
                background: border-box;
            }
            .form_container{
                margin-right:  20%;
                margin-left:  20%;
                background: red;
            }

            .grid-container {
                display: grid;
                grid-gap: 25px;
                grid-template-columns: auto auto auto;
                grid-template-row: auto auto auto;

                background-color: white;
                padding: 10px;
            }
            .main_container {
            }
            .single-container     {
                background-color: white;
                padding: 10px;
            }
            .card_single          {
                box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
                transition: 0.3s;
                background-color: white;
                border-radius: 10px;
                border: 2px solid white;
            }

            /* On mouse-over, add a deeper shadow */
            .card_single:hover    {
                box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
            }
            
            .card_grid {
                box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
                transition: 0.3s;
                background-color: white;
                border-radius: 10px;
                border: 2px solid white;
            }

            /* On mouse-over, add a deeper shadow */
            .card_grid:hover    {
                box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
            }
            /* Add some padding inside the card container */
            .card_container     {

            }
            .span_text           {
                font-size: 20px;
                font-weight:bold;
                padding-bottom: 5px;
                margin-bottom: 12px;
                display: flex; 
                justify-content: center 

            }
            .span_nametext           {
                font-size: 25px;
                font-weight:bold;
                margin-left: 25px;
                margin-top: 10px;
                line-height: 1.2;
                display: flex; 
                justify-content: center 
            }
            .span_addresstext           {
                font-size: 17px;
                display: flex; 
                justify-content: center ;
                 line-height: 1.2;
            }


            
            .card_img           {
                width: 100px;
                height: 100px;
                display: block;
                margin-left: auto;
                margin-right: auto;
            }
            .textfield           {
                width: 100%;
            }
            
            
            .card_img_container {
                padding: 20px;
                align-items: center;
            }
            
            /* For width 600px and larger: */
            @media screen and (max-width: 1000px) {
             
            .form_60_container{
                margin-right:  20%;
                margin-left:  20%;
                background: red;
            }    
            .span_text    {
                font-size: 15px;
                font-weight:bold;
                padding-bottom: 5px;
                margin-bottom: 12px;
                display: flex; 
                justify-content: center 

            }
            .span_nametext           {
                font-size: 18px;
                font-weight:bold;
                margin-top: 10px;
                line-height: 1.2;
                display: flex; 
                justify-content: center 
            }
            .span_addresstext        {
                font-size: 15px;
                display: flex; 
                justify-content: center ;
                 line-height: 1.2;
            }
            .card_img            {
                    width: 50px;
                    height: 50px;
                }
            .card_img_container  {
                    padding: 20px;
                    align-items: center;
                }
                
            .full_container   {
                margin-left: 2%;
                margin-right: 2%; 
            }
            .grid-container   {
                display: grid;
                grid-gap: 20px;
                grid-template-columns: auto auto auto;
                grid-template-row: auto auto auto;
                background-color: white;
                padding: 5px;
            }
            .single-container {
                background-color: white;
                padding: 5px;
            }
             .card_single          {
                box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
                transition: 0.3s;
                background-color: white;
                border-radius: 10px;
                border: 2px solid white;
            }
           
           
            
            }