* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}
footer {
    width: auto;
    background-color: #333333;
    padding: 0 160px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
footer, .footer-2 {
    color: #a29e9e;
    font-size: 15px;
}

footer h6 {
    margin-top: 25px;
    padding-bottom: 10px;
    font-size: 18px;
    color: #ffffff;
}
a {
    text-decoration: none;
    color: #ffffff;
}
footer div .one {
    margin-bottom: 20px;
    text-transform: none;
}
footer .details {
    display: flex;
    flex-wrap: wrap;
}
footer .details div {
    width: 150px;
    margin-right: 20px;
    margin-bottom: 15px;
}
footer .logobox {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    flex-basis: 100%;
    margin-top: 45px;
    margin-bottom: 25px;
}
footer .details div p {
    text-transform: uppercase;
}
footer .details div span {
}
footer .contact {
    width: 340px;
}
footer .information {
    margin-right: 20px;
}
footer .information p {
    margin-bottom: 8px;
}
footer .account p {
    margin-bottom: 8px;
    width: 150px;
}
footer .newsletter p, input {
    padding: 5px;
}
footer .newsletter input {
    width: 170px;
    margin-bottom: 20px;
    border-style: none;
    background-color: #4d4d4d;
    color: #a29e9e;
}
 footer .newsletter input::placeholder {
 color: #a29e9e;
 font-size: 10px;
}
footer .newsletter button {
    padding: 7px 12px;
    margin-left: 4px;
    color: #fff;
    background-color: #f00;
    font-size: 10px;
    border-style: none;
}
footer .newsletter a {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-right: 25px;
    border-radius: 50%;
    text-align: center;
    padding: 7px 0 7px 0; 
    
    
    
}
footer .newsletter a:first-of-type {
    background-color:none;
    
}
footer .newsletter a:nth-of-type(2) {
    background-color: #4267B2;
}
footer .newsletter a:nth-of-type(3) {
    background-color: #f00;
}
footer .newsletter a:nth-of-type(4) {
    background-color: #8a50ca;
}
footer a:hover:nth-of-type(2), footer a:hover:nth-of-type(3) {
    color: rgba(224,224,224,0.30);
    transform: scale(1.3);
    transition: all .2s ease-in-out;
}
.footer-2 {
    width: 100%;
    padding: 10px 160px 10px;
    background-color: #252121;
}
.footer-2 p {
    color: gray;
}

/* start media footer */
@media (max-width: 767px) {
footer {
    padding: 15px 20px 0;
    justify-content: initial;
}
footer .information {
    width: 120px;
}
footer .account {
    width: 120px;
}

.footer-2 {
    padding: 10px 20px;
}
.footer-2 .icons {
    padding: 5px 15px;
    float: none;
}
/* end media footer */

.footer-2 p span {
    color: #fff;
}
.footer-2 .icons {
    float: right;
}
.footer-2 a {
    display: inline-block;
    margin-right: 4px;
}
.footer-2 a:first-of-type {
    background-color: #31abea;
    color: #fff;
}
.footer-2 a:nth-of-type(2) {
    background-color: #14226b;
    color: #fff;
}
.footer-2 a:nth-of-type(3) {
    background-color: #31abea;
    color: #fff;
}
.footer-2 a:nth-of-type(4) {
    background-color: orange;
    color: #fff;
}
.footer-2 a:last-of-type {
    background-color: #31abea;
    color: #fff;
}
footer .logobox div {
    min-width: 6rem;
    height: 6rem;
}
    footer .logobox {
         margin-bottom: x;
    }
   
   
}