@media screen and (max-width: 2560px) {
 
.container {
    width:1620px;
}
    
}

@media screen and (max-width: 1620px) {
 
.container {
    width:1440px;
}
    
}

@media screen and (max-width: 1440px) {
 
.container {
    width:1280px;
}
	
body {
	font-size:14px;
}
    
}

@media screen and (max-width: 1366px) {
 
.container {
    width:1280px;
}
	
body {
	font-size:14px;
}

.chart-image {
    width: 70%;
}

.slider-container {
    padding: 5px 0 !important;
}
    
}

@media screen and (max-width: 1280px) {
 
body {
	font-size:13px;
}
	
.container {
    width:1024px;
}
    
}

@media screen and (max-width: 1024px) {
    
	body {
		font-size: 15px;
	}

	.slider-container {
		padding: 5px 0 !important;
	}

	.chart-image {
		width: 100%;
		margin:20px 0;
	}

	.container {
		width:90%;
		padding:0 5%;
	}

	header {
		padding: 30px 0;
	}

	header h1 {
		margin: 0;
		padding: 0;
		display: flex;
		align-items: center;
	}

	header h1 a {
		width: 210px;
		height: 40px;
	}

	header.sticky_header h1 a {
		height: 30px;
		background:url("../images/borealis-logo-colour.png") center left no-repeat;
		background-size:contain;
	}

	header.sticky_header {
		padding: 10px 0;
	}

	section.hero {
		height: 70vh;
	}

	section.hero .hero-content {
		width: 90%;
	}

	section.hero .hero-content h2 {
		font-size: 38px;
	}

	section.hero .hero-content .hero-right {
		font-size: 20px;
	}

	nav.navigation {
		position: relative;
		width: 60%;
	}

	ul.nav li a {
		font-size: 15px;
	}

	ul.nav li a.btn {
		font-size: 15px;
	}

	ol.points li span {
		margin: 40px 0 0 0;
		font-size: 15px;
	}

	h3.large {
		font-size: 35px;
		padding: 0 15%;
	}

	.container.text-center {
		padding: 0 5% 50px 5%;
	}

	.images {
		height: 40vh;
	}

	ul.team {
		margin: 0 0 50px 0;
	}

	ul.team li {
		width: 33%;
		margin: 30px 0;
		font-size: 15px;
	}

	.images.absolute {
		height: 50vh;
	}

	ul.investment-boxes {
		margin: 80px 0 0px 0;
	}

	.line-y {
		margin: 0 auto 30px auto;
		height: 70px;
	}

	ul.contact-methods li span {
		font-size: 15px;
	}

	ul.footer-list li a {
		font-size: 15px;
	}

	.bio-image {
		height: 90px;
	}

	.col h4 {
		height: 35px;
	}

	footer .container {
		padding:30px 5%;
	}

	.btn {
		font-size: 15px;
	}

	.featherlight .featherlight-content {
		max-height: 98%;
		width: 460px;
	}
	
	ul.investment-boxes li {
		width: 48%;
		perspective: 1000px;
		margin: 10px 0;
		gap: 6rem;
	}
    
}

@media screen and (max-width: 850px)
and (orientation: landscape) {
    
body {
    font-size: 15px;
}
 
.container {
    width:90%;
    padding:0 5%;
}
	
header {
    padding: 30px 0;
}
	
header h1 {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
}
	
header h1 a {
	width: 210px;
    height: 40px;
}
	
header.sticky_header h1 a {
	height: 30px;
	background:url("../images/borealis-logo-colour.png") center left no-repeat;
	background-size:contain;
}
	
header.sticky_header {
    padding: 10px 0;
}
	
section.hero {
    height: 100vh;
}
	
section.hero .hero-content {
    width: 90%;
}
	
section.hero .hero-content h2 {
    font-size: 30px;
}
	
section.hero .hero-content .hero-right {
    font-size: 20px;
}
	
nav.navigation {
    position: relative;
    width: 60%;
}
	
ul.nav li a {
    font-size: 15px;
}

ul.nav li a.btn {
    font-size: 15px;
}
	
ol.points li span {
    margin: 40px 0 0 0;
    font-size: 15px;
}
	
h3.large {
    font-size: 32px;
    padding: 0 10%;
}
	
.container.text-center {
    padding: 0 5% 50px 5%;
}
	
.images {
    height: 40vh;
}

ul.team {
    margin: 0 0 50px 0;
}
	
ul.team li {
    width: 33%;
    margin: 30px 0;
    font-size: 15px;
}
	
.images.absolute {
    height: 80vh;
}
	
ul.investment-boxes {
    margin: 10px 0 0px 0;
	gap: 2rem;
}
	
.line-y {
    margin: 0 auto 30px auto;
    height: 70px;
}
	
ul.contact-methods li span {
    font-size: 15px;
}
	
ul.footer-list li a {
    font-size: 15px;
}
	
.bio-image {
    height: 90px;
}
	
.col h4 {
    height: 35px;
}
	
footer .container {
	padding:30px 5%;
}
	
.btn {
    font-size: 15px;
}

span.title {
    font-size: 12px;
}

span.info {
    font-size: 10px;
}
	
.featherlight .featherlight-content {
    max-height: 98%;
    width: 460px;
}
    
}

@media screen and (max-width: 800px) {
	
nav.navigation {
    position: relative;
    width: 70%;
}	

}

