/*!
Theme Name: d2fandb
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: d2fandb
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

d2fandb is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*!
==============================================================================================================================
    ____ ___      _________     ____ 
   / __ \__ \    / ____( _ )   / __ )
  / / / /_/ /   / /_  / __ \/|/ __  |
 / /_/ / __/   / __/ / /_/  </ /_/ / 
/_____/____/  /_/    \____/\/_____/   
                                                                                                                                                                                          
============================================================================================================================== 

Orange ee7d00
D Gray #2E2E2E rgba(46,46,46,1) 

font-family: questa-sans, sans-serif;
light 	- font-weight: 200;
regular - font-weight: 400;
bold 	- font-weight: 700;
font-style: normal;

==============================================================================================================================
*/


a.disable-link {
	pointer-events: none;
	cursor: default;
}
@media only screen and (max-width: 480px) {
    a[class="disable-link"] {
       pointer-events: auto !important;
       cursor: auto !important;
    }
}


/* homepage projects */
	.projgrid {width:1720px; max-width:100%;margin:0 auto}
	.proj {float:left;display: block;position:relative;}
	.proj-1 {height:50vw;}
    .archive .proj-1 {height:25vw;}
	.proj-2  {height:25vw;}
	.square_big {width:50%;}
	.landscape {width:50%;}
	.portrait {width:25%;}
	.square {width:25%; }
@media only screen and (max-width: 960px) {
	.projgrid {margin-top: 50px;}
    .square_big {width:100%;}
    .landscape {width:100%;}
    .portrait {width:50%;}
    .square {width:50%; }
}
@media only screen and (max-width: 480px) {
    .square_big {width:100%;}
    .landscape {width:100%;}
    .portrait {width:100%;}
    .square {width:100%; }
    .proj-1 {height:100vw;}
    .proj-2  {height:100vw;}
}

.proj > a {position: absolute; width: 100%;height: 100%;top: 0;left: 0;z-index: 2;}

.mkd-item-image-holder {height:100%;width:100%;overflow: hidden;position: relative;}
.mkd-item-image-holder-inner-basic {
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -webkit-transform: scale(1.1) rotate(.01deg);
    -moz-transform: scale(1.1) rotate(.01deg);
    transform: scale(1.1) rotate(.01deg);
    -webkit-transition: all .4s cubic-bezier(.15,.7,.54,.99);
    -moz-transition: all .4s cubic-bezier(.15,.7,.54,.99);
    transition: all .4s cubic-bezier(.15,.7,.54,.99);
    transform-origin: center;
    height:100%;
}
.proj:hover .mkd-item-image-holder-inner,
.proj.mobshow .mkd-item-image-holder-inner {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
    transform-origin: center;
}

.mkd-item-text-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;

    background-color: rgba(255,255,255,.85);
    -webkit-transition: opacity .25s ease;
    -moz-transition: opacity .25s ease;
    transition: opacity .25s ease;
}

.proj:hover .mkd-item-text-overlay,
.proj.mobshow .mkd-item-text-overlay  {
    -webkit-transition: opacity .5s cubic-bezier(.15,.7,.54,.99);
    -moz-transition: opacity .5s cubic-bezier(.15,.7,.54,.99);
    transition: opacity .5s cubic-bezier(.15,.7,.54,.99);
    opacity: 1;
}

.mkd-item-text-overlay-inner {
    display: flex;align-items: center;justify-content: center;height:100%;
}
.mkd-item-text-holder, .mkd-ptf-category-holder  {}

