/*Left half of footer*/
        .left-half
        {
            width: 49%;
            display: inline-block;
            float: left;
            padding: 0%;
        }
        .left-half .element
        {
            display: block;
            width: 70%;
            text-align: left;
            margin-left: 15%;
        }
        .left-half a
        {
            color: white;
        }
        .left-half i
        {
            font-size: x-large;
            color: white;
        }
        .left-half .element .leftit
        {
            display: inline-block;
            width: min-content;
            vertical-align: bottom;
            padding: 1% 3% 1% 0%;
        }
        .left-half .element .rightit
        {
            display: inline-block;
            width: max-content;
            vertical-align: bottom;
            color: white;
        }
        .left-half .logoof
        {
            width:15vw;
            height:auto;
            padding: 0%;
        }

        /*Right -hlaf of footer*/
        .right-half
        {
            margin-top: 0%;
            display: inline-block;
            width:50%;
            float: right;
        }
        .right-half .content 
        {
            visibility: visible;
            float: right;
            width: 100%;
            text-align: center;
        }
        .right-half .content h3
        {
            color: white;
            float:left;
            width: 100%;
            line-height: 1;
            text-align: left;
            text-indent: 18%;
            display: block;
        }
        .right-half .content a
        {
            color: white;
            float:center;
            text-align: left;
            text-indent: 25%;
            line-height: 1;
            display: block;   
        }

        @media screen and (min-width:200px) and (max-width:900px) 
        {
            .left-half
            {
                display: block;
                width: 100%;
            }
            .right-half
            {
                display: block;
                width: 100%;
            }
            .left-half .logoof
            {
                width:60vw;
                height:auto;
                padding: 0%;
            }
        }
        @media screen and (min-width: 1000px) and (max-width:1350px) 
        {
            .left-half
            {
                display: inline-block;
            }
            .right-half
            {
                display: inline-block;
            }
        }