File: /home/zeusxp5/zenoxpressjobs.com/careers.htm/wp-content/themes/zxldfw-tcompanyllcMain/style.scss
/*!
Theme Name: Zeus Xpress Logistics DFW-Transporting Company, LLC
Theme URI: http://www.web.com
Author: Web.com | Advanced Custom Website Department
Author URI: http://web.com/
Description: This theme was designed for your Advanced Custom Website, made by Web.com.
Version: 2.3
Tags: Blog Theme
Text Domain: webcom
*/
.entry-meta{
display: none;
}
.webcom-content{
.gm-iv-address {
box-sizing: content-box;
margin-top: 10px!important;
}
.gm-iv-container{
margin-top: 10px!important;
}
}
/* @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){} */
/* @supports (-ms-ime-align:auto) {} */
// Variables
// =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
$fontsize: 15px; // Main Font Size
$font1: 'Open Sans', sans-serif;
$base: #FFFFFF;
$primary: #373737;
$accent1: #1063bc;
$accent2: #191919;
$accent3: #fd6c3b;
$accent4: #1e1e1e;
$accent5: #16202b;
$accent6: #a3a6ac;
$accent7: #000000;
$accent8: #3498db;
$accent9: #2b2a2a;
$accent10: #f23d00;
$accent11: #a0a0a0;
$accent12: #919191;
$facebook: #3b5998;
$instagram: #405de6;
$twitter: #1da1f2;
$linkedin: #0077b5;
$googleplus: #dd4b39;
$pinterest: #bd081c;
$youtube: #cd201f;
$primary-width: 70%;
$sidebar-width: 25%;
$desktop: 1232px;
$tablet: 1025px;
$mobile: 1024px;
$sm-mobile: 480px;
$responsive: true;
$nav-breakpoint: $mobile;
// =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
// Imports
// =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
@import 'scss/mixins';
@import 'scss/flexbox';
@import 'scss/normalize';
@import 'scss/global';
@import 'scss/wp-default';
@import 'scss/functions';
@import 'scss/nav';
@import 'scss/nav-theme';
@import 'scss/ninja-forms';
//@import 'scss/store';
//@import 'animate.min';
// =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
// Body Styles
// =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
body {
font-family: $font1;
font-size: $fontsize;
line-height: 1.618;
color: $primary;
background: $base;
//position: relative;
&.home {
/* custom styles*/
}
&.page-id-NUMBER {
/* custom styles*/
}
a {
@include transition(color 200ms ease-in-out);
}
}
body:not(.home) {
}
body#tinymce {
background: none;
}
// =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
// Post / Page Editor Styles
// Reset background images and colors if needed.
// =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
html {
.mce-content-body {
width: 95%;
max-width: 95%;
min-width: 95%;
padding: 0;
margin: 20px;
}
}
// =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
// Headings
// =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
h1, h2.alt {
font-family: $font1;
color: $accent1;
font-size: 41px;
text-transform: uppercase;
font-weight: normal;
word-wrap: break-word;
line-height: 37px;
@include bp($mobile){
font-size: 30px;
padding-top: 20px;
}
}
h2 {
font-family: $font1;
color: $accent3;
font-size: 25px;
font-weight: normal;
word-wrap: break-word;
@include bp($mobile){
font-size: 20px;
}
}
h3 {
font-family: $font1;
color: $accent1;
font-size: 18px;
font-weight: normal;
word-wrap: break-word;
@include bp($mobile){
font-size: 16px;
}
}
h4 {
font-family: $font1;
color: $accent3;
}
h5 {
font-family: $font1;
color: $accent1;
}
h6 {
font-family: $font1;
color: $accent3;
}
a.main-btn{
background: $accent1;
display: inline-block;
padding: 10px 25px;
font-size: $fontsize;
color: #fff;
text-align: center;
text-decoration: none;
position: relative;
@include transition(all 300ms);
&:hover{
background: $accent2;
}
}
a.phone{
text-decoration: none;
}
a[href^="tel:"] {
pointer-events: none;
text-decoration: none;
@include bp( $mobile ) {
pointer-events: all;
}
}
// =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
// Webcom Header
// =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
/* .webcom-header + div:not(.webcom-banner){
margin-top: 000px;//height of header content
} */
.webcom-header {
position: relative;
padding: 0px 0;
@include bp(1024px) {
position: static;
}
.header-top {
position: fixed;
z-index: 900;
top: 26px;
min-height: 156px;
width: 100%;
@include bp(1024px) {
position: absolute;
top: 0;
left: 0;
background-color: rgba(66, 133, 191, 0.9);
}
.webcom-container {
@include bp(500px) {
padding: 0 !important;
}
}
.flex {
.header-logo {
}
.webcom-navigation {
}
}
}
.header-top-nobanner {
top: 0;
left: 0;
width: 100%;
padding-top: 27px;
background-color: rgba(66,133,191,0.9);
@include bp(1151px) {
padding-top: 0px;
}
@include bp(1024px) {
position: static;
top: 0;
left: 0;
background-color: rgba(66, 133, 191, 0.9);
}
.flex {
.header-logo {
}
.webcom-navigation {
}
}
}
}
.fixed {
top: 0 !important;
padding-top: 27px;
background-color: rgba(66, 133, 191, 0.9);
@include bp(1151px) {
padding-top: 0px;
}
}
.header-logo {
@include bp(1151px) {
margin: 0 auto;
}
img {
@include bp(500px) {
padding: 0 16px;
}
}
}
.webcom-content-nobanner {
margin-top: 157px;
@include bp(1024px) {
margin-top: 0;
}
}
// =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
// Webcom Navigation
// =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
.webcom-navigation {
position: relative;
z-index: 901;
@include bp(1151px) {
width: 100%;
text-align: center;
}
@include bp($nav-breakpoint) {
// Fix: When we show the mobile menu, we typically would want it to be full width (no padding on the left or right)
> div {
padding: 0;
}
}
}
/* form#searchform {
input, select, textarea {
@include placeholder() {
color: inherit;
}
}
} */
// =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
// Webcom Banner
// =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
/* body .metaslider .slides img {
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
height: initial;
width: 2000px;
max-width: none;
display: block;
left: 50%;
position: relative;
} */
.slides li {
overflow: hidden;
}
.webcom-banner {
position: relative;
z-index: 1;
margin-bottom: -6px;
@include bp(1024px) {
margin-top: 156px;
}
img {
height: 974px;
min-height: 305px;
object-fit: cover;
@include bp(1670px) {
height: auto;
}
}
}
.banner-text {
color: $base;
width: 100%;
position: absolute;
z-index: 10;
top: 40%;
text-align: center;
@include center(X);
@include bp(1060px) {
top: 56%;
}
@include bp(1024px) {
top: 39%;
}
@include bp(930px) {
top: 29%;
}
@include bp(538px) {
top: 26%;
}
@include bp(334px) {
top: 23%;
}
> div {
width: 100%;
font-size: 63px;
text-transform: uppercase;
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
padding-bottom: 20px;
@include bp(1151px) {
font-size: 41px;
}
@include bp(755px) {
font-size: 29px;
line-height: 37px;
padding-bottom: 10px;
}
}
.banner-btn {
color: $base;
font-size: 17px;
text-transform: uppercase;
text-decoration: none;
padding: 19px 44px 18px;
border: 1px solid $accent3;
background: $accent3;
&:hover {
color: $accent3;
text-shadow: 1px 1px 2px #000;
background: transparent;
}
}
.banner-down {
display: block;
margin-top: 250px;
@include bp(1670px) {
margin-top: 130px;
}
@include bp(1180px) {
margin-top: 75px;
}
@include bp(1060px) {
display: none;
}
i {
color: $base;
font-size: 48px;
}
}
}
// =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
// Webcom Content
// =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
/* body.home .webcom-content{
padding: 30px 0 0;
} */
.webcom-content {
padding: 22px 0 89px;
/* a {
@extend %post-editor-link;
} */
}
ul.bullet-list {
list-style-position: inside;
li {
overflow: hidden;
break-inside: avoid;
-webkit-column-break-inside: avoid;
}
}
#list2 {
column-count:2;
@include bp($mobile){
column-count:1!important;
}
}
#list3, #list4 {
@include bp($mobile){
column-count:2!important;
}
@include bp($sm-mobile){
column-count:1!important;
}
}
#list3 {
column-count:3;
}
#list4 {
column-count:4;
}
#list5, #list6 {
@include bp($desktop){
column-count:4!important;
}
@include bp($mobile){
column-count:2!important;
}
@include bp($sm-mobile){
column-count:1!important;
}
}
#list5 {
column-count:5;
}
#list6 {
column-count:6;
}
.flex {
@include flexbox;
@include flex-flow(row wrap);
@include flex-wrap(wrap);
@include justify-content(space-between);
@include align-items(center);
@include flex-direction(row);
}
// Placeholder selector to extend <a> tag to the TinyMCE editor & webcom-content
%post-editor-link {
@include transition(color 200ms ease-in-out);
outline: none;
}
a {
.webcom-content & {
&:before {
display: inline-block;
margin-right: 0.15em;
font-family: 'FontAwesome';
}
// Add FontAwesome Icons to certain anchor tags
&[href^="mailto:"],
&[href^="tel:"],
&[href$=".doc"],
&[href$=".docx"],
&[href$=".mp3"],
&[href$=".pdf"],
&[href$=".ppt"],
&[href$=".pptx"],
&[href$=".xls"],
&[href$=".xlsx"],
&[href$=".zip"], {
display: inline-block;
vertical-align: text-top;
word-wrap: break-word;
}
&[href^="mailto:"] {
&:before {
content: '\f003'; // fa-envelope-o
}
}
&[href^="tel:"] {
&:before {
content: '\f095'; // fa-phone
}
}
&[href$=".doc"],
&[href$=".docx"] {
&:before {
content: '\f1c2'; // fa-file-word-o
}
}
&[href$=".mp3"] {
&:before {
content: '\f001'; // fa-music
}
}
&[href$=".pdf"] {
&:before {
content: '\f1c1'; // fa-file-pdf-o
}
}
&[href$=".ppt"],
&[href$=".pptx"] {
&:before {
content: '\f1c4'; // fa-file-powerpoint-o
}
}
&[href$=".xls"],
&[href$=".xlsx"] {
&:before {
content: '\f1c3'; // fa-file-excel-o
}
}
&[href$=".zip"] {
&:before {
content: '\f1c6'; // fa-file-archive-o
}
}
}
}
.section-header {
color: $accent1;
font-size: 41px;
text-transform: uppercase;
text-align: center;
line-height: 43px;
@include bp(500px) {
font-size: 20px;
line-height: 29px;
}
}
.home-cta {
color: $primary;
max-width: 322px;
font-size: 15px;
text-align: center;
margin: 0 auto;
line-height: 25px;
a {
color: $primary;
font-size: 18px;
text-decoration: none;
i {
display: block;
color: $accent3;
height: 75px;
width: 75px;
font-size: 32px;
margin: 0 auto;
padding-top: 21px;
border: 1px solid $accent3;
border-radius: 100px;
}
.cta-subtitle {
display: block;
padding: 28px 0 10px;
font-weight: normal;
}
}
}
// =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
// Webcom Footer
// =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
.image-grid {
padding: 14px 0 18px;
background: $accent5;
.section-header {
padding: 39px 0 11px;
}
.slide-gallery {
.slide-img {
}
}
}
.our-stats {
margin-bottom: 138px;
background: $accent6;
&:after {
content: '';
width: 100%;
position: absolute;
border-top: 93px solid #a3a6ac;
border-left: 49vw solid transparent;
border-right: 49vw solid transparent;
@include bp(826px) {
border-left: 48vw solid transparent;
border-right: 48vw solid transparent;
}
@include bp(412px) {
border-left: 47vw solid transparent;
border-right: 47vw solid transparent;
}
}
.section-header {
padding: 57px 0 16px 0;
}
.flex {
@include justify-content(space-around);
.os-block {
width: 220px;
.pb-number {
}
.pb-text {
}
.circle .circletext {
width: 100%;
position: absolute;
@include center(x);
top: 54%;
color: $primary;
font-size: 16px;
}
}
}
}
#pg-96-0, #pg-96-1, #pl-96 .so-panel {
margin-bottom: 0 !important;
}
/* =PORTFOLIO BLOCK
-------------------------------------------------------------- */
.portfolio {
padding: 32px 0;
overflow: hidden;
.webcom-container {
max-width: 1537px !important;
}
h1 {
text-align: center;
}
.content {
text-align: center;
}
.buttons {
position: relative;
z-index: 80;
line-height: 1.2;
&.flex-buttons {
@include flexbox();
@include flex-wrap(wrap);
@include justify-content(center);
@include align-items(center);
@include bp(750px) {
@include flex-direction(column);
}
}
a {
display: inline-block;
text-decoration: none;
color: $base;
font-family: $font1;
font-size: 16px;
font-weight: bold;
padding: 14px 24px;
border: 2px solid $accent1;
border-radius: 2px;
background: $accent8;
@include transition();
margin: 0 15px;
@include bp(950px) {
margin: 0 8px;
font-size: 22px;
}
@include bp(860px) {
font-size: 20px;
}
@include bp(800px) {
font-size: 18px;
}
@include bp(750px) {
display: block;
margin: 0 0 12px;
font-size: 22px;
width: 100%;
text-align: center;
&:last-child {
margin: 0;
}
}
@include bp(500px) {
padding: 5px 10px;
}
&:hover {
color: #111111;
background: $base;
}
}
}
.flexbox {
margin: 10px;
margin-top: -39px;
padding: 50px 0 0;
section {
max-width: 33%;
width: 100%;
padding: 3px 2px 2px 3px;
@include bp(784px) {
max-width: 100%;
}
.full-wrap {
position: relative;
overflow: hidden;
@include transition();
cursor: pointer;
img {
width: 100%;
display: block;
background: $accent1;
@include transition();
}
}
.overlay {
position: absolute;
color: $base;
background: rgba(#000,0.6);
width: 100%;
height: 100%;
@include justify-content(center);
.fa {
margin-top: auto;
padding-bottom: 20px;
font-size: 22px;
}
}
.widget-title {
position: absolute;
z-index: 5;
@include center(x);
bottom: 20px;
font-size: 19px;
color: #fff;
text-shadow: 1px 1px 1px #000;
width: 100%;
padding: 0 5px;
text-align: center;
}
.pop-up-content {
display: none;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 999;
background: rgba( #000, 0.7 );
color: #000;
text-align: center;
cursor: default;
font-size: 18px;
@include bp($mobile) {
font-size: 16px;
}
@include bp($mobile) {
text-align: center !important;
}
img {
}
h1,h2,h3,h4,h5,h6 {
color: $accent1;
font-family: $font1;
font-size: 34px;
margin: 0;
text-transform: uppercase;
font-weight: 300;
line-height: 1.2;
text-align: left;
@include bp($mobile) {
text-align: center;
}
}
a {
color: $accent1;
text-decoration: underline;
@include transition();
&:hover {
opacity: 0.75;
}
}
> div {
width: 60vw;
max-width: $desktop;
max-height: 80vh;
position: absolute;
@include center;
padding: 1em 1.5em;
background: #fff;
@include box-shadow( 0 0 5px #000 );
overflow-y: auto;
color: #000;
@include bp(850px) {
width: 80vw;
}
p {
font-size: 12px;
}
a.close {
position: absolute;
top: 0;
font-size: 21px;
z-index: 999;
right: 10px;
text-decoration: none;
cursor: pointer;
i {
color: #333333;
}
}
ul li:before {
color: #000;
}
}
}
}
}
}
.entry-header img.wp-post-image {
max-width: none !important;
float: none !important;
}
/*=====================
CIRCLE PROGRESS BAR
======================*/
.progressbar {
display: inline-block;
width: 100px;
margin: 0px 0 0px;
}
.circle {
width: 216px;
height: 216px;
margin: 0 auto;
margin-top: 10px;
display: inline-block;
position: relative;
text-align: center;
}
.circle canvas {
vertical-align: middle;
}
.circle div {
position: absolute;
top: 35%;
left: 0;
margin: auto;
color: #2b2a2a;
width: 100%;
text-align: center;
line-height: 40px;
font-size: 53px;
font-weight: 600;
}
.circle strong i {
font-style: normal;
font-size: 0.6em;
font-weight: normal;
}
.circle span {
display: block;
color: $accent2;
margin-top: 12px;
}
.circle div span {
display: inline-block;
color: $accent9;
position: relative;
top: -9px;
font-size: 28px;
}
.testimonials {
text-align: center;
padding: 36px 0 33px;
.testimonial_rotator_slide_title {
color: $accent1;
font-size: 41px;
text-transform: uppercase;
text-align: center;
padding-bottom: 14px;
line-height: 43px;
@include bp(500px) {
font-size: 20px;
line-height: 29px;
}
}
.testimonial_rotator_quote {
color: $primary;
font-size: 16px;
}
.testimonial_rotator_author_info {
color: $accent10;
font-style: normal !important;
border: 0 !important;
padding-top: 10px;
}
}
.quote-section {
//padding: 112px 0 109px;
padding: 66px 0 54px;
background: $accent5;
.flex {
.quote-text {
color: $accent11;
max-width: 600px;
font-size: 16px;
@include bp(900px) {
width: 100%;
max-width: 100%;
text-align: center;
}
}
.quote-btn {
@include bp(900px) {
display: block;
width: 100%;
text-align: center;
padding: 50px 0 0;
}
a {
color: $accent3;
font-size: 14px;
text-transform: uppercase;
text-decoration: none;
padding: 23px 54px;
border: 1px solid $accent3;
@include bp(767px) {
padding: 13px 26px;
}
&:hover {
color: $base;
background: $accent3;
}
}
}
}
}
.blog-posts {
.flex {
@include bp(1206px) {
@include justify-content(space-around);
}
.section-header {
width: 100%;
padding: 53px 0 47px;
}
.entry {
max-width: 386px;
@include bp(1206px) {
padding: 20px 0;
}
h3 {
color: $accent3;
font-size: 18px;
font-weight: bold;
}
}
.blog-btn {
width: 100%;
text-align: center;
margin: 70px 0 79px;
a {
display: inline-block;
color: $base;
border: 1px solid $accent3;
font-size: 14px;
text-transform: uppercase;
text-decoration: none;
padding: 20px 54px;
background: $accent3;
@include bp(767px) {
padding: 13px 26px;
}
&:hover {
color: $accent3;
background: transparent;
}
}
}
}
}
.contact-block {
color: $base;
padding: 69px 0 77px;
background: $accent5;
.flex {
@include bp(1063px) {
@include justify-content(space-around);
}
.about-text {
max-width: 730px;
font-size: 16px;
a {
text-decoration: underline;
}
}
.contact-text {
max-width: 285px;
@include bp(1063px) {
padding-top: 40px;
text-align: center;
}
}
a {
color: $base;
&:hover {
color: $accent1;
}
}
}
}
.webcom-footer-wrapper {
}
.webcom-footer {
background: $accent4;
}
.contact-title {
color: $base;
font-size: 35px;
font-weight: 600;
}
// =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
// Webcom Footer Navigation
// =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
.webcom-footer-navigation {
color: $accent12;
padding: 28px 0 22px;
background: $accent2;
.flex {
@include bp(840px) {
@include justify-content(space-around);
}
.wfn-contact {
text-align: right;
@include bp(840px) {
text-align: center;
}
.wfn-address {
font-size: 16px;
}
.wfn-phone {
a {
color: $accent12;
&:hover {
color: $accent1;
}
}
}
}
}
}
.footer-nav {
padding: 0;
margin: 0;
font-size: 0;
list-style: none;
@include bp(626px) {
width: 100%;
text-align: center;
padding-bottom: 20px;
}
li {
display: inline-block;
@include bp(626px) {
display: block;
}
a {
display: block;
color: $accent12;
font-family: $font1;
font-size: 17px;
text-decoration: none;
padding: 10px 16px;
@include transition(all 300ms);
}
&.current-menu-item > a, &.current-menu-parent > a, &.current-menu-ancestor > a, > a:hover, &:hover > a {
color: $accent1;
}
ul {
display: none;
}
}
}
// =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
// Copyright Section
// =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
.webcom-copyright {
@include justify-content (space-between);
color: #606060;
padding: 8px 0;
font-size: 13px;
max-width: 100%;
@include bp(847px) {
@include justify-content (center);
@include flex-flow (column wrap);
text-align: center;
}
.company {
max-width: 100%;
}
.author {
svg {
height: 12px;
width: 70px;
path.text { fill: #606060; }
path.dot { fill: #606060; }
}
}
img {
display: inline-block;
vertical-align: baseline;
}
}