html{
	height:100%;
	-webkit-font-smoothing: subpixel-antialiased;
	 box-sizing: border-box;
}

*:before,
  *:after {
    box-sizing: inherit;
}

body{
	width: 100%;
	height:100%;
	margin: 0px;
	padding: 0px; 
	font-family: 'Manrope', verdana, sans-serif;	
	font-weight: 400;
	color: #000000;
	text-rendering: optimizeLegibility;
	background-color:#f8f8f8;
}
	
#s4-workspace{
	width:100%;
	height:auto;
	margin:0px;
	padding:0px;
	background-color:#000;
}

#s4-bodyContainer{

	width:100%;
	height:auto;
}

#master{
	width:100%;
	position:relative;
	background:#f8f8f8;
	margin-bottom:50px;
}

.grid-center{
	align-items: center;
    justify-content: center;
}

.show-for-small{
	display:none
}

.flex-right{
	margin-left: auto;
}

.bg-body-color{
	background-color:#f8f8f8
}

.bg-blue{
	background-color:#0039be
}

.bg-gray-dark{
	background-color:#b7b9bc
}

.bg-gray-mid{
	background-color:#d7dadd
}

.bg-white{
	background-color:#ffffff;
}

.bg-red{
	background-color:#f7485e;
}

.bg-gray-light{
	background-color:#ebeced
}

