div.footer { margin: 0 0; padding: 0 0; width:100%;}

footer{ margin: 0 0; padding: 4vh 0 0 0; width:100%; height: 100%; background:linear-gradient( rgba(0, 0, 0, 0.9) , rgba(0, 0, 0, 0.9)),url("../img/raw/footerbg_1.jpg") center center; background-size: cover; color: #fff; position: relative}

footer>div.row { width: 100%; text-align: center; overflow: auto; padding: 0;}

footer div.col{ text-align:center; display: inline-block; width: 19%; margin: 0; vertical-align: top;}
footer img{width: 100%; margin: 0 auto;}

footer h3{font-size: 24px; margin: 0; margin-bottom: 10px; cursor: pointer;}

footer div.title{ text-transform: capitalize }

footer div.qlinks>ul{ list-style-type:none; margin: 0; padding: 0; font-size: 16px; }
footer div.qlinks>ul>li{ margin-bottom: 4px; }
footer div.qlinks>ul>li>a{ text-decoration: none; color: #fff; font-style: italic; }
footer div.qlinks>ul>li>a:hover, footer div.qlinks>ul>li>a:visited:hover{ text-decoration: underline; cursor: pointer; }
footer div.qlinks>ul>li>a:visited{ color: #fff; }

footer div.contact-info{ text-align: left;}

footer div.contacts{ font-size: 15px; }
footer div.contact{ padding: 0 0 20px 0; }

footer div.contact>div.name{ letter-spacing: 1.3px; font-weight: bold; text-transform: capitalize; }
footer div.contact>div.phone a{ line-height: 25px; text-decoration: underline; color: #fff; letter-spacing: 1px; font-size: 14px }
footer div.contact-email{ width: 120%; font-size: 15px; padding: 0 0 20px 0; }
footer div.contact-email a{ letter-spacing: 1px; text-decoration: underline; color: #fff; font-size: 14px; }

footer div.social{ width: 100%; padding: 0 0; text-align: left}
footer div.social>div.link{ text-align: left; width: 40px; font-size: 30px; color: #fff; display: inline-block;}
footer div.social>div.link a{ text-decoration: none; color: #e62b1e; }
footer div.social>div.link a:hover{ color: #fff; }

footer div.quicklink, footer div.aboutted, footer div.engage{
    padding:0; text-align: left; padding-left: 3.5%; box-sizing: border-box;
}

footer div.logo-suggest{ width: 25%; text-align: center}
footer div.logo-suggest>div.logo{ width: 100%; text-align: center}
footer div.suggest>button.suggestASpeaker{ border: none; width: 100%; padding: 1em 2em; font-size: 18px; margin-top: 10px; background-color: rgba(255, 0, 0, 0.9); color: #fff; font-weight: bold; transition: 0.2s background; }
footer div.suggest>button.suggestASpeaker:hover{background-color: #e62b1e; cursor: pointer; transition: 0.2s background;}
footer div.scrollup{z-index: 100; border-radius: 100%; position: absolute; bottom: 40px; right: 50px; display: inline-block; text-align: center; height: 55px; width: 55px; background-color: rgba(255, 255, 255, 0.15); color: #e62b1e; font-size: 30px; padding-top: 0.5%; box-sizing: border-box; }
footer div.scrollup:hover{ background-color: rgba(255, 255, 255, 0.3);}

footer div.credits{ position: relative; box-sizing: border-box; font-size: 16px; }
footer div.credits>div.tag{ padding: 3px 0; }
footer div.credits>div.ted-license{ line-height: 15px; font-style: italic }
footer div.credits>div.author{ margin-top: 0px; }

div.newsletter { width: 100%; background-color: #000; color: #fff; box-sizing: border-box; padding: 10px 95px 40px 95px; text-align: center;}
div.newsletter>div.description { width: 30%; font-size: 1.8em; display: inline-block; height: 100%; transform: translateY(22%);}
div.newsletter>form#subscribe-newsletter { width: 69%; display: inline-block; text-align: center; }
form#subscribe-newsletter>input, form#subscribe-newsletter>button.submit-newsletter  { width: 30%; display: inline-block; text-align: center; outline: none; margin: 0 10px; box-sizing: border-box; padding: 1em 1em; font-family: "OpenSans"; font-size: 14px; font-weight: bold;}
form#subscribe-newsletter>input.name-newsletter, form#subscribe-newsletter>input.email-newsletter { 
 color: #e62b1e; text-align: left; border: 3px solid #fff;
}
form#subscribe-newsletter>input.name-newsletter:focus, form#subscribe-newsletter>input.email-newsletter:focus { 
    color: #e62b1e; text-align: left; border-bottom: 1px solid #e62b1e;
   }
form#subscribe-newsletter>button.submit-newsletter{ background-color: rgba(255, 0, 0, 0.9);border: none; margin-bottom: -10px; font-size: 16px; color: #fff; text-align: center; }
form#subscribe-newsletter>button.submit-newsletter:hover, form#subscribe-newsletter>input.submit-newsletter:focus{cursor: pointer; background-color: #e62b1e; color: #fff; }
@media only screen and (max-device-width: 800px) {
    footer div.scrollup{ margin-top: 40px; height: 105px; width: 105px; font-size: 50px; padding-top: 2%;}

    footer div.social>div.link{ 
        text-align: center; width: 23%; font-size: 120px; color: #fff; display: inline-block; 
    }
    footer div.contact-info{ width: 90%;}
    footer div.quicklink, footer div.aboutted, footer div.engage{ 
        width: 38%; margin-top: 8%; padding:0; text-align: left; padding-left: 3.5%; box-sizing: border-box;
    }
    footer div.col>div.title>h3{font-size: 40px; margin-bottom: 35px}
    footer div.quicklink{ width: 30%; padding-left: 5%; }
    footer div.qlinks>ul{ font-size: 28px; }

    footer div.contact-info>.title>h3{ font-size: 40px; }
    footer div.contact{ display: inline-block; width: 49%; padding-bottom: 50px; }
    footer div.contact>.name{ font-size: 35px; padding-bottom: 10px;}
    footer div.contact>div.phone a{ font-size: 30px; }
    footer div.contact-email{ display: inline-block; width: 100%; padding-bottom: 30px;}
    footer div.contact-email a{ font-size: 35px; }
    footer div.contact-email i{ font-size: 25px; }
    footer div.contact>div.phone i{ font-size: 25px; }
    
    footer div.logo-suggest{ width: 70%; }
    footer div.suggest>button.suggestASpeaker{  width: 95%; font-size: 28px;  margin-top: 0px;  }
    footer div.credits{ padding-top: 50px; font-size: 16px; }

    div.newsletter { padding: 75px 110px 85px 110px;}
    div.newsletter>div.description { width: 100%; font-size: 4em; transform: translateY(0%);}
    div.newsletter>form#subscribe-newsletter { width: 100%; display: block; text-align: center; margin-top: 10px}
    form#subscribe-newsletter>input, form#subscribe-newsletter>button.submit-newsletter  { width: 100%; display: block; margin: 20px 10px; font-size: 35px}
    form#subscribe-newsletter>button.submit-newsletter{ font-size: 40px}

}