﻿.footer-area {
    display: flex;
    flex-direction: column;
    width:100%;
    justify-content: center;
    align-items: center;
    /*border-color: red;*/
}

.footer-bg {
    background-color: #1b2132;
}

.footercontainer {
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: center;
    /*align-items: center;*/
    margin: 0;
    padding: 0 10px 0 10px;
    color: white;
    /*    border: solid;
    border-color: yellow;*/
}

    .footercontainer a {
        color: white;
        text-decoration: none;
        transition: 0.3s;
    }

        .footercontainer a:hover {
            color: #b56952;
        }

.footerlogo {
    padding: 10px;
}

    .footerlogo img {
        width: 250px;
        /*margin-bottom: 20px;*/
    }

.footerleft {
    display: flex;
    flex-direction: column;
    width: 100%;
    justify-content: center;
    align-items: start;
    /*margin: 40px;*/
    color: white;
    /*border: solid;*/
}

.footercontactlinks {
    padding: 10px;
    /*    border: solid;
    border-color: blue;*/
}

.footercontactlist {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    list-style: none;
    text-align: left;
    margin: 0;
    padding: 0;
}

    .footercontactlist li {
        padding: 5px 0 0 0;
    }

.footerright {
    display: flex;
    width: 100%;
    padding: 10px;
    /*border:solid;*/
}

.footerpagelinksleft {
    width: 100%;
    /*border:solid;*/
}

.footerpagelinksright {
    width: 100%;
    /*border: solid;*/
}

.copyrighttext {
    display: flex;
    flex-direction: column;
    width: 98%;
    justify-content: center;
    color: white;
    border: solid;
    border-color: #af654f;
    border-width: 1px 0 0 0;
    padding: 10px;
    margin: 0 20px 0 20px;
}

@media only screen and (max-width: 480px) {

    .footer-area {
        font-size: 10px;
    }

    .footerlogo img {
        width: 200px;
    }


    .footerright {
        padding: unset;
        padding-top:10px;
        /*border:solid;*/
    }
    .footerright h3 {
        font-size: 14px;
        white-space:nowrap;
    }



    .footerpagelinkslist, .footer-list {
        padding:0;
        padding-left: 10px;
    }
}
