.footer-container
{
    min-height: 20em;
    width: 100%;
    font-family: tahoma;
    background-color: #bd8761;
    background-image: url("data:image/svg+xml,%3Csvg width='84' height='48' viewBox='0 0 84 48' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h12v6H0V0zm28 8h12v6H28V8zm14-8h12v6H42V0zm14 0h12v6H56V0zm0 8h12v6H56V8zM42 8h12v6H42V8zm0 16h12v6H42v-6zm14-8h12v6H56v-6zm14 0h12v6H70v-6zm0-16h12v6H70V0zM28 32h12v6H28v-6zM14 16h12v6H14v-6zM0 24h12v6H0v-6zm0 8h12v6H0v-6zm14 0h12v6H14v-6zm14 8h12v6H28v-6zm-14 0h12v6H14v-6zm28 0h12v6H42v-6zm14-8h12v6H56v-6zm0-8h12v6H56v-6zm14 8h12v6H70v-6zm0 8h12v6H70v-6zM14 24h12v6H14v-6zm14-8h12v6H28v-6zM14 8h12v6H14V8zM0 8h12v6H0V8z' fill='%23d3a27a' fill-opacity='0.4' fill-rule='evenodd'/%3E%3C/svg%3E");
    position:relative;
}

.foot-backtotop-round-button 
{
    width:4em;
    height:3.6em;
    cursor:pointer;
    position:fixed;
    bottom:7em;
    right:2em;
    display:none;
}

.foot-backtotop-round-button-border 
{
    padding-top:0.4em;
    border-radius: 50%;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.8);
}

.foot-backtotop-round-button-inner 
{
    margin: auto;
    border-radius: 50%;
    width: 3em;
    height: 3em;
    background-color: rgba(0,0,0,0.8);
    border:2px solid #41a867;
    vertical-align:middle;
    position:relative;
}

.foot-backtotop-round-button-inner:hover 
{
    background-color: #09470d;
}

.foot-backtotop-round-icon 
{
    width:0;
    height:0;
    border-left:10px solid transparent;
    border-right:10px solid transparent;
    border-bottom:10px solid #41a867;
    margin-left:auto;
    margin-right:auto;
    position:absolute;
    top:1em;
    left:0.7em;
}

.footer-grass 
{
    background-image:url('../../imageLib/Grass.png');
    height:2em;
    width:100%;
    background-color:transparent;
    position:absolute;
    top:-2em;
}

.footer-backtotop 
{
    font-family:arial,sans-serif;
    font-size:1em;
    background-color:#41a867;
    height:1.5em;
    color:white;
    text-align:center;
    padding-top:0.5em;
    cursor:pointer;
}

.footer-backtotop:hover 
{
    background-color: #409861;
}

.footer1
{
    color: white;
    min-height: 17em;
    padding-top: 1em;
    background-color:transparent;
}

.foot1-ctn 
{
    width:72em;
    margin-left:auto;
    margin-right:auto;
}

.foot1-cnt-sb 
{
    width:calc(50% - 20px);
    display:inline-block;
    vertical-align:top;
    padding:0.5em;
    padding-bottom:1.5em;
}

.fa 
{
    padding: 20px;
    font-size: 30px;
    width: 30px;
    text-align: center;
    text-decoration: none;
    margin: 5px 2px;
    border-radius: 50%;
}

.fa-facebook {
    background: #3B5998;
    color: white;
}

.footer2
{
    height: 3em;
    color: #e8cbb7;
    background-color:#827972;
    font-family:'RobotoRegular','Helvetica Neue',Helvetica,sans-serif; 
    font-size:0.8em; 
    width:100%;
    position:relative;
}

.foot2-ctn-sb 
{
    width:calc(50% - 70px);
    display:inline-block;
    vertical-align:top;
    padding:0.5em;
}

.foot2-logo 
{
    height:5em;
    width:5em;
    position:absolute;
    left:0px;
    top:-2.2em;
}

/*for tablets*/
@media screen and (max-width:959px) {
    .foot1-ctn 
    {
        width:100% !important;
    }

    .footer2 
    {
        height:4em;
    }
}

/*for phones*/
@media screen and (max-width:640px) {
    .footer2 
    {
        height:5.8em;
    }

    .foot1-cnt-sb 
    {
        width:calc(100% - 25px);
    }

    .foot2-ctn-sb 
    {
        width: calc(100% - 70px);
    }

    .foot2-ctn-sb.right 
    {
        text-align:left !important;
        padding-left:5em !important;
        padding-right:0 !important;
    }

    .foot-backtotop-round-button 
    {
        display:none !important;
    }
}

/*smallest screen for phones*/
@media screen and (max-width:320px) {
    .footer-container 
    {
        width:320px;
    }
}