html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin:0px; padding:0px; border:0px; outline:0px; font-style:inherit; vertical-align:baseline
}
*, *:before, *:after {
-webkit-box-sizing: border-box; 
-moz-box-sizing: border-box; 
box-sizing: border-box
}
hr {
display:block; height:1px; border:0; border-top: 1px solid #e5e5e5; margin:1em 0; padding:0
}
iframe {
display:block; margin:auto
}
blockquote {
quotes:none
}
blockquote:before, blockquote:after {
content: ''; content:none
}
del {
text-decoration:line-through
}
sup,
sub { 
vertical-align: baseline;
vertical-align: bottom;
position: relative;
}
sup {
bottom:1ex 
}
sub {
top:.5ex
}
em {
font-style:italic
}
ol, ul {
list-style:none
}
a {
text-decoration:none;
-webkit-transition:all 0.3s ease-out;
-moz-transition:all 0.3s ease-out;
-o-transition:all 0.3s ease-out;
transition:all 0.3s ease-out
}
a:hover {
-webkit-transition:all 0.3s ease-out;
-moz-transition:all 0.3s ease-out;
-o-transition:all 0.3s ease-out;
transition:all 0.3s ease-out
}
a img {
border:none
}
img {
max-width:100%; height:auto
}
p {
margin:0px; padding-top:5px; padding-bottom:5px
}
h1, h2, h3, h4, h5 {
padding:0px; margin:0px
}
.clear {
clear:both
}
.center {
text-align:center
}
textarea {
font-family:'Open Sans', sans-serif
}
.hide {
display:none; visibility:hidden; height:0
}
.strong {
font-weight:800
}
.iframe-rwd  {
position:relative; padding-bottom:50%; overflow:hidden; height:0; margin-bottom:10px; margin-top:25px; width:100%
}
.iframe-rwd iframe {
position:absolute; top:0; left:0; width:100%; height:100%
} html, body {height:100%}
body {
display:table; width:100%}
.page-row {
display:table-row; height:1px}
.page-row-expanded {height:100%}
@media only screen and (max-width: 800px) {
#wrapper {
width: 90%;
padding: 0px;
background: #ffffff;
border-left: solid 10px #b3b3b3;
border-right: solid 10px #b3b3b3;}
}
@media only screen and (min-width: 801px) {
#wrapper {
width:100%; max-width:1200px; margin:auto; padding:20px; background:#ffffff; border-left:solid 10px #b3b3b3; border-right:solid 10px #b3b3b3
}
}
.content-body {
width:70%; float:left; padding-left:20px
}
.content-body-full-width {
width:100%; padding:20px; padding-top:10px; padding-bottom:10px
}
.content-sidebar {
width:30%; float:right
} .top-tesktop {
display:block
}
.top-mobile {
display:none
}
#top-desktop {
width:100%; height:150px; padding:10px; background:#3c3c3c; margin-top:-10px;
-webkit-transition:all 0.3s ease-out;
-moz-transition:all 0.3s ease-out;
-o-transition:all 0.3s ease-out;
transition:all 0.3s ease-out
}
.top-desktop-body {
width:100%; max-width:1200px; display:block; margin:auto
}
.header-background {
width:100%; height:70px; margin-top:-30px; background:url(//iwpllc.com/wp-content/themes/iwp/images/header-background.png); background-position:center; position:relative; z-index:1
}
#top-mobile {
width:100%; padding:10px; background:#3c3c3c
}
#logo-mobile {
width:100%; max-width:215px; display:block; margin:auto; position:relative; z-index:1007
}
#logo-mobile img {
width:100%; height:auto
}
.header-mobile-background {
width:100%; height:70px; margin-top:-50px; background:url(//iwpllc.com/wp-content/themes/iwp/images/header-background.png); background-position:center; position:relative; z-index:1
}  #main-navigation li.btn-logo {
position:relative; top:50px; width:400px; z-index:1007
}
.main-navigation, ul#main-navigation {
width:100%; margin:auto; list-style:none; text-align:center; font-size:0
}
ul#main-navigation img {
width:100%; max-width:217px; height:auto
}
ul#main-navigation li {
display:inline-block; width:150px; text-align:center; position:relative; top:0;
}
ul#main-navigation a {
font-size:18px; line-height:59px; color:#cdcdcd; font-weight:800; text-decoration:none; text-transform:uppercase
}
ul#main-navigation li:hover > a,
ul#main-navigation li[class*="current"] > a {
color:#c7763f
} ul#main-navigation ul {
list-style:none; margin:0; padding:0; position:absolute; z-index:0
}
ul#main-navigation li ul {
top:59px; left:0px; text-align:left
}
ul#main-navigation ul ul {
top:0px; left:100%
}
ul#main-navigation ul li {
width:217px; display:inline-block; float:none; padding-top:7px; padding-bottom:7px; position:relative; border-left:0px; background:rgba(255, 255, 255, 0.8)
} ul#main-navigation ul,
ul#main-navigation li:hover ul ul,
ul#main-navigation ul li:hover ul ul
{display:none; z-index:10000}
ul#main-navigation li:hover ul,
ul#main-navigation ul li:hover ul ,
ul#main-navigation ul li ul li:hover ul
{display:block}
ul#main-navigation li * a {
display:block; padding-left:10px; padding-right:10px; font-size:14px; line-height:25px; color:#4d4d4d; font-weight:500; text-decoration:none;  text-align:left
}
ul#main-navigation ul li:hover > a,
ul#main-navigation ul li[class*="current"] > a {
background:#c7763f; color:#ffffff; font-weight:800
}  .header-background-body {
width:100%; max-width:960px; padding:10px; padding-top:20px; display:flex !important; margin:auto }
.secondary-navigation, ul#secondary-navigation {
width:100%; margin:auto; list-style:none; text-align:right; font-size:0
}
#secondary-navigation li:last-child {
border-right:0px !important
}
ul#secondary-navigation li {
display:inline-block; padding-left:12px; padding-right:12px; text-align:center; position:relative; top:0; border-right:solid 1px #cdcdcd
}
ul#secondary-navigation a {
font-size:14px; line-height:18px; color:#cdcdcd; font-weight:500; text-decoration:none; text-transform:uppercase
}
ul#secondary-navigation li:hover > a,
ul#secondary-navigation li[class*="current"] > a {
color:#c7763f
} ul#secondary-navigation ul {
list-style:none; margin:0; padding:0; position:absolute; z-index:0
}
ul#secondary-navigation li ul {
top:18px; left:0px; text-align:left; padding-bottom:5px; background:#58584f
}
ul#secondary-navigation ul ul {
top:0px; left:100%
}
ul#secondary-navigation ul li {
width:170px; display:inline-block; float:none; position:relative; border-left:0px; padding-top:5px; background:#58584f; border-right:0px
} ul#secondary-navigation ul,
ul#secondary-navigation li:hover ul ul,
ul#secondary-navigation ul li:hover ul ul
{display:none; z-index:10000}
ul#secondary-navigation li:hover ul,
ul#secondary-navigation ul li:hover ul ,
ul#secondary-navigation ul li ul li:hover ul
{display:block}
ul#secondary-navigation li * a {
display:block; font-size:14px; line-height:22px; color:#cdcdcd; font-weight:normal; text-decoration:none;  text-align:left
}
ul#secondary-navigation ul li:hover > a,
ul#secondary-navigation ul li[class*="current"] > a {
color:#c7763f
} .mobile-navigation {
display:none
}
@media only screen and (max-width: 800px) {
.mobile-navigation {
display:block
}
}
#mobile-icon {
width:30px; height:30px; position:absolute; top:10px; left:10px; z-index:3002;
-webkit-transform:rotate(0deg);
-moz-transform:rotate(0deg);
-o-transform:rotate(0deg);
transform:rotate(0deg);
-webkit-transition:.5s ease-in-out;
-moz-transition:.5s ease-in-out;
-o-transition:.5s ease-in-out;
transition:.5s ease-in-out;
cursor:pointer
}
#mobile-icon span {
display:block; position:absolute; height:2px; width:100%; background:#ffffff; opacity:1; left:0;
-webkit-transform:rotate(0deg);
-moz-transform:rotate(0deg);
-o-transform:rotate(0deg);
transform:rotate(0deg);
-webkit-transition:.25s ease-in-out;
-moz-transition:.25s ease-in-out;
-o-transition:.25s ease-in-out;
transition:.25s ease-in-out
}
#mobile-icon span:nth-child(1) {
top:0px
}
#mobile-icon span:nth-child(2) {
top:8px
}
#mobile-icon span:nth-child(3) {
top:16px
}
#mobile-icon.open span:nth-child(1) {
top:18px;
-webkit-transform: rotate(135deg);
-moz-transform:rotate(135deg);
-o-transform:rotate(135deg);
transform:rotate(135deg)
}
#mobile-icon.open span:nth-child(2) {
opacity:0;
left:-60px
}
#mobile-icon.open span:nth-child(3) {
top:18px;
-webkit-transform:rotate(-135deg);
-moz-transform:rotate(-135deg);
-o-transform:rotate(-135deg);
transform:rotate(-135deg)
}
#mobile-navigation {
width:100%; max-width:300px; min-height:100%; padding-top:50px; padding-bottom:30px; padding-left:40px; padding-right:40px; 
background:rgba(255, 255, 255, 0.8); position:absolute; top:0; z-index:3001; left:-300px;
-webkit-transition:all 0.5s ease-out;
-moz-transition:all 0.5s ease-out;
-o-transition:all 0.5s ease-out;
transition:all 0.5s ease-out
}
ul#mobile-navigation ul {
text-align:left; list-style:none
}
#mobile-navigation li {
display:block
}
#mobile-navigation a {
display:block; padding:10px; font-size:16px; line-height:25px; color:#333333; text-decoration:none; text-align:left
}
#mobile-navigation li:hover > a,
#mobile-navigation li[class*="current"] > a {
color:#5B5B5B
} #banner {
width:100%; height:auto; display:block; margin-top:-21px; position:relative; z-index:0
}
#page-title {
width:100%; padding:15px; background:#a5541f; margin-top:-10px
}
#page-title h1, #page-title-without-banner h1 {
font-size:30px; line-height:35px; color:#ffffff
}
.page-title-body {
width:100%; max-width:1200px; margin:auto
}
#page-title-without-banner {
width:100%; padding:15px; background:#a5541f; margin-top:-21px; position:relative; z-index:0
}
#banner img {
width:100%; height:auto
}
#content {
width:100%; font-size:16px; font-weight:500; color:#4d4d4d
}
#content p {
line-height:25px
}
#content a {
color:#c06014
}
#content a:hover {
color:#d66d1a
}
#content h1 {
font-size:28px; font-weight:bold; line-height:35px; color:#c06014; padding-top:10px; padding-bottom:10px
}
#content h2 {
font-size:26px; font-weight:bold; line-height:30px; color:#c06014; padding-top:10px; padding-bottom:10px
}
#content h3 {
font-size:20px; font-weight:bold; line-height:30px; color:#c06014; padding-top:10px; padding-bottom:10px
}
#content h4, #content h5 {
font-size:18px; font-weight:bold; line-height:28px
}
#content ul {
margin-top:20px; margin-bottom:20px; margin-left:20px
}
#content ul li {
font-size:16px; line-height:25px; margin: 0px 0px 2px 0px; padding: 0px 0px 0px 0px; list-style:inside; list-style-type:disc; list-style-position:outside
}
#content table {
empty-cells:show; border-collapse:collapse; margin-bottom:5px; margin-left:auto; margin-right:auto; width:100%
}
#content table {
margin-top:10px; margin-bottom:10px
}
#content td {
padding:8px; text-align:center; border:solid 1px #e6e6e6
}
#content th {
padding-top:5px; padding-bottom:5px; padding-left:10px
} #sidebar {
width:100%; font-size:16px; font-weight:500; overflow:hidden; padding:20px; padding-top:0px
}
#sidebar h2 {
font-size:20px; font-weight:bold; color:#c06014; text-align:left; text-transform:uppercase; padding-bottom:10px
}
#sidebar p, #sidebar a {
font-size:15px; line-height:25px; color:#4d4d4d; text-decoration:none
}
#sidebar .widget_nav_menu a,
#sidebar .widget_categories a,
#sidebar .widget_archive a,
#netgo_navigation_netgo_navigation-2 a {
width:100%; line-height:20px; display:inline-block; padding-top:10px; padding-bottom:10px; text-transform:uppercase;
background:url(//iwpllc.com/wp-content/themes/iwp/images/sidebar-arrow.png); background-position:left; background-repeat:no-repeat; padding-left:15px
}
#sidebar .widget_nav_menu a:hover,
#sidebar .widget_categories a:hover,
#sidebar .widget_archive a:hover,
#sidebar .current-cat a:hover,
#sidebar .current_page_item a,
#netgo_navigation_netgo_navigation-2 a {
color:#c06014
}
#sidebar1 .widget_nav_menu a::before,
#sidebar1 .widget_categories a::before,
#sidebar1 .widget_archive a::before { 
content: "> "
}
div.netgo_navigation li.menu-item-has-children {
background:url(//iwpllc.com/wp-content/themes/iwp/images/nav-arrow.png) no-repeat -3px 12px !important; padding:15px; cursor:pointer
}
#sidebar img {
display:block; margin:auto
}
#sidebar ul, #sidebar ul ol, #sidebar-store ul, #sidebar-store ul ol {
margin:0; padding:0 
}
#sidebar ul li, #sidebar-store ul li {
list-style-type:none
}
ol li, #sidebar ul ol li,
ol li, #sidebar-store ul ol li {
list-style:decimal outside
}
#sidebar .textwidget {
padding:10px
}
#sidebar .widget-container {
margin-bottom:30px
} #wp-calendar, .em-calendar{
empty-cells:show; border-collapse:collapse; font-size:14px; margin-left:auto; margin-right:auto; margin-bottom:10px; margin-top:10px
}
#wp-calendar caption {
font-weight:bold; text-align:center; padding-top:5px; padding-bottom:5px
}
#wp-calendar td {
padding:10px; max-width:50px; text-align:center
}
#wp-calendar th {
padding-top:5px; padding-bottom:5px; text-align:center
}
#wp-calendar a:link, #wp-calendar a:active, #wp-calendar a:visited {
color:#d66d1a
}
#wp-calendar a:hover {
color:#d66d1a
}
#wp-calendar #next a {
width:80px; display:block; color:#d66d1a; text-align:right
}
#wp-calendar #next a:hover {
color:#d66d1a
}
#wp-calendar #prev a {
width:80px; display:block; color:#d66d1a; text-align:left
}
#wp-calendar #prev a:hover {
color:#d66d1a
}
#today {
background:#b3b3b3; color:#ffffff; border-radius:4px
} img.thumb-post-loop {
width:auto; max-width:100%; height:auto; max-height:200px; margin-top:10px; margin-bottom:10px
}
img.thumb-post {
width:auto; height:auto; margin-top:0px; margin-bottom:20px; display:block; margin:auto
}
.alignleft {
float:left; padding:2px; margin-right:50px; padding-top:30px; padding-bottom:30px; display:block; max-width:100%; height:auto
}
.alignright {
float:right; padding:2px; margin-left:50px; padding-top:30px; padding-bottom:30px; display:block; max-width:100%; height:auto
}
.aligncenter {
padding:2px; margin-top:20px; margin-bottom:20px; display:block; margin:auto; max-width:100%; height:auto
}
.alignnone {
max-width:100%; height:auto
} #content .entry {
width:100%; margin:auto; padding-bottom:10px; border-top:solid 1px #e6e6e6; margin-bottom:10px
}
#content a.post-title:link {
font-size:22px; color:#c06014; font-weight:normal
}
#content a.post-title:hover {
color:#d66d1a
}
#content a.more-button {
font-size:14px; color:#c06014
}
#content a.more-button:hover {
color:#d66d1a
} #content .post-date {
float:left; width:50px; height:50px; display:inline; background:#b3b3b3; padding:0px; margin:0px; margin-right:20px;
border-bottom-right-radius:4px; border-bottom-left-radius:4px; text-align:center
}
#content .month {
font-size:14px; color:#ffffff; margin-top:5px; text-align:center
}
#content .day {
font-size:18px; color:#ffffff; font-weight:bold; text-align:center
} #content .pagination {
width:100%; margin:auto; margin-top:20px; text-align:center; clear:both; line-height:23px
}
#content .pagination a, #content .pagination span {
font-size:12px; text-decoration:none; padding: 5px 7px; margin:2px; color:#4d4d4d; background-color:#ffffff; border:solid 1px #e6e6e6
}
#content .pagination a:hover {
background:#b3b3b3; color:#ffffff
}
.pagination span.active {} #comments ul.children li {
list-style:none
}
#comments-box {
background-color:#f2f2f2; padding:10px
}
.commentlist li {
margin:0px; padding: 0px 5px 0px 0px; list-style:none
}
.commentlist li ul li {
margin-left:30px; margin-bottom:0px; margin-top:0px; padding-bottom:0px; padding-top:0px
}
.commentlist ol {
list-style:decimal; width:100%
}
.nocomments {
text-align:center; margin:0px; padding:0px
}
.commentmetadata {
margin:0px; display:block
}
#respond:after {
content: "."; display:block; height:0px; clear:both; visibility:hidden
} .comments-box {
width:100%; min-height:100px; display:block; margin:0px; padding:0px; margin-bottom:2px; margin-top:10px; font-size:14px
}
div.avatar {
display:inline-block; float:left
}
img.avatar {}
.comments-body {
margin-left:75px
}
.meta-box {
width:100%; height:24px; display:block; margin-bottom:10px; border-top:solid 1px #b3b3b3
}
.meta {
display:inline-block; padding-left:10px; padding-right:10px; padding-top:5px; padding-bottom:5px; float:right
}
.comments-author {
display:inline-block; padding-left:10px; padding-right:10px; padding-top:5px; padding-bottom:5px; float:left; font-weight:bold
}
div.reply {
width:100%; padding:5px; margin-right:0px; display:inline-block; text-align:right
}
#content .reply a {
width:120px; color:#ffffff; text-decoration:none; background:#b3b3b3; padding:5px; padding-left:20px; padding-right:20px; border:0px; cursor:pointer
}
.leave-reply a {
margin-top:20px; font-weight:normal; font-size:14px
}
.com-navigation {
width:90%; height:20px; margin:auto
}
.com-nav-left {
float:left; padding:5px
}
.com-nav-right {
float:right; padding:5px
} #respond {
border-top:solid 1px #b3b3b3; padding-top:20px; padding-bottom:20px;
}
#comments-form {
border-top:solid 1px #b3b3b3; margin-top:20px
}
.com-form {
width:98%; height:30px; float:left; font-size:14px; color:#4d4d4d; padding:20px; margin-bottom:3px; border:1px solid #b3b3b3
}
.com-textarea {
width:100%; height:205px; font-size:14px; color:#4d4d4d; display:block; padding:20px; border:1px solid #b3b3b3; margin-bottom:1px
}
.com-form:hover, .com-textarea:hover {
background:#fafafa
}
.com-label {
width:100%; float:left; text-align:right; display:block; padding-right:10px; padding-top:7px; padding-bottom:7px; margin:0px; margin-right:5px
}
.comment-btn {
width:130px; font-size:14px; color:#ffffff; background:#b3b3b3; padding:5px; border:0px; cursor:pointer
}
.com-left {
width:50%; padding-top:20px; float:left
}
.com-right {
width:50%; padding-top:20px; float:right
} #footer {
width:100%; padding:20px; padding-bottom:30px; background:#3c3c3c; border-top:solid 10px #747269
}
.footer-body {
width:100%; max-width:1200px; margin:auto
}
#footer p, #footer a {
font-size:16px; line-height:20px; color:#9c9c9c; text-decoration:none
}
#footer a:hover {
color:#c7763f
}
.footer-navigation {
width:calc(100% - 200px); float:left
}
.copyright {
width:200px; padding-top:17px; float:right
} #footer-navigation li:last-child {
border-right:0px !important
}
ul#footer-navigation {
height:auto; display:block; margin:auto; list-style:none; position:relative; z-index:997; text-align:left; font-size:0; padding-top:20px
}
ul#footer-navigation li {
display:inline-block; padding-left:10px; padding-right:10px; text-align:center; position:relative; z-index:999; border-right:solid 1px #9c9c9c
}
ul#footer-navigation a {
width:100%; display:inline-block; text-decoration:none
}
ul#footer-navigation li:hover > a,
ul#footer-navigation li.current-menu-item a {
color:#c7763f
} #form table {
display:table; border-collapse:separate; border-spacing:0px; border-color:transparent; margin:auto; margin-top:30px; width:90%
} 
#form table td {
padding:1px
}
#form input[type=text], #form input[type=url], #form input[type=tel], #form input[type=number], #form input[type=color], #form input[type=email], #form input[type=password], #form select {
width:100%; height:50px; font-size:18px; padding:20px; border:solid 1px #b3b3b3; color:#4d4d4d
}
#form textarea {
width:100%; height:150px; font-size:18px; padding:20px; border:solid 1px #b3b3b3; color:#4d4d4d
}
#form input[type=text]:hover, #form textarea:hover {
background:#f1f1f1;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out
}
#form input[type=submit] {
width:100%; height:50px; display:block; color:#ffffff; font-size:30px; font-weight:700px; line-height:50px; text-align:center; text-transform:uppercase; background:#c06014; border:0px; cursor:pointer; position:relative; top:-5px;
-webkit-transition:all 0.5s ease-out;
-moz-transition:all 0.5s ease-out;
-o-transition:all 0.5s ease-out;
transition:all 0.5s ease-out
}
#form input[type=submit]:hover {
color:#ffffff; background:#d66d1a;
-webkit-transition:all 0.5s ease-out;
-moz-transition:all 0.5s ease-out;
-o-transition:all 0.5s ease-out;
transition:all 0.5s ease-out
}
#form ::-webkit-input-placeholder,
#contactform ::-webkit-input-placeholder {
color:#4d4d4d; font-size:16px
}
#form ::-moz-placeholder,
#contact-form ::-moz-placeholder { color:#4d4d4d; font-size:16px
}
#form :-ms-input-placeholder,
#contact-form :-ms-input-placeholder {
color:#4d4d4d; font-size:16px
} img.product-image {
width:auto; height:auto; display:block; margin:auto; border:solid 10px #b0aca8; margin-bottom:20px
}
#content a.product-btn {
font-size:20px; color:#4d4d4d; padding-left:20px
}
#content a.product-btn:hover {
color:#c06014
}
.product-left {
width:50%; float:left; padding-right:10px
}
.product-right {
width:50%; float:right; padding-left:10px
}
#content table.products-table {
border-collapse: separate;
border-spacing:20px; margin-top:20px; margin-bottom:20px; width:100%; border:solid 10px #e6e6e6
}
#content table.products-table th {
color:#c06014; font-size:20px; font-weight:800
}
#content table.products-table td {
text-align:center; border:0px
}
#content th {
padding-top:5px; padding-bottom:5px; padding-left:10px
}
.column {
float: left;
width: 33.33%;
vertical-align: bottom;
} .row:after {
content: "";
display: table;
clear: both;
}@media only screen and (max-width: 1110px) {
#main-navigation li.btn-logo {
width:250px; position:relative; top:40px
}
#top-desktop {
height:100px; padding-top:0px
}
.header-background {
margin-top:0px
}
}
@media only screen and (max-width: 900px) {
.top-tesktop {
display:none
} .top-mobile, #toggle {
display:block !important;
z-index:1000000;
}
}
@media only screen and (max-width: 1000px) {
ul#footer-navigation li {
border-right:0px
}
}
@media only screen and (max-width: 800px) {
.content-body, .content-sidebar {
width:100%; float:none; padding-left:0px
}
#sidebar {
padding-top:30px
}	
td {
display:block
}
.product-left, .product-right {
width:100%; float:none; padding-left:0px; padding-right:0px
}
}
@media only screen and (max-width: 550px) {
.alignleft, .alignright, .alignnone, .aligncenter, #content img {
width:auto; height:auto; display:block; margin:auto; float:none; text-align:center; margin-bottom:10px
}
.com-left, .com-right {
width:90%; padding-top:20px; float:none; margin:auto
}
.com-form {
float:none; margin:auto
}
.meta {
display:none; visibility:hidden
}
.comment-btn {
display:block; margin:auto
}
}
@media only screen and (max-width: 500px) {
.footer-navigation, .copyright {
width:100%; float:none; text-align:center
}
ul#footer-navigation li {
display:block; padding-bottom:10px
}
}
@media only screen and (max-width: 400px) {
div.avatar {
display:inline-block; float:none
}
.comments-body {
margin-left:0px
}
}#hp-wrapper {
width:100%; height:100%; display:table-cell; vertical-align:bottom
}
#hp-body {
width:100%; min-height:170px; background:#58584f
} .boxes-wrapper {
width:100%; max-width:1250px; padding:10px; height:auto; margin:auto; text-align:center; position:absolute; z-index:1007;
bottom:120px; left:0; right:0; margin-left:auto; margin-right:auto
}
.box {
width:24%; max-width:300px; height:auto; display:inline-block; text-align:center; margin-right:20px; 
position:relative; vertical-align:top;
-webkit-transition:all 0.5s ease-out;
-moz-transition:all 0.5s ease-out;
-o-transition:all 0.5s ease-out;
transition:all 0.5s ease-out
}
.box:hover {
-moz-transform:scale(1.1);
-webkit-transform:scale(1.1);
-o-transform:scale(1.1);
z-index:10000;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out
}
.box-content {
width:100%; margin:auto; padding:10px; padding-bottom:7px; background:#b1ada8
}
.box-title {
width:100%; padding-top:3px; padding-bottom:3px; margin-top:8px; border-top:solid 1px #b1ada8; border-bottom:solid 1px #b1ada8
}
.box h2, .box a {
font-size:18px; line-height:25px; color:#b1ada8; text-align:center; font-weight:700; text-transform:uppercase
}
.box img {
width:100%; height:auto; border:solid 1px #ffffff
} @media only screen and (max-width: 770px) {
#hp-body {
background:none
}
.boxes-wrapper {
position:relative; bottom:0; z-index:1007
}
.box {
width:100%; max-width:350px; display:block; margin-left:auto; margin-right:auto; margin-bottom:20px
}
.box-title {
background:rgba(88, 88, 79, 0.7)
}
}