.mkd-item-title-holder, .mkd-ptf-category-inner {
    display: inline-block;
    overflow: hidden;
    width: 100%;
}
.mkd-item-title {
    -webkit-transform: translateX(70%);
    -moz-transform: translateX(70%);
    transform: translateX(70%);
    -webkit-transition: all .35s cubic-bezier(.15,.7,.54,.99);
    -moz-transition: all .35s cubic-bezier(.15,.7,.54,.99);
    transition: all .35s cubic-bezier(.15,.7,.54,.99);
	font-size: 24px; font-weight: 700; letter-spacing: 3px; margin-bottom: 30px;
}
.mkd-item-title a {
    font-size: 4rem;
    color: #282828;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}
.proj:hover .mkd-item-title,
.proj.mobshow .mkd-item-title {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: all .35s cubic-bezier(.15,.7,.54,.99);
    -moz-transition: all .35s cubic-bezier(.15,.7,.54,.99);
    transition: all .35s cubic-bezier(.15,.7,.54,.99);
    text-align: center;
}
.mkd-ptf-category {
    -webkit-transform: translateX(-90%);
    -moz-transform: translateX(-90%);
    transform: translateX(-90%);
    -webkit-transition: all .35s cubic-bezier(.15,.7,.54,.99);
    -moz-transition: all .35s cubic-bezier(.15,.7,.54,.99);
    transition: all .35s cubic-bezier(.15,.7,.54,.99);
    color: #282828;
    text-align: center;
	font-size: 18px; font-weight: 300; letter-spacing: 1px;

}
.proj:hover .mkd-ptf-category,
.proj.mobshow .mkd-ptf-category {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: all .35s cubic-bezier(.15,.7,.54,.99);
    -moz-transition: all .35s cubic-bezier(.15,.7,.54,.99);
    transition: all .35s cubic-bezier(.15,.7,.54,.99);
}
/* project page */
/* .entry-content > *, .entry-content > figure {width:1720px;max-width: 100%;margin: 0 auto!important;} */
.entry-content > *, .entry-content > figure {width: calc(100% - 100px);margin: 0 auto!important; max-width: 1720px}
.entry-content > figure.proj-full {width: 100%;max-width: 100%;}
.entry-content > figure.proj-full img {max-width: 100%;}

.entry-content > .maxwidth,
.entry-content > figure.maxwidth {width:1900px;max-width: 100%;margin: 0 auto!important;}
.wp-block-video video {max-width: 1500px}
.wp-block-video {text-align: center}
.proj-full img {max-width: 100%; max-width: 1920px}

@media only screen and (max-width: 1900px) {
    .entry-content > .maxwidth, .entry-content > figure.maxwidth {width:100%;}
}

@media only screen and (min-width: 800px) and (max-width: 1100px) {
	.entry-content > *, .entry-content > figure {width:calc(100% - 100px);}
}

@media only screen and (max-width: 799px) {
    .entry-content > *, .entry-content > figure {width:93%;}
}

article.type-project .intro p {font-weight: 400}
article.type-project p {font-size: 1.75rem}
article.type-project .wp-block-columns {/*margin-bottom:0!important;margin-top:100px!important;*/}
article.type-project :where(.wp-block-columns.is-layout-flex) {gap:0!important; }
article.type-project .wp-block-columns .wp-block-cover {height: 100vh; max-height:calc(50vw - 100px);}
article.type-project .wp-block-image figure.aligncenter {}
.entry-content > .wp-block-image {display: flex;  justify-content: center;/*margin-top:100px;*/}
.padtop {margin-top:100px!important;}
.padbot {margin-bottom:100px!important;}

.b2bprojects {padding:200px 20px 50px 20px;display:flex;justify-content: center;z-index: 10;position: relative;background:#fff;}
a.b2bprojectsbutton {display: block;border:1px solid #707070;padding:25px 150px;font-size:2.0rem; font-weight: 400;line-height:2.6rem;text-decoration: none; letter-spacing: 3px}
a.b2bprojectsbutton:hover {background:#707070;color:#fff;} 

@media only screen and (max-width: 1100px) { /* sidebars shrink */
    article.type-project .wp-block-columns .wp-block-cover {min-height:calc(50vw - 50px);max-height:calc(50vw - 50px);}
}
@media only screen and (max-width: 950px) {
    .single-project .subtitle, .single-project p {max-width:calc(100% - 100px);}
}
@media only screen and (max-width: 799px) { /* sidebars disappear */
    article.type-project .wp-block-columns .wp-block-cover {min-height:50vw;max-height:50vw;}
    .single-project .subtitle, .single-project p {max-width: 100%;}
}
@media only screen and (max-width: 781px) { /* columns stack */
    article.type-project .wp-block-columns .wp-block-cover {height: 100vw;min-height: 100vw;max-height: 100vw;}
}
@media only screen and (max-width: 768px) {
    article.type-project .entry-content > * {margin-top:0 !important;}
}

/* STUDIO */
.studio-p1 {margin: 12% auto 15%}
.studio-p1 h1 {font-size: 75px; line-height: 110%; font-weight: 300; max-width: 58%; color: #282828; letter-spacing: 10px; margin-left: 100px;}
.studio-p2 {gap: 5em; max-width: 100%; margin: 0 auto;width:1760px;padding:0 20px;}
.studio-p2 p {font-weight: 700; font-size: 65px; text-align: right; color: #282828; letter-spacing: -1px; margin: 0; line-height: 100%}
.studio-p2 h2 {font-weight: 300; font-size: 40px; line-height: 140%; color: #282828; letter-spacing: 5px; margin-top: 13px}
.studio-p3 {padding: 14% 10.3%}
.studio-p3 h3 {font-size: 18px; line-height: 1; color: #fff !important; margin: 0 auto 50px; letter-spacing: 5px; font-weight: 300; text-transform: uppercase; max-width: 1370px}
.studio-p3 p {font-size: 23px; line-height: 1; color: #4B4B4B !important; margin: 0 0 35px; letter-spacing: 0.4px}
.edge-1 {gap: 12em; max-width: 1370px; margin: 0 auto; max-height: 520px}
.edge-1 img:hover {outline: solid; fill: none}
.edge-2 {max-width: 1370px; margin: 0 auto}
.studio-p4 {max-width: 1920px; margin: 0 auto}
.studio-p5 {padding-right: 10%}
.studio-p6 {font-size: 65px; margin: 0 0 20px 110px; font-weight: 600}
.studio-p7 {gap: 0;  margin: 0 auto}
.studio-p7 figure {margin: 0}
.studio-p8 {margin: 200px 0 0 200px}
.studio-p8 h2 {font-size: 75px; margin: 0 50px 50px 0; font-weight: 100;letter-spacing: 5px; line-height: 130%}

.griditem {position: relative;width:100%; max-width: 640px;height:744px;max-height: 744px;overflow: hidden}
@media only screen and (max-width: 1920px) {
    .griditem {height:calc( ((744/640) * 33vw) - 1px);max-height: 744px;}
}
@media only screen and (max-width: 781px) {
    .griditem {height:calc( (744/640) * 100vw);max-height: 744px;margin: 0 auto;}
}
.video {position: relative;margin-top: none;width: 100%;height: 100%;z-index: 1;display: none}
.overlay {position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 30}
.titles {display: table;width: 100%;height: 100%;opacity:0;color: #FFF}
.titles p {display: table-cell;vertical-align: middle;text-align: center;font-size: 18px;line-height: 80px}
.titles p span {font-size: 26px}
.griditem:hover .titles,.griditem.mactive .titles {opacity:1}
.griditem:hover .video,.griditem.mactive .video {display: block}


.cls-1 {fill: #fff;font-size: 555px;font-family: QuestaSans-Light, Questa-Sans;font-weight: 300}
.cls-1:hover {stroke: #EC6500; stroke-width: 2; fill-opacity: 0;cursor:crosshair;}
.studio-p3 .wp-block-columns {transition: all 0.5s ease; /* to match speed in navigation.js file */
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;}
.studio-p3 .wp-block-columns.highlight{padding-left:50px}
.studio-p3 .highlight p {color: #EC6500 !important;}

/* WORK */
.work3col {gap: 6.3%; /*margin-bottom: 13% !important*/} 
.work3col .wp-block-column { margin-bottom: 13% !important} 
.work3col h4 {font-size: 16px; font-weight: 700; line-height: 100%; margin: 60px 0 15px; text-transform: uppercase; letter-spacing: 1.25px}
.work3col h5 {font-size: 16px; font-weight: 400; line-height: 100%; letter-spacing: .75px}
.workhead {background: #282828; min-height: 920px; padding: 25% 0 19%; margin-bottom: 3.6%; transition: background 0.5s ease}
.workhead:hover {background: #fff}
.workhead:hover h1, .workhead:hover h2 {color: #282828}
.workhead h1 {color: #fff; text-align: center; text-transform: uppercase; font-size: 100px; line-height: 100%; margin: 0 0 40px; letter-spacing: 4rem; font-weight: 300}
.workhead h2 {color: #fff; text-align: center; font-size: 15px; line-height: 120%; margin: 0; letter-spacing: 1px}

/* COMMON HEADER ROW*/
.row3colhead {display: flex; justify-content: center; width:1720px; max-width:100%; margin:0 auto;}
.row3colmain {width: 100%; position: relative}

/* HOME */
.home-blog {max-width: 1330px}
.home-blog a, .blog-list a {font-size: 48px; letter-spacing: 1px; margin: 30px 0 10px; text-decoration: none; line-height: 140%}
.home-blog .wp-block-latest-posts__post-author,
.blog-list .wp-block-latest-posts__post-author,
.blog-list .wp-block-latest-posts__post-author a {font-size: 15px; margin: 0; font-weight: bold; text-transform: uppercase}
.home-blog .wp-block-latest-posts__post-date,
.blog-list .wp-block-latest-posts__post-date  {font-size: 15px; margin: 0; font-weight: bold; color: #EC6500;display: inline;}
.home-blog .wp-block-latest-posts__post-excerpt,
.blog-list .wp-block-latest-posts__post-excerpt  {font-size: 15px; margin: 30px 0; letter-spacing: 1px; line-height: 175%; max-width: 80%}
.blog-list .wp-block-latest-posts__post-readmore {text-align: right;}
.blog-list .wp-block-latest-posts__post-readmore a {background: url(/wp-content/themes/d2fandb/images/more-arrow.png) right center no-repeat;background-size: 14px 11px; font-size: 15px; font-weight: bold; text-transform: uppercase;display: inline-block;padding-right: 16px;margin: 30px 0 80px;}
.home .studio-p2 {/*width: 1340px; max-width: 100%;*/width: calc(100% - 100px);max-width: 1340px; padding:0 20px;}
.home .studio-p2 p {text-align: left}
.home .studio-p1 {margin: 8% auto 9%}
.home .studio-p1 h1 {font-size: 70px; line-height: 110%; font-weight: 300; max-width: 55%; color: #282828; letter-spacing: 10px; margin-left: 100px;}
.narrow-block {width:1340px;max-width:100%;padding:0 20px;margin:0 auto;}
.narrow-block-max {width:1300px;max-width:100%;margin:0 auto;}
/* older */
.nav-previous a, .nav-next a {background: url(/wp-content/themes/d2fandb/images/less-arrow.png) left center no-repeat;background-size: 14px 11px;font-size: 15px; font-weight: bold; text-transform: uppercase;display: inline-block;padding-left: 16px;margin: 30px 0 80px;text-decoration: none;}
.nav-next a {background: url(/wp-content/themes/d2fandb/images/more-arrow.png) right center no-repeat;background-size: 14px 11px;padding-right: 16px;}
.readmorebox {padding:80px 0;display: flex;align-items: center; justify-content: center;}
.readmorebutton {display:inline-block;padding:20px 70px;border:1px solid #707070;text-decoration: none;font-size: 2.0rem;letter-spacing: 0.3em;}
.readmorebutton:hover {background:#707070;color:#fff;}

.place-above-sidewords {position: relative;z-index:35;background: #fff;}

/* POSTS */
article.post {max-width: 1330px; margin: 120px auto 0}
article.post h1 {font-size: 50px; margin: 80px 0 15px !important}
article.post .date {color: #EC6500; font-size: 14px; font-weight: bold; text-transform: uppercase}
article.post .date span {color: #000}
article.post p {margin: 0 0 20px !important; font-size: 16px}
.blog-copy {max-width: 80%; margin: 40px 0 !important}

.blog article.post {margin: 40px auto 0}
.post-846 .studio-p2 h1 {font-size: 60px; font-weight: bold; margin-bottom: 50px}

/* CONTACT */
.con-1 {background: #2E2E2E; color: #fff; text-align: center; padding: 300px 0}
.con-1 h2 {font-size: 30px; text-transform: uppercase; letter-spacing: 8px}
.con-1 p {font-size: 20px; letter-spacing: 2.5px; line-height: 140%}
.con-1 p a {color: #fff; text-decoration: none}
.con-1 p a:hover {color: #EC6500}
.con-2 {transition: background 0.5s ease}
.con-2:hover {background: #2e2e2e}
.con-2:hover h2 {color: #fff}
.con-2 h2 {font-size: 78px; font-weight: 300; padding: 100px 40% 100px 5%; line-height: 120%; letter-spacing: 8px}
.con-3 p {font-size: 14px; margin-right: 15%}
.con-4 {width: 100% !important}
.con-4b .wp-block-cover__image-background.has-parallax {background-size: auto}

.wpgmza_map{position: relative;z-index: 35;}

.hideoverflow {overflow:hidden;}
.zoominnerimg img {-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease; 
transition: all 1s ease;}
.zoominnerimg:hover img, .zoominnerimg.mactive img  {scale:110%}

.loadeffect{opacity:0;position:relative;top:13vh;-webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease; 
    transition: all 1s ease;}
.loadeffectactive{opacity:1;position:relative;top:0px;-webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease; 
    transition: all 1s ease;}

/* footer */
.site-footer {z-index: 9;position: relative;}
.site-footer a {text-decoration: none;}
.site-footer a:hover, .site-footer a:focus {text-decoration:underline;}
.site-footer-top {background:#fff;padding:8% 20px;text-align: center;}
.site-footer-top h4 {font-size:3rem;line-height:3.7rem; letter-spacing:0.3em;text-transform: uppercase;padding-bottom: 10px; font-weight: 300}
.site-footer-top a {font-size:2rem;line-height:2.6rem; letter-spacing:0.3em;margin:0 10px;}
.site-footer-bot {background:#2E2E2E;color:#fff;padding:140px 20px 10px 20px;text-align: center;}
.site-footer-bot a {color:#fff;}
.foot-logo {}
.foot-logo .font-agenda {font-size:2.6rem; line-height:3.1rem; letter-spacing:0.4em;text-transform: uppercase;padding-top:20px;}
.foot-logo-text {padding-top:20px;}
.foot-logo-text svg{position: relative; left: -3px;}
.foot-address {font-size: 1.8rem; line-height: 3rem; letter-spacing: 0.3em;padding:50px 0 125px 0; font-weight: 300}
.foot-address address {padding-top:2.3rem;}
.foot-smallprint {font-size: 1.2rem; margin-bottom: 20px}
.foot-smallprint a {margin-left:10px;}

.signupbox {background:#2B2B2B;padding:100px 0 200px 0;}
.signupbox .narrow-block {display:flex;}
.suleft {width:50%;padding-right: 40px;line-height:4.6rem;font-size: 4.0rem;color: #FFF;font-weight: 700;letter-spacing:0.1em;}
.suright {width:42%}
.suright p {font-size: 22px; line-height:140%; color: #FFF; font-weight: 200; margin: 0 0 50px}
.signupbox input[type="email"] {color: #000; border: 0; border-radius: 0; padding: 15px; height: 46px; font-size: 15px; font-weight: 600}
.signupbox input[type="submit"] {border:0; border-radius: 0; background: #ee7d00; color: #fff; line-height: 1; padding:10px 20px 10px 15px; height: 46px; font-size: 15px; letter-spacing: -7px; font-weight: 700;}


@media only screen and (max-width: 768px) { 
  .signupbox .narrow-block{flex-direction: column;}
  .suleft, .suright {width:100%;}
}

@media only screen and (min-width: 961px) and (max-width: 1056px) { 
    .mkd-item-title a { font-size: 3rem; }
    .mkd-ptf-category { font-size: 1.4rem; }
}

@media only screen and (min-width: 481px) and (max-width: 1080px) { 
    .mkd-item-title a { font-size: 4rem; }
    .mkd-ptf-category { font-size: 1.6rem; }
	
	.studio-p1 h1, .home .studio-p1 h1 {font-size: 45px}
	.studio-p2 h2, .home .studio-p2 h2 {font-size: 30px; letter-spacing: 3px}
	.studio-p2 p, .home .studio-p2 p {font-size: 45px; text-align: left; padding-left: 40%}
	.studio-p3, .home .studio-p3 {padding: 5%}
	.edge-1 {gap: 10em}

	.spacer {height: 100px !important}
	.spacer100 {height: 50px !important}

	.workhead {padding: 25% 2%; min-height: inherit}
	.workhead h1 {font-size: 80px;letter-spacing: 3rem} 
	
	.home-blog a, .blog-list a {font-size: 40px; line-height: 110%}
}

@media only screen and (min-width: 481px) and (max-width: 528px) { 
    .mkd-item-title a { font-size: 3rem; }
    .mkd-ptf-category { font-size: 1.4rem; }
}

@media only screen and (max-width: 480px) { 
    .mkd-item-title a { font-size: 8vw; }
    .mkd-ptf-category { font-size: 1.6rem; }
	article.type-project p {font-size: 1.6rem; line-height: 160%}
	.b2bprojects {padding: 30px 10px 20px 10px}
    .site-footer-top h4 {font-size:2.6rem;line-height:3.2rem;}
	.site-footer-top .disable-link {display: block}
	.site-footer-top a {letter-spacing: 0.75px}
	.foot-address {font-size: 1.8rem; letter-spacing: 0.1em}
	
	.studio-p1 {margin-bottom: 8%}
	.studio-p1 h1, .home .studio-p1 h1 {font-size: 30px; max-width: 80%; line-height: 140%; letter-spacing: 5px; margin-left: 20px}
	.studio-p2 {gap: 1em;width:100%;padding:0}
	.studio-p2 p {font-size: 35px; text-align: left; margin: 0 0 0 20px}
	.studio-p2 h2 {font-size: 20px; letter-spacing: 2px; margin: 0 65px 0 20px}
	.studio-p3 {padding: 14% 3%}
	.studio-p3 h3 {line-height: 140%; margin: 0 0 20px; letter-spacing: 3px; max-width: 75%}
	.studio-p3 p {font-size: 16px; margin: 0 0 25px}
	.studio-p5 {padding: 0 5%}
	.studio-p6 {font-size: 45px;margin: 0 0 20px 20px}
	.studio-p8 {margin: 100px 0 0 20px}
	.studio-p8 h2 {font-size: 45px;letter-spacing: 2px}
	.edge-1 {gap: 3em}
	.work3col h4 {margin: 20px 0 5px}
	.work3col h5 {margin-bottom: 25px}
	.workhead {padding: 25% 2%; min-height: inherit}
	.workhead h1 {font-size: 60px;letter-spacing: 1.5rem}
	.titles p {color: #000}
	.home-blog a, .blog-list a {font-size: 20px}
	.home-blog .wp-block-latest-posts__post-excerpt, .blog-list .wp-block-latest-posts__post-excerpt { font-size: 14px; letter-spacing: 0.5px; line-height: 155%;max-width: 100%}
	.post-846 .studio-p2 h1 { font-size: 60px; margin-left: 20px}
	.narrow-block {padding: 0 10px}
	.blog-list .wp-block-latest-posts__post-readmore a {margin: 0 0 20px}
	.blog-list .wp-block-latest-posts__post-author {margin-top: 10px}
	.blog article.post {padding: 0 20px}
	a.b2bprojectsbutton {padding: 25px 120px}
	.spacer {height: 100px !important}
	.has-medium-font-size {font-size: 16px!important}
	.con-1 {padding: 100px 0}
	.con-1 p {font-size: 17px;letter-spacing: 1.5px}
	.con-1 p a {display: block}
	.con-2 h2 {font-size: 32px;padding: 20px 0 0 5px; letter-spacing: 4px}
	.wp-image-876 {background-size: 50%!important}
    .con-4 {min-height:100vh!important;max-height: 100vh}
	.signupbox input[type="email"] {width: 87%}
}