body {
            font-family: Arial, sans-serif;
            margin: 0;
            padding: 0;
            display: flex;
            flex-direction: column;
            min-height: 100vh;
        }
        header {
            background-color: #c8102e;
            color: white;
            text-align: left;
            padding: 0.8rem;
        }
        main {
            flex: 1;
            padding: 1rem 10rem;
        }
        footer {
            background-color: #54585A;
            color: white;
            text-align: center;
            padding: 1rem;
        }

	h3 { 
		font-size: 1.8em;
	}

	#login {
		background-color: #dfdfdf;
	}

	.dv_data {
		padding: 20px;
	}

	.box {
		padding: 10px;
	}

	.header_logo {
		width:25%;
	}

	.dv_logout {
		display:inline-block;
		float: right;
	}

	.logout {
		text-decoration:none;
	}

	#dv_outer {
    		display: grid;
    		grid-template-columns: 70% 30%;
    		grid-gap: 40px;
	}

	    #dv_ic2 {
		    padding-left:10px;
	    }

        @media screen and (max-width: 600px) {
            header {
                font-size: 1.2rem;
            }
            main {
                font-size: 0.9rem;
                padding: 10px;
            }
            footer {
                font-size: 0.9rem;
            }

	    #dv_outer {
		    display:block;
	    }

	    #dv_ic2 {
		    padding-top:15px;
		    padding-left:0px;
	    }

	.header_logo {
		width:50%;
	}

        }