@media screen and (max-width: 768px) {
    
body {
    font-size: 13px;
}
	
header h1 a {
    width: 200px;
    height: 40px;
}

.info-state .padding {
    padding: 15px;
    font-size: 10px;
}

.info-state .title {
    margin: 10px 0;
}
 
.container {
    width:90%;
    padding:0 5% !important;
}
	
nav.navigation {
    width: 65%;
}
	
ul.nav li a.btn {
    font-size: 13px;
    padding: 10px 25px;
}
	
ul.nav li a {
    font-size: 13px;
}
	
section.hero .hero-content h2 {
    font-size: 30px;
}
	
section.hero .hero-content .hero-right {
    font-size: 17px;
}
	
ol.points li::before {
    width: 60px;
    height: 60px;
    font-size: 20px;
}
	
ol.points li span {
    margin: 20px 0 0 0;
    font-size: 13px;
}
	
h3.large {
    font-size: 28px;
    padding: 0 5%;
}
	
.images {
    height: 30vh;
}

ul.investment-boxes {
    margin: 25px 0 0px 0;
}
	
ul.contact-methods {
    margin: 0 0 30px 0;
}

div#deal-output-container {
    border: none;
    height: auto !important;
}

.chart-image {
    width: 100%;
    margin:20px 0;
}
	
.col h4 {
    height: 25px;
}
	
ul.footer-list li a {
    font-size: 12px;
}
	
.col h5 {
    font-size: 13px;
}
	
.btn {
    font-size: 13px;
    padding: 5px 30px;
}
	
ul.contact-methods .icon {
    width: 40px;
    height: 40px;
    margin: 0 auto 20px auto;
}
	
.images.absolute {
    height: 40vh;
}
    
}

@media screen and (max-width: 737px) {
 
.container {
    width:90%;
    padding:0 5%;
}
    
}

@media screen and (max-width: 480px) {
 
body {
    font-size:16px;
}

html {
    overflow-x: hidden;
}
	
.line-y.absolute.bottom {
    display: none;
	visibility: hidden;
}
	
.line-y.half-height.line-one {
    display: none;
}
	
.chart-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    margin: 0 auto;
}
	
.chart-image {
    width: 100%;
    margin: 0 auto;
    display: flex;
	flex-wrap: wrap;
    justify-content: center;
}
	
.chart-image .columns {
    width: 100%;
    color: #758292;
}
	
.line-y.full-height {
    display: none;
    visibility: hidden;
}
	
.col {
    width: 100% !important;
    font-size: 18px;
    padding-bottom: 0px;
}
	
.col.mob {
    padding-bottom: 50px;
}
    
.container {
    width:90% !important;
    padding:0 5% !important;
}

.chart-image {
    width: 100%;
}
	
header {
    padding: 10px 0;
}
	
header .container {
    padding: 0;
    width: 100%;
    margin: 0;
}
	
header h1 {
    left: 20px;
    position: relative;
}
	
header.sticky_header .mobile-icon {
    height: 30px;
    background: url(../images/menu-icon.svg) center center no-repeat;
    background-size: contain;
}
	
header.sticky_header ul.nav li a {
    color: #FFF;
}
	
ul.nav li {
    width: 100%;
    text-align: center;
}
	
ul.nav li a {
    font-size: 16px;
    padding: 15px 0;
    display: block;
    margin-bottom: 1px;
	background: #121233;
}
	
ul.nav li a.btn {
    border: unset;
    border-radius: 0;
    padding: 15px 0;
    font-size: 16px;
	background:#e47b3b;
	color:#FFF;
}
	
section.hero .hero-content div {
    width: 100%;
    text-align: center !important;
}
	
section.hero .hero-content h2 {
    font-size: 24px;
}
	
.line-y.full {
    width: 100%;
    position: absolute;
    top: -40px;
    z-index: 1;
}
	
ol.points {
	margin:0;
	justify-content: center !important;
}
	
ol.points li {
    width: 46%;
	margin:0 2%
}
	
ol.points li span {
    margin: 20px 0;
    font-size: 13px;
}
	
ol.points .line-x, ol.points .line-y {
	display: none;
	visibility: hidden;
}
	
h3.large {
    font-size: 22px;
    padding: 0 5%;
    margin-top: 0;
}
	
.images {
    height: 20vh;
}
	
ul.team li.border {
    border-right: unset;
}
	
.bio-image {
    margin: 0 auto 20px auto;
}
	
ul.team li {
    width: 48%;
    margin: 10px 0;
    font-size: 13px;
}
	
.featherlight .featherlight-content {
    width: 90%;
}
		
.images.absolute {
    height: 30vh;
}
	
ul.investment-boxes {
    margin: 265px 0 -10px 0;
}
	
ul.investment-boxes li {
    width: 100%;
    perspective: 1000px;
    margin: 10px 0;
}
	
ul.contact-methods li {
    width: 100%;
	margin:10px 0;
}
	
ul.contact-methods li span {
    font-size: 16px;
}
	
.mobile-icon {
	display: block;
	visibility: visible;
}
	
nav.navigation {
    width: 100%;
	right:-100%;
    position: absolute;
    top: 50px;
    left:unset;
    margin: 0;
	transition:all 0.3s ease-in-out;
}
	
nav.navigation.active {
	right:0;
}
	
.footer-strip {
    height: 40px;
    font-size: 12px;
}
	
.images .left-image.wide {
    width: 100%;
}
	
.images .right-image.short {
    width: 100%;
}
	
.images.absolute {
    height: 30vh;
}
	
.images .short {
    height: 100%;
}
	
.images .left-image {
    width: 50%;
}

.images .right-image {
    width: 50%;
}
	
.col.border {
    border-right: unset;
}
	
.col.wide.border.logo {
    width: 100%;
    text-align: center;
    align-items: center;
    justify-content: center;
    /* display: flex; */
}

.col.wide.full-col {
    width: 100%;
    text-align: center;
}
	
.col.small, .col.wide {
    width: 50%;
}
	
.col h4 {
    height: 40px;
    background: url(../images/borealis-logo-white.png) top center no-repeat;
    background-size: contain;
}

    
}