@charset "UTF-8";
 html,
        body{
            /*background:#f4f4f4;*/
            margin:0;
            padding:0;
        }

        a{
            text-decoration: none;
            color: #696969;
        }
        .box1{
            margin-left:10%;
            margin-right:10%;
           
            border:0px blue solid;
        }
        .box2{
            text-align: left;
            margin-top: 0;
            margin-bottom:0;
            border :0px green solid;
            padding-left:5px;
        }
        .box3{
            color:"#696969";
            
             border-top: 1px #D3D3D3 solid;
                border-left: 1px #D3D3D3 solid;
                border-right: 1px #D3D3D3 solid;
                border-bottom: 4px #D3D3D3 solid;

            font-size:23px;
            padding-left:6px;
            padding-right:5px;
           

        }

        .box4{
           
            display: flex;
            flex-wrap:wrap;
            text-align: center;
            margin:0;
            padding:0;
            border:0px;
            
            
        }

        .box5{

            flex: 1; 
                /* Add box-sizing to ensure padding/borders are included in the width calculation */
                box-sizing: border-box; 
                /*border: 2px #D3D3D3 solid;*/
                border-top: 0px #D3D3D3 solid;
                border-left: 2px #D3D3D3 solid;
                border-right: 2px #D3D3D3 solid;
                border-bottom: 0px #D3D3D3 solid;
                background:#D3D3D3
        }

        .box5 img{
             margin:0;
            padding:0;
            border:0;
        }


      


         @media (max-width:768px){
            .box1{
                margin-left:5px;
                margin-right:5px;
            }

            .box3{
                
                padding-left:6px;
                padding-right:5px;
                
                color:"#696969";
                
            }
        }