footer#colophon {
position: relative;
padding: 20px 0 0;
background: #354534;
color: #D3C9B2;
}
#footer-widget {
color: #D3C9B2;
}
footer#colophon a  {
text-decoration: none;
transition: color .5s;
}
footer#colophon .menu a {
font-size: 16px;
}
footer#colophon a:hover, footer#colophon a:focus {
color: #fff;
text-decoration: none;
} #footer-widget h3.widget-title {
font-size: 24px;
line-height: 27px;
color: #D3C9B2;
margin: 30px 0 25px;
}
#footer-widget a {
color:#999;
}
#footer-widget .textwidget p:last-child {
margin-bottom:0
}
#footer-widget .widget_nav_menu ul li {
margin-bottom: 10px;
}
#footer-widget .widget {
margin: 0 0 35px;
} #footer-widget-bottom .widget_nav_menu li {
float:left;
position: relative;
padding-right: 5px
}
#footer-widget-bottom .widget_nav_menu li:not(:first-child) {
padding-left: 8px;
}
#footer-widget-bottom .widget_nav_menu li:not(:first-child):before {
content:'|';
position: absolute;
left: 0;
top: 0;
color:#999
}
#footer-widget-bottom .widget_nav_menu li a {
color:#999
}
#footer-widget .ws-social-block {
margin-left: 26px;
}
@media only screen and (max-width: 575px) {
#footer-widget, #footer-widget h3.widget-title {
text-align: center;
}
#footer-widget .widget {
margin: 0 0 20px;
}
#footer-widget-bottom  {
padding-top: 10px
}
#footer-widget-bottom .widget_nav_menu li {
float: none;
padding: 0;
text-align: center;
}
#footer-widget-bottom .widget_nav_menu li:before {
display:none
}
}
@media only screen and (max-width: 767px) {
#footer-widget .container .widget {
display: table;
margin: 0 auto 24px; } footer#colophon .menu a {
display: block;
margin-bottom: 10px;
}
#footer-widget-bottom .col-auto {
margin: 0 auto
}
#footer-widget-bottom .ws-contact-block {
justify-content: center;
flex-wrap: wrap;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
#footer-widget .container .widget {
display: table;
margin: 0 auto 35px;
}
}
@media only screen and (max-width: 991px) {
#footer-widget h3.widget-title {
margin: 10px 0 20px;
}
#footer-widget p {
margin-bottom:10px
}
#footer-widget .footer-widget-1.col-auto {
margin: 0 auto
}
}
@media only screen and (min-width: 992px) {
#footer-widget {
text-align: left;
}
}