.bg-half-gray{
	height: 100%;
    background: linear-gradient(180deg, #ffffff 0%, #ffffff 40%, #ebeced 40%,#ebeced 100%);
}

.bg-quarter-gray-gray{
	height: 100%;
    background: linear-gradient(180deg, #f8f8f8 0%, #f8f8f8 25%, #ebeced 25%,#ebeced 100%);
}

.bg-half-gray-gray{
	height: 100%;
    background: linear-gradient(180deg, transparent 0%, transparent 35%, #ebeced 35%,#ebeced 100%);
}

.bg-quarter-gray{
	height: 100%;
    background: linear-gradient(180deg, transparent 0%, transparent 25%, #ebeced 25%,#ebeced 100%);
}

.bg-half-mid-gray{
	height: 100%;
    background: linear-gradient(180deg, #ffffff 0%, #ffffff 40%, #d7dadd 40%,#d7dadd 100%);	
}

.bg-half-light-gray{
	position:relative;
    background: linear-gradient(180deg, transparent 0%, transparent 50%, #f8f8f8 50%,#f8f8f8 100%);
}

.bg-section-clip{
	clip-path: polygon(100% 0%, 0% 10%, 0% 100%, 100% 100%);
}

.margin-top-80{
	position:relative;
	top:80%;
}

/* TYPOGRAPHY */

div, dl, dt, dd, ul, ol, li, pre, form, p, blockquote, th, td {
	font-family: 'Manrope', verdana, sans-serif;		
	font-size:1.1rem;
	color: #000000;
	line-height: 1.4;
	font-weight: 400;
}

a, a:visited{
	color:rgba(61,111,142,1); 
}

a:hover{
	text-decoration:none;
	color:rgba(61,111,142,1)
}

em{
	color:#000000
}
	
h1, .h1, .ms-rtestate-field h1, h1.ms-rteElement-H1, h2, .h2, .ms-rtestate-field h2, h4.ms-rteElement-H2, h3, .h3, .ms-rtestate-field h3, h3.ms-rteElement-H3, h4, .h4, .ms-rtestate-field h4, h4.ms-rteElement-H4, h5, .h5, .ms-rtestate-field h5, h5.ms-rteElement-H5, h6, .h6, .ms-rtestate-field h6, h6.ms-rteElement-H6, h7, .h7,.ms-rtestate-field h7, h7.ms-rteElement-H7{
	font-family: 'Manrope', Verdana, sans-serif;	
	line-height:1.3;
	position:relative;
	color:#000000
} 

h1, .h1, .ms-rtestate-field h1, h1.ms-rteElement-H1  {	
	font-size:2rem;
	color: #222;
	font-weight:800;
	line-height:1.3
}

h2, .h2, .ms-rtestate-field h2, h2.ms-rteElement-H2 {	
	font-size:1.6rem;
	line-height:1.3;
	font-weight:800;
}

h3, .h3, .ms-rtestate-field h3, h3.ms-rteElement-H3  {
	font-size:1.3rem;
	line-height:1.4;
}

h4, .h4, .ms-rtestate-field h4, h4.ms-rteElement-H4 {
	font-size: 1.1rem;
}

h5, .h5, .ms-rtestate-field h5, h5.ms-rteElement-H5{		
	font-size:1rem;
}

h6, .h6, .ms-rtestate-field h6, h6.ms-rteElement-H6{
	font-size:.9rem;
}	

h7, .h7, .ms-rtestate-field h7, h7.ms-rteElement-H7{
	font-size:.85rem
}

.text-shadow{
	text-shadow:1px 1px 1px rgb(0 0 0 / 80%)
}

.squada{
	font-family: 'Squada One', cursive !important;
	
}

.quote{
	position:relative;
	margin-top: 20px
}

.quote:before{
	font-family: "Times New Roman", Times, serif;
	font-size:7rem;
	font-weight:900;
    content: open-quote;
    top: -40px;
    left: -60px;    
    display: inline;
    position:absolute;
    color: #266cac;
}

.numbers{
	font-size:3rem!important
}
.white{
	color:#ffffff!important
}

.black{
	color:#000000!important
}

.yellow{
	color:#fdba49 !important
}

.red{
	color:#f7485e!important
}

ol {
    counter-reset:item; 
    margin:0; 
    padding-left:0; 
}

ol>li {
    counter-increment:item; 
    list-style:none inside; 
    margin: 40px 0;
    overflow: hidden;
    font-size: 16px !important;
    line-height: 1.3;
    vertical-align: middle;
}
ol>li:before {
    content:counter(item) ;
    margin-right: 20px;
    padding: 5px;
    padding-left: 30px;
    display: block;
    /*-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;*/
	background:rgba(0,0,0,.3); 
	background: -moz-linear-gradient(-20deg, transparent 0%, transparent 30%, rgba(61,111,142,.75) 30%, rgba(61,111,142,.75) 100%);	
	background: -webkit-linear-gradient(-20deg, transparent 0%,transparent 30%,rgba(61,111,142,.75) 30%,rgba(61,111,142,.75) 100%); 
	background: linear-gradient(110deg, transparent 0%,transparent 30%,rgba(61,111,142,.75) 30%,rgba(61,111,142,.75) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#3d6f8e',GradientType=1 );    width: 45px;
    /*background: rgba(61,111,142,.75);*/
    color: #fff;
    text-align: center; 
    font: 36px 'Lato', Helvetica, Arial, sans-serif;
    font-weight: 100;
    float: left;
}

.position-relative{
	position:relative
}

.position-adjust-right{
	position:relative;
	z-index:2;
	left:-50px;
}

.position-adjust-left{
	position:relative;
	z-index:2;
	left:100px!important;
	bottom:-70px!important;
}

.icons{
	width:60px
}

/*Navigation*/

.nav-div{
	width:100%;	
	padding-right:40px;
	padding-bottom:10px;
}

.nav-button{
	position:relative;
	right:0px;
}

.nav-div.nav-scrolled{
	background-color:rgba(255,255,255,.8)
}

.nav-div .nav-overlay{
	background-color:rgba(255,255,255,.5)

}

.nav-div.nav-scrolled .nav-overlay{
	background-color:rgba(255,255,255,0)

}


nav-div.nav-scrolled img.logo{
	background-color:#ffffff!important
}
/*ul.dynamic {
    position: relative;
    top: 0px;
    left: 0px;
}
.slicknav_btn {
	display:none;
}*/

/*.nav-scrolled{
	background-color:rgba(183, 185,188,.95);
}*/

a.bc-home, a.bc-node, .bc-current{
	font-size:.8rem
}

.logo{
	width:75%; 
	max-width:300px;
	min-width:175px;
	/*background: transparent url('/SiteAssets/img/InvestVancouverLogo.svg') no-repeat top left;
	background-size:contain;*/
}

.logo-div{
	position:relative;
	max-width:40px;
	min-width:175px;
	background: transparent url('/SiteAssets/img/InvestVancouverLogo.svg') no-repeat top left;
	background-size:contain}

.clip-bottom{
	clip-path: polygon(100% 53%, 100% 0%, 0% 0%, 0% 100%, 100% 100%, 100% 100%, 71% 100%);
}

.clip-bottom-small{
	clip-path: polygon(100% 0%, 0% 0%, 0% 100%, 94% 100%);
}

.clip-top{
	clip-path: polygon(100% 23%, 48% 0%, 0% 0%, 0% 100%, 100% 100%);
}

.clip-top-small{
	clip-path: polygon(100% 0%, 0% 5%, 0% 100%, 100% 100%);
}

.clip-top-right-bottom-left{
	clip-path: polygon(100% 23%, 81% 0%, 0% 0%, 1% 89%, 30% 100%, 100% 100%);

}
.clip-top-right-bottom-right{
	clip-path: polygon(100% 11%, 0% 0%, 0% 100%, 90% 100%, 100% 78%);}
	
	
.clip-top-left{
	clip-path: polygon(57% 0%, 0% 18%, 0% 100%, 100% 100%, 100% 0%);
}
	


.hp-hero-height{
	height:100vh;
	z-index:1
}

.bg-parallax{
	min-height:700px;
}

.bg-check {
	background:transparent url('/SiteAssets/img/blue-check.svg') no-repeat left top;
	background-size:contain;
	height: calc(100vh + 5vh);
}

.border{
	border:1px solid red
}

.border-bottom-light{
	border-bottom:2px solid rgba(255,255,255,.8)!important
}

.bg-check-repeat{
	background-image:url('/SiteAssets/img/check-bg.svg');
	background-position: center top;
	background-repeat:repeat;
	z-index:5;
	background-size:contain;
}

.bg-slash-green{
	background-image: url(/SiteAssets/img/slash-green.svg);
	background-repeat:no-repeat;
	background-position:left top;
   	background-size:100px;;
}

.bg-slash-red{
	background-image: url(/SiteAssets/img/slash-red.svg);
	background-repeat:no-repeat;
	background-position:left top;
   	background-size:100px;;
}

.bg-slash-blue{
	background-image: url(/SiteAssets/img/slash-blue.svg);
	background-repeat:no-repeat;
	background-position:left top;
   	background-size:90px;;
}

.bg-slash-white{
	background-image: url(/SiteAssets/img/slash-white.svg);
	background-repeat:no-repeat;
	background-position:left top;
   	background-size:90px;;
}



.slash-blue, .slash-red{
	display:inline-block;
}

.slash-blue:after{
	content:"";
	background-image: url(/SiteAssets/img/slash-blue.svg);
	background-repeat:no-repeat;
    position:absolute;
    right:86%;
    top:-12px;
    height:150px;
    width:80px;
    background-size:contain;

	/*background: transparent url('/SiteAssets/img/slash-blue.svg')no-repeat left top;
	background-size:100%;
	border:1px solid red;
	height:200px;
	width:20%;
	z-index:1000!Important;
	position:absolute;
	top:0%;
	transform:translateY(-10%);
	right: 85%;*/
}

.slash-red:before{
	content:"";
	background-image: url(/SiteAssets/img/slash-red.svg);
	background-repeat:no-repeat;
    background-size:contain;
}


.text-slash-red{
	display:inline-block;
	position:relative;
	padding-left:40px;
}

.text-slash-red:before{
	content:"";
	background-image: url(/SiteAssets/img/slash-red.svg);
	background-repeat:no-repeat;
    position:absolute;
    left: -10px;
    top:0px;
    height:80px;
    width:80px;
    background-size:contain;
}

.section-slash-red,.section-slash-blue,.section-check-blue,.section-check-red, .section-slash-red-reverse, .section-slash-green-reverse, .section-slash-blue-reverse, .section-check-blue-lg, .section-slash-green{
	position:relative;}


.section-slash-red:after{
	content:"";
	background-image: url(/SiteAssets/img/slash-red.svg);
	background-repeat:no-repeat;
	background-position:top right;
    position:absolute;
    left:-20px;
    top:0px;
    height:100%;
    width:350px;
   	background-size:cover;
}

.section-slash-red-reverse:after{
	content:"";
	background-image: url(/SiteAssets/img/slash-red-reverse.svg);
	background-repeat:no-repeat;
	background-position:top right;
    position:absolute;
    left:0px;
    top:-50px;
    height:50%;
    width:200px;
   	background-size:cover;
}



.section-slash-green-reverse:after{
	content:"";
	background-image: url(/SiteAssets/img/slash-green-reverse.svg);
	background-repeat:no-repeat;
	background-position:top right;
    position:absolute;
    left:0px;
    top:-50px;
    height:50%;
    width:200px;
   	background-size:cover;
}


.section-slash-blue:after{
	content:"";
	background-image: url(/SiteAssets/img/slash-blue-light.svg);
	background-repeat:no-repeat;
	background-position:top right;
    position:absolute;
    left:-130px;
    top:0px;
    height:100%;
    width:800px;
   	background-size:cover;
}

.section-slash-blue-reverse:after{
	content:"";
	background-image: url(/SiteAssets/img/slash-blue-light-reverse.svg);
	background-repeat:no-repeat;
	background-position:top right;
    position:absolute;
    left:0px;
    top:-50px;
    height:50%;
    width:200px;
   	background-size:cover;
}


.section-check-blue:after{
	content:"";
	background-image: url(/SiteAssets/img/check-blue-bg.svg);
	background-repeat:no-repeat;
	background-position:top right;
    position:absolute;
    right:-100px;
    top:-50px;
    height:120%;
    width:300px;
   	background-size:cover;
}

.section-check-blue-lg:after{
	content:"";
	background-image: url(/SiteAssets/img/blue-check.svg);
	background-repeat:no-repeat;
	background-position:bottom right;
    position:absolute;
    right:-10px;
    top:0px;
    height:105%;
    width:60%;
   	background-size:contain
}

.section-check-red:after{
	content:"";
	background-image: url(/SiteAssets/img/check-red-bg.svg);
	background-repeat:no-repeat;
	background-position:top right;
    position:absolute;
    right:-100px;
    top:-50px;
    height:120%;
    width:300px;
   	background-size:cover;
}

.section-bg-red-reverse{
	background-image: url(/SiteAssets/img/slash-red-reverse.svg);
	background-repeat:no-repeat;
	background-position:bottom right ;
   	background-size:51%;
}

.tagline{
	position:relative;
	top:60%;
	right:0%;
	z-index:2;
	height:10%
}

.tagline .h1{
	font-size:2.8rem;
}

.tagline .h2{
	font-size:1.8rem;
}

.banner-content{
	background-image: linear-gradient(105deg, rgba(215,218,221,.9) 90%, transparent 90%, transparent 100%);    	
	position:absolute;
	bottom:0px;
	padding-right:90px;
	
}

.position-z-index-2{
	position:relative;
	z-index:2;
}

.position-z-index-3{
	position:relative;
	z-index:3!important;
}

.h-card, .sector-card{
	margin-bottom:40px!important;
	overflow: hidden;
}


.h-card .bg-dark, .sector-card .bg-dark {
	background:rgba(0,0,0,0);
	transition: background-color 0.5s ease-out;
}

.h-card:hover .bg-dark, .sector-card:hover .bg-dark{
	background:rgba(0,0,0,.7);
}

.h-card h2.uk-card-title, .sector-card h2.uk-card-title{
	font-size:1.8rem;
	font-weight:bold;
	color:#ffffff;
	text-shadow:1px 1px 1px rgba(0,0,0,.9);
	padding:15px;
	line-height:1.2;
	width:auto;
}

.h-card h4{
	color:#ffffff;	
	padding:0px 25px 20px 25px;
	margin-bottom:20px;
	font-size:1.1rem;
	display:none;
	moz-transition:  0.4s ease-in-out;
    -o-transition: 0.4s ease-in-out;
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;}

.h-card:hover h4{
	display:block
}

.h-card:hover img{
	opacity:1;
	-webkit-filter: grayscale(90%);
	filter: grayscale(90%);
	filter:contrast(.8) brightness(.3); 
}

.h-card:hover h2{
	background-image: url(/SiteAssets/img/check-inverse-green.svg);
	background-repeat:no-repeat;
    background-position:left 40px top 10px;
    background-size:90px;
}
.sector-card:hover h2{
	position:relative;
	background-image: url(/SiteAssets/img/check-inverse-green.svg);
	background-repeat:no-repeat;
    background-position:left 0px top -10px;
    background-size:60px;
}

/*.h-card:hover img:after{
	content:'';
	background-image: url(/SiteAssets/img/check-inverse-green.svg);
	background-repeat:no-repeat;
    background-position:rght bottom;
    background-size:200px;
   
}*/

.industry-card{
	min-height:175px
}
.industry-icon{
	width:80px
}

.industry-card h3{
	margin:0px
}

.copyright{
	color:rgba(255,255,255,.8);
	margin:20px;
	font-size:1.2rem
}


/*Card

.h-card {
	position:relative;}
	
.h-card .h-card-media{
  	overflow: hidden;}
  	
.h-card .h-card-media img {
	filter:contrast(.9) brightness(.9); 
	object-fit: cover;
}

.h-card .h-card-content{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width:100%;
	z-index: 1;
	color:#ffffff;
	text-align: center;
	-moz-transition: all 0.6s ease-in-out;
	-o-transition: all 0.6s ease-in-out;
	-webkit-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
}

.h-card .h-card-content h2{
	position:relative;
	font-size:1.8rem;
	font-weight:bold;
	color:#ffffff;
	padding:15px 10px;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	text-shadow:1px 1px 1px rgba(0,0,0,.9)
}

.h-card .h-card-content p{
	display: -webkit-box;
	margin: 20px 0;
	color:#ffffff;	
	text-overflow: ellipsis;
	display:none;
	opacity:0;
	padding:0px 15px 20px 15px;
	magin-bottom:20px
}

.h-card:hover .h-card-content{
  	top:20%;
}

.h-card:hover .h-card-content h2{
	background-image: url(/SiteAssets/img/slash-green.svg);
	background-repeat:no-repeat;
    background-position:left top -20px;
    background-size:35%;
}

.h-card:hover .h-card-content p{
	display:block;
	opacity:1;
}

.h-card:hover .h-card-media img{
	opacity:1;
	-webkit-filter: grayscale(90%);
	filter: grayscale(90%);
	filter:contrast(.4) brightness(.3); 

	
}*/
.company-list > div > .uk-card{
	background-image: linear-gradient(55deg, rgba(35,35,35,.1) 15%, transparent 15%,transparent 100%);
}

.company-list  > div:first-child > .uk-card{
	background-image: linear-gradient(55deg, rgba(0,57,190,1) 15%, transparent 15%,transparent 100%);
}
.company-list  > div:nth-child(2n) > .uk-card{
	background-image: linear-gradient(55deg, rgba(3,239,194,1) 15%, transparent 15%,transparent 100%);
}

.company-list  > div:nth-child(3n) > .uk-card{
	background-image: linear-gradient(55deg, rgba(35,35,35,.3) 15%, transparent 15%,transparent 100%);
}

.company-list  > div:nth-child(4n) > .uk-card{
	background-image: linear-gradient(55deg, transparent 85%, rgba(35,35,35,.3) 85%,rgba(35,35,35,.3) 100%);
}

.company-list  > div:nth-child(5n) > .uk-card{
	background-image: linear-gradient(55deg, rgba(0,57,190,1) 15%, transparent 15%,transparent 100%);
}

.company-list  > div:nth-child(6n) > .uk-card{
	background-image: linear-gradient(55deg, transparent 85%, rgba(247,72,94,1) 85%,rgba(247,72,94,1) 100%);
}

.company-list  > div:nth-child(7) > .uk-card{
	background-image: linear-gradient(55deg, rgba(247,72,94,1) 15%, transparent 15%,transparent 100%);
}

.company-list  > div:nth-child(12) > .uk-card{
	background-image: linear-gradient(55deg, rgba(3,239,194,1) 15%, transparent 15%,transparent 100%);
}

.company-list  > div:nth-child(24) > .uk-card{
	background-image: linear-gradient(55deg, rgba(35,35,35,.1) 15%, transparent 15%,transparent 100%);
}

.company-list  > div:nth-child(30) > .uk-card{
	background-image: linear-gradient(55deg, rgba(35,35,35,.3) 15%, transparent 15%,transparent 100%);
}

.company-list  > div:nth-child(42) > .uk-card{
	background-image: linear-gradient(55deg, transparent 85%, rgba(0,57,190,1) 85%,rgba(0,57,190,1) 100%);}
	
.company-list  > div:nth-child(33) > .uk-card, .company-list  > div:nth-child(43) > .uk-card{
	background-image: linear-gradient(55deg, transparent 85%, rgba(247,72,94,1) 85%,rgba(247,72,94,1) 100%);}
	

.company-list  > div:nth-child(10) > .uk-card {
	background-image: linear-gradient(55deg, transparent 85%, rgba(247,72,94,1) 85%,rgba(247,72,94,1) 100%);
}

.company-list  > div:nth-child(4) > .uk-card, .company-list  > div:nth-child(9) > .uk-card, .company-list  > div:nth-child(17) > .uk-card, .company-list  > div:nth-child(20) > .uk-card, .company-list  > div:nth-child(23) > .uk-card, .company-list  > div:nth-child(32) > .uk-card {
	background-image: linear-gradient(55deg, transparent 85%, transparent 85%,transparent 100%);
}

.card-industry{
	position:relative;
	color:#000!important;
	font-size:1.1rem
}

.card-industry a:link,.card-industry a:visited {
	font-size:1.1rem
}

/*JUNGLEMAIL FORMS*/
input.junglemail[type="text"], input.junglemail[type="search"], textarea.junglemail{
	border:none;
	border-bottom:1px solid rgba(0,0,0,.8);
	padding:12px 20px 12px 10px;
	font-weight:300;
	font-size:1rem;
	border-radius:0px;
	transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    background-color:rgba(255,255,255,0);
    color:#000;
    width:80%;
    margin-bottom:10px;
    margin-bottom:15px
}

input.junglemail:focus[type="text"], input.junglemail:focus[type="search"], textarea.junglemail:focus{
	border:none;
	border-bottom:1px solid #ffffff;
	background-color:rgba(255,255,255,.3);
}

/*BIO*/

li.bio-item{
	width:20%
}

.bio-label{
	background-image: linear-gradient(115deg, rgba(0,57,190,.8) 85%, transparent 85%, transparent 100%);
	background-color:transparent;
	color:#fff;
	display:inline-block;
	line-height:1.3;
	font-size:.8rem;
	padding:5px 35px 5px 10px;
	position:absolute;
	bottom:-10px;
}

.media-title{
	background-image: url(/SiteAssets/img/slash-red.svg);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 50px;
    padding:15px 0px 0px 15px;
    margin-bottom: 15px;
}

.contact-bg{
	background-image: url('http://investvancouver.ca/SiteAssets/img/contactbg.jpg'); 
	background-attachment:fixed;
}

.programs-bg{
	background-image: url('https://investvancouver.ca/PublishingImages/programs-bg.jpg'); 
	background-attachment:fixed;
	background-position:center right;
}

/*XXLARGE SCREEN*/
@media all and (min-width:1921px) {
.banner-logo {
	max-width:900px;
	margin-left:200px !important
}

.section-slash-red:after {
    left: 30px;
    width: 350px;
}

.section-bg-red-reverse{
   	background-size:25%;
}

.banner-content{
	background-image: linear-gradient(115deg, rgba(215,218,221,.9) 85%, transparent 85%, transparent 100%);    	
	padding-right:150px
}


}
/*XLARGE SCREEN*/
@media all and (min-width:1442px) and (max-width:1921px) {
.section-slash-red:after {
    width:400px;
}

.section-bg-red-reverse{
   	background-size:35%;
}

.banner-content{   	
	padding-right:90px
}

}


/*MEDIUM SCREEN*/
@media all and (max-width:1025px) {
}	



@media only screen and (min-height: 1000px){
.hp-hero-height{
	height:60vh;}
	
.bg-check{	
	height: calc(60vh + 7vh)}

}


@media all and (max-width:850px) {


div, dl, dt, dd, ul, ol, li, pre, form, p, blockquote, th, td {
	font-size:1.1rem
}	

h1, .h1, .ms-rtestate-field h1, h1.ms-rteElement-H1 {
	font-size:1.5rem
}

h2, .h2, .ms-rtestate-field h2, h2.ms-rteElement-H2{
	font-size:1.4rem
}

h3, .h3, .ms-rtestate-field h3, h3.ms-rteElement-H3{
	font-size:1.2rem
}

.section-slash-blue:after {
    left: -100px;
    width: 400px;
}

.section-slash-red:after{
    left:-100px;
}

.position-adjust-right{
	osition:relative;
	z-index:2;
	left:0px!important;
	top:-20px
}


.banner-content h3{
	margin-bottom:0px
}

.banner-content{
	padding-right:50px
}

.logo {
	width:55%
}


}
@media all and (max-width:690px) {

.show-for-small{
	display:block
}

.h-card{
	margin-bottom:20px;
}

.bg-section-clip{
	clip-path: polygon(100% 0%, 0% 0%, 0% 100%, 100% 100%);
}

.contact-bg{
	background-image: url('http://investvancouver.ca/SiteAssets/img/contactbg.jpg'); 
	background-attachment: inherit;}
	
.programs-bg{
	background-image: url('https://investvancouver.ca/PublishingImages/programs-bg.jpg'); 
	background-attachment: inherit;}


.banner-cut[style]{
	background-image:none!important
}

.parallax-check{
	opacity:.8
}

}