.footer-container
{
    height: 20em;
    width: 100%;
    font-family: tahoma;
    background-color: #E6E6E6;
}

.foot-backtotop-round-button 
{
    width:4em;
    height:3.6em;
    cursor:pointer;
    position:fixed;
    bottom:2em;
    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 #3b6c8e;
    vertical-align:middle;
    position:relative;
}

.foot-backtotop-round-button-inner:hover 
{
    background-color: #092e47;
}

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

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

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

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

.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;
}

.footer2
{
    height: 3em;
    color: white;
    background-color: #161616;
    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;
    }
}

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

    .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;
    }
}

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