div.hiring {
         display: inline-block;
         margin: 0px 0 0 25px;
         position:relative;
         background-image:url(../images/arrow-left-orange.svg);
         background-repeat:no-repeat;
         background-position:center left;
         padding: 6px 0 0 15px;
         }
         .service-intro a 
         {
         text-decoration:none;
         }
         .btn-transparent {
         background: transparent;
         color: #fff;
         padding-left:55px;}
         .btn-transparent:hover {
         background-color: transparent;
         background-image:none;
         color:#ed5434;}
         .btn-transparent:active {
         position: relative;
         top: 2px; }
         .play-image
         {
         height:75px;
         }
         .text li
         {
         font-size:20px;
         }
         .longtitle
         {
         padding: 0% 20% 0% 20%;
         }
         .text h4
         {
         font-size:1.5em;
         }
         /* Three image containers (use 25% for four, and 50% for two, etc) */
         .column {
         float: left;
         width: 33.33%;
         padding: 5px;
         }
         /* Three image containers (use 25% for four, and 50% for two, etc) */
         .column-half-left {
         float: left;
         width: 49.5%;
         margin-bottom:1%;
         border-style:solid;
         border-color:#ed5434;
         margin:0 1% 1% 0%;
         text-align:left;
         padding:0 3% 3% 3%;
         min-height:575px;
         border-width:thin;
         }
         .column-half-right {
         float: left;
         width: 49.5%;
         margin-bottom:1%;
         border-style:solid;
         border-color:#ed5434;
         margin:0 0 1% 0;
         text-align:left;
         padding:0 3% 3% 3%;
         min-height:575px;
         border-width:thin;
         }
         /* Clear floats after image containers */
         .row::after {
         content: "";
         clear: both;
         display: table;
         }
         div.hiring a {
         width: auto;
         padding: 10px;
         min-width: 0;
         margin-top: 6px;
         font-size: 15px;
         }
         .wp-video-popup-video.is-hosted.is-landscape {
         height: 94vh; width: 94vw;
         }
         .col-container {
         display: table;
         width: 100%;
         }
         .col {
         display: table-cell;
         padding: 16px;
         }
         div.hiring a.btn:hover {
         background-color: #ED5434;
         background-image: none;
         color:#000;
         }
         .title
         {
         font-size:4.5em;
         }
         .v-montreal {
         background: url(../images/montreal-skyline.jpg);
         background-size: cover;
         }	
         .v-formations {
         background: url(../images/formations-numerique-1.jpg);
         background-size: cover;
         }	
         .v-toronto {
         background: url(../images/toronto-skyline.jpg);
         background-size: cover;
         }	
         .results .card.bg-smartreno {
         background: url(../images/bg-smart-reno-small.jpg)
         }
         .results .card.bg-polysleep {
         background: url(../images/polysleep-1.jpg)
         }
         .results .card.bg-jb-livescale {
         background: url(../images/jb-chains-small.jpg)
         }
         .results .card.bg-strom {
         background: url(../images/strom-spa-chairs-2.jpg)
         }
         .results .card.bg-bain {
         background: url(../images/bath-depot-bg.jpg)
         }
         .results .card.bg-cookit {
         background: url(../images/cookit-food.jpg)
         }
         .results .card.bg-cookit-cro {
         background: url(../images/cookit-bag.jpg)
         }
         .results .card.bg-geniuserp {
         background: url(../images/genius-erp-small-1.jpg)
         }
         .results .card.bg-bathdepot {
         background: url(../images/bath-depot-bg-1.jpg)
         }
         .results .card.bg-endur {
         background: url(../images/endur-socks-background.jpg)
         }
         .results .card.bg-orange {
         background: url(../images/orange-background.jpg)
         }
         .col-container {
         display: table; /* Make the container element behave like a table */
         width: 100%; /* Set full-width to expand the whole page */
         padding-bottom:5%;
         }
         .col {
         display: table-cell; /* Make elements inside the container behave like table cells */
         width:33%
         }
         .col p
         {
         font-weight: 300;
         font-family: 'pt serif',serif;
         line-height: 1.5em;
         margin: 0;
         font-size: 20px;
         }
         .col h3
         {
         font-weight: 700;
         font-size: 29px;
         line-height: 30px;
         text-transform: uppercase;
         text-align: center;
         letter-spacing: .02em;
         margin: 1.6em 1em 1em;
         }
         @media screen and (min-width: 920px) {
         .nav .desktop-menu {
         transition: all .2s ease;
         display: block;
         width: 900px;
         float: right;
         margin-top: 10px;
         }
         }
         @media screen and (min-width: 1280px){
         .nav.headroom--not-top .hiring + .phone-add-on{
         display: none;
         }
         }
         @media screen and (max-width: 919px) {
         .nav .logo { width: 30%; }
         div.hiring { margin: 0; }
         }
         @media screen and (max-width: 919px) {
         .nav .logo { width: 40%; }
         .quote
         {color:white;}
         }
         @media screen and (max-width: 450px) {
         /* Done by Sam and MJ, April 2019 */
         .quote
         {color:white;}
         .intro h2 {
         font-size: 55px;
         }
         .white
         {
         border-style:solid;
         border-color:white;
         border-width:1px;
         background:none;
         margin-left:0;
         }
         .hero-banner.v-about h1, .hero-banner.v-services h1, .hero-banner.v-case-studies h1{
         font-size: 55px;
         }
         .small{
         font-size: 55px;	}
         .hero h1.stat {
         font-size: 48px;
         }
         .longtitle
         {
         padding: 0% 6% 0% 6%;
         }
         h2 {
         padding: 0;
         margin: 0.8em 0 0.8em;
         font-family: 'ITCAvantGardeStd', arial;
         font-weight: 700;
         font-size: 2.6em;
         color: #1B2126;
         line-height: 1.2em;
         text-align: center;
         letter-spacing: -3px; }
         .serv .title h2, .serv .title h1 {
         display: inline-block;
         vertical-align: middle;
         max-width: 200px;
         margin: 0;
         margin-left: 12px;
         font-size: 0.6em;
         font-family: 'ITCAvantGardeStd';
         color: #1B2126;
         line-height: 1.2em;
         text-align: left;
         letter-spacing: -2px; }
         /*.nav .logo { width: 100%; }*/
         .typeform-widget
         {
         max-height:300px;
         }	
         .col {
         display: block;
         width: 100%;
         }
         .column {
         width: 100%;
         }
         .column-half-left {
         width: 100%;
         margin:0 0 2% 0;
         }
         .column-half-right {
         width: 100%;
         margin:0 0 2% 0;
         }
         div.hiring {
         margin: 0px 0 0 25px;
         background-image:url(../images/arrow-top-orange.svg);
         background-position: top center;
         padding: 6px 0 0 0px;
         }	
         .m-nav-menu {
         top: 130px;
         }	
         .pdf-center
         {
         margin: auto;
         }
         .teamphoto
         {
         width:100%;
         display:block;
         margin:auto;
         }
         .address
         {
         font-family: pt serif;
         font-weight: 300;
         font-style: italic;
         font-size: 20px;
         color: #fff;
         margin: 0 0 .4em;
         line-height: 1em;
         }
         .title
         {
         font-size:3em;
         }
         .hero-banner.v-services h1 {
         margin-bottom:25px;
         }
         }