footer{
    width: 100%;
    box-sizing: border-box;
    background: linear-gradient(225deg,rgb(60, 96, 120),rgb(73, 118, 148));
    height: fit-content;
    padding: 10px 20px 10px 20px;
    margin: 50px 0px 0px 0px;
    border-radius: 0;
    display: flex; 
    justify-content: space-between;
    flex-wrap: wrap;
    border-top: 1px rgba(35, 67, 95, 0.82) solid;
    
}

.FooterChild a{
    color: white;
    text-decoration: none;
}

footer>:first-child{
    font-size: 13px;
    padding: 15px;
    word-spacing: 2px;
    letter-spacing: 1.2px;
}

footer .Slogan{
    font-size: 9px;
    position: relative;
    left: 54px;
    bottom: 13px;
}

footer>:first-child a div{
    font-weight: bold;
    margin-bottom: 7px;
    font-size: 15px;
    word-spacing: normal;
    letter-spacing: 1px;
}

footer>:first-child a div span{
    background-color: whitesmoke;
    border-radius: 1px;
    color: rgb(35, 67, 95);
    padding: 5px 1px;
    margin-right: 2px;
    margin-bottom: 20px;
    font-size: 15px;
    box-shadow: 1px 1px lightgray;
}

footer>:first-child a div span sup{
    font-size: 6px;
    position: relative;
    bottom: 6px;
    letter-spacing: normal;
    
}

.FooterIcons {
    width: fit-content;
    margin-top: 20px;
    display: flex;
    font-size: 25px;
    justify-content: space-between;
    gap: 15px;
    
}

footer .Wrapper{
    display: flex;
    justify-content: space-evenly;
    text-align: right;
    flex-wrap: wrap;
    padding-right: 80px;
}

.FooterChild ul {
    list-style: none;
    color: white;
    font-size: 18px;
}

.FooterChild ul li{
    padding: 5px 2px;
}
.FooterChild ul a:hover{
    text-decoration: underline;
}

#Copyright{
    font-size: 8px;
    position: relative;
    bottom: 8px;
    font-weight: normal;
}

.Subfoot{
    width: 100%;
    text-align: center;
    padding-block: 5px;
    color: white;
    font-size: 11px;
}

#beamer {

background-color: rgb(73, 118, 148);
width: fit-content;
padding: 8px;
border-radius: 50px;
position: fixed;
right: 50px;
bottom: 20px;
scroll-behavior: smooth;
box-shadow: 2px 3px 4px 0px rgb(0 0 0 / 34%);

}

#beamer i {

color: white;
font-size: 30px;

}

.hide{
    display: none;
}
.show{
    display: block
}

@media all and (max-width: 800px){

    Footer{
        padding: 10px 10px;
        justify-content: center;
    }

    footer .Slogan{
        left:27px;
    }

    .FooterIcons{
        justify-content: center;
        width: 100%;;
    }
    .FooterChild{
        text-align: center;
    }

    footer .Wrapper{
        width: 100%;
        padding-right: 0px;
    }

    .FooterChild{
        width: 25%;
    }

    footer>:first-child{
        width:auto;
    }

    .FooterChild ul {
        padding-left: 0px;
        font-size: 16px;;
        text-align: center;
    }
}

@media all and (max-width: 700px) {


        #beamer {

            padding: 6px;
            right: 25px;
            bottom: 40px;
        }


        #beamer i{


            font-size:19px;
            

        }
}


@media all and (max-width: 320px) {

        #beamer {
            display: none;
        }

}