/* GLOBAL STYLING FOR CONTAINERS */
@font-face {
	font-family: 'Raleway';
	src: url('../fonts/raleway-regular.eot'); /* IE9 Compat Modes */
	src: url('../fonts/raleway-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       /* url('../fonts/raleway-regular.woff2') format('woff2'), Super Modern Browsers */
       url('../fonts/raleway-regular.woff') format('woff'), /* Pretty Modern Browsers */
       url('../fonts/raleway-regular.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-regular.svg#svgFontName') format('svg'); /* Legacy iOS */
	font-weight: normal;
}
@font-face {
	font-family: 'Raleway';
	src: url('../fonts/raleway-bold.eot'); /* IE9 Compat Modes */
	src: url('../fonts/raleway-bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       /* url('../fonts/raleway-bold.woff2') format('woff2'), Super Modern Browsers */
       url('../fonts/raleway-bold.woff') format('woff'), /* Pretty Modern Browsers */
       url('../fonts/raleway-bold.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-bold.svg#svgFontName') format('svg'); /* Legacy iOS */
	font-weight: bold;
}
@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Josefin+Sans:400,600,700&display=swap');

body {
	background: #CCE1F7;
	font-family: 'Raleway', Helvetica, Arial, sans-serif;
	font-size: 18px;
	margin: 0;
	padding: 0;
}
#menu {
	background-image: url("../img/menu-35.png");
	background-repeat: no-repeat;
	cursor: pointer;
	height: 30px;
	margin-right: 0px;
	width: 35px;
}
#nav {
    background-color: #CCE1F7;
	min-height: 30px;
	margin: 0;
    padding: 10px 15% 0;
}
#header {
	background-image: url("../img/bkgd-trees1.png");
	background-position: bottom center;
	margin: 0;
	min-height: 220px;
    padding: 0px;
	text-align: center;
}
#banner {
	padding: 20px 0;
	position: relative;
	text-align: center;
}
#banner h1 {
	font-size: 50px;
	font-weight: bold;
	line-height: 1.2;
	margin: 0;
	/*text-shadow: 5px 5px 30px #000;*/
}
#banner h2 {
	font-size: 28px;
	font-weight: bold;
	margin: 0;
}
#banner h5 {
	font-size: 16px;
	font-weight: bold;
	margin: 8px auto;
}
#main {
	background: #E4F9EE;
	margin: 0;
	min-height: 500px;
    padding: 2%;
}
.content {
	margin: 0 auto;
	max-width: 1000px;
}
#footer {
    background-color: #CCE1F7;
	margin: 0;
    padding: 10px 15%;
}

/* GLOBAL STYLING FOR ELEMENTS */
p {
	line-height: 20px;
}
img { max-width: 100%;}

.center { text-align: center; margin: auto;}
.marg-1 { margin: 1em !important;}
.marg-t1{margin-top: 1em !important;}
.marg-b1{margin-bottom: 1em !important;}
.marg-l1{margin-left: 1em !important;}
.marg-r1{margin-right: 1em !important;}

.float-none{float: none !important;}
.float-left{float: left !important;}
.float-right{float: right !important;}

.overflow-auto{overflow: auto !important;}
.overflow-hidden{overflow: hidden !important;}

.clear-both{clear: both !important;}
.clear-reloaded:after{display: block; content: " "; clear: both;}
.img { max-width: 100% !important; }
.display-inline{display: inline !important;}
.display-inline-block{display: inline-block!important;}
.display-block{display: block!important;}

.break-long-text {
	/* These are technically the same, but use both */
	overflow-wrap: break-word;
	word-wrap: break-word;
	-ms-word-break: break-all;
	/* This is the dangerous one in WebKit, as it breaks things wherever */
	word-break: break-all;
	/* Instead use this non-standard one: */
	word-break: break-word;
}
.break-long-text.hyphenated{/* Adds a hyphen where the word breaks, if supported (No Blink) */
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
}

.nobr{white-space: nowrap !important;}
.bold {font-weight: bold !important;}
.unbold { font-weight: normal !important;}
.hanging {
	font-size: 12px;
	margin-top: 0;
	margin-bottom: 0;
	padding-left: .4em;
	text-indent: -.4em;
}	
.hanging-space {
	font-size: 12px;
	margin-top: 0;
	margin-bottom: 0;
	padding-left: .8em;
	text-indent: -.8em;
}
.double-hanging {
	font-size: 12px;
	margin-top: 0;
	margin-bottom: 0;
	padding-left: .8em;
	text-indent: -.8em;
}
.double-hanging-space {
	font-size: 12px;
	margin-top: 0;
	margin-bottom: 0;
	padding-left: 1em;
	text-indent: -1em;
}

/* styling ul  */
ul {
	margin: 10px;
	padding: 0px;
	list-style: none;
}
	
ul li {
	margin: 0px;
	padding: 0px;
	list-style: none;
	}
	
ul.resource li {
	padding-left: 15px;
	line-height: 20px;
	font-style: bold;
	font-size: 12px;
	}
	
ul.arrow li {
	background: url("../img/blossom.gif") 0px 4px no-repeat;
}
/* References styles */
.ref-title{font-size: 12px; margin: 0; padding: 0; display: block; font-weight: bold;}
.ref-title.display-inline{display: inline;}
.ref-title.display-inline + .ref-inline{display: inline;}

/*Inline Format*/
ol.ref-inline {display:inline; margin: 0; padding:0; counter-reset:item; margin-left:0; }  
ol.ref-inline li {display:inline; font-size: 12px; margin:0; padding:0; counter-increment:item; }
ol.ref-inline li:before { content:counter(item, decimal) "\02E \0A0"; font-weight:bold; }

/*Block Format*/
ol.ref-block {display:block; margin: 0; padding:0; counter-reset:item; margin-left:0; }  
ol.ref-block li {display:inline; margin:0; padding:0; counter-increment:item; }
ol.ref-block li:before { content:counter(item, decimal) "\02E \0A0"; font-weight:bold; }

/*List Format*/
ol.ref-list {display:block; margin: 0; padding:0; counter-reset:item; margin-left:0; }  
ol.ref-list li {display:block; margin:0; padding: 0 0 0 1.6em; counter-increment:item; /*text-indent: -1.1em;*/ position: relative;}
ol.ref-list li:before { content:counter(item, decimal) "\02E \0A0"; font-weight:bold; position: absolute; left: 0; text-align: right; width: 1.6em;}
	
/* styling for links */
#nav a.title {
	font-size: 24px;
	font-weight: bold;
	padding: 0 0 6px;
}
#nav a.title:hover {
	text-decoration: underline;
}
#nav ul {
	list-style: none;
	margin: 0;
	overflow: hidden;
	padding: 0;
}
#nav ul li {
	float: left;
	height: 36px;
}
#nav ul li a, #nav ul li ul li a {
    color: #0A850C;
	display: inline-block;
    font-size: 18px;
    padding: 3px 20px 0px;
	text-decoration: none;
}
#nav ul li a:hover {
	text-decoration: underline;
}
#nav ul li.projects {
	display: inline-block;
}
#nav ul li:hover ul {
	display: block;
}
#nav ul li ul {
	background-color: #E4F9EE;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	display: none;
	margin-top: 7px;
	min-width: 160px;
	position: absolute;
	z-index: 1;
}
#nav ul li ul li {
	float: none;
	padding: 5px 0 5px 20px;
}
#home .links li.home, #projects .links li.projects, #about .links li.about, #contact .links li.contact {
	background: url("../img/blossom-dp.png") no-repeat;
	font-weight: bold;
	padding: 0px 0px 0px 12px;
	text-decoration: underline;
}
/*a:visited {
	color: #0A850C;
}*/
	
a:hover {
	color: #9385EA;
	text-decoration: underline;
}

/* HOMEPAGE STYLING */
.box {
	background: #FFDDE8;
	border: 2px solid #000000;
	margin: 3rem 20px;
	padding: 10px 20px;
	text-align: center;
	width: 285px;
}
.box:nth-of-type(2){
	background: #CCE1F7;
}
.box img {
	margin: 0 auto;
	height: 50px;
}
.box .btn {
	background: #CCE1F7;
	border: 2px solid #000000;
	border-radius: 10px;
	font-size: 16px;
	font-weight: bold;
	margin: 0 auto;
	padding: 8px;
	text-align: center;
	width: 70%;
}
.box:nth-of-type(2) .btn{
	background: #FFDDE8;
}


/*****************
 PROJECTS PAGES  *
*****************/
.block1 img {
	border: 1px solid #e9e9e9;
}
.block2 {
	/*color: #9a9b9f;*/
	font-size: 16px;
	margin-left: 20px;
	padding: 0px;
	width: 50%;
}
span.soon {
	font-size: 14px;
	font-style: italic;
}

/*****************
 ACCORDION PAGES 
*****************/
.accordion {
	width: 1000px;
	height: auto;
	margin: 0 auto;
	background: #fff;
	border-radius: 3px;
	box-shadow: 0 0 5px rgba(225,225,225,1);
	overflow: hidden;
	transition: height 0.3s ease;
	margin-bottom: 20px;
}
.accordion .accordion_tab {
	background: #CCE1F7;
	color: #9385EA;
	padding: 20px;
	cursor: pointer;
	user-select: none;
	font-size: 20px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 2px;
	position: relative;
}
.accordion .accordion_tab .accordion_arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 20px;
	width: 15px;
	height: 15px;
	transition: all 0.3s ease;
}
.accordion .accordion_tab .accordion_arrow img {
	width: 100%;
	height: 100%;
}
.accordion .accordion_tab.active .accordion_arrow {
	transform: translateY(-50%) rotate(180deg);
}
.accordion.active {
	height: auto;
}
.accordion .accordion_content {
	border-top: 1px solid #e9e9e9;
	display: none;
	padding: 20px;
}
.accordion.active .accordion_content {
	display: block;
}

.accordion .accordion_content .accordion_item {
	/*margin-bottom: 20px;*/
}

.accordion .accordion_content .accordion_item p.item_title{
	font-weight: 600;
	margin-bottom: 10px;
	font-size: 18px;
	color: #6adda2;
}

/*.accordion .accordion_content .accordion_item p:last-child{
	color: #9a9b9f;
}*/


.border {
	background-image: url("../img/border-flower.png");
	background-position: top center;
	height: 54px;
	width: 100%;
}
.iframe {
	background-image: url("../img/smartphone-android-frame-700.png");
	background-repeat: no-repeat;
	background-size: 100%;
	width: 402px;
	height: 765px;
	padding: 87px 26px 60px 31px;
}

/************
 ABOUT PAGES 
************/
#about .btn, #contact .btn {
	background-image: linear-gradient(#FFDDE8, #fcc2d4, #FFDDE8);
	border: 3px solid #fcc2d4;
	border-radius: 10px;
	box-shadow: 3px 5px 10px 0px rgba(0,0,0,0.2);
	font-size: 20px;
	font-weight: bold;
	margin: 40px 0 0;
	padding: 15px 0;
	text-align: center;
	width: 248px;
}

/* FOOTER */
.end-matter {
	font-size: 12px;
	margin: 0 10px;
	text-align: center;
}


/*FLEXBOX SECTION*/

/* In flexbox, a bug in Safari makes invisible all child elements with floats. Floats are not necessary with flexbox. */
.flexbox > * {
	float: none !important;
}
.flexbox, .flexbox-desktop {
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
}
.flex-wrap {
    flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
    -webkit-box-wrap: wrap;
	-moz-flex-wrap: wrap;  
    -moz-box-wrap: wrap;
	-ms-flex-wrap: wrap;
    -ms-flexbox-wrap: wrap;
}
.flex-nowrap {
    flex-wrap: nowrap;
	-webkit-flex-wrap: nowrap;
    -webkit-box-wrap: nowrap;
	-moz-flex-wrap: nowrap;
    -moz-box-wrap: nowrap;
	-ms-flex-wrap: nowrap;
    -ms-flexbox-wrap: nowrap;
}
.flex-wrap-reverse {
    flex-wrap: wrap-reverse;
	-webkit-flex-wrap: wrap-reverse;
    -webkit-box-wrap: wrap-reverse;
	-moz-flex-wrap: wrap-reverse;
    -moz-box-wrap: wrap-reverse;
	-ms-flex-wrap: wrap-reverse;
    -ms-flexbox-wrap: wrap-reverse;
}
.flex-column {
	flex-direction: column;
	-webkit-flex-direction: column;
	-webkit-box-direction: column;
	-ms-flex-direction: column;
}
.flex-column-reverse {
	flex-direction: column-reverse;
	-webkit-flex-direction: column-reverse;
	-webkit-box-direction: column-reverse;
	-ms-flex-direction: column-reverse;
}
.flex-row {
	flex-direction: row;
	-webkit-flex-direction: row;
	-webkit-box-direction: row;
	-ms-flex-direction: row;
}
.flex-row-reverse {
	flex-direction: row-reverse;
	-webkit-flex-direction: row-reverse;
	-webkit-box-direction: row-reverse;
	-ms-flex-direction: row-reverse;
}
.flex-basis {
    flex-basis: 50%;
	-webkit-flex-basis: 50%;
	-moz-flex-basis: 50%;
	-ms-flex-basis: 50%;
}
.flexing {
	flex: 1 1 0px;
	-webkit-box-flex: 1 1 0px;
	-webkit-flex: 1 1 0px;
	-moz-box-flex: 1 1 0px;
	-ms-flex: 1 1 0px;
}
.flexing-auto {
	flex: 1 1 auto;
	-webkit-box-flex: 1 1 auto;
	-webkit-flex: 1 1 auto;
	-moz-box-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
}
.flexing-none {
	flex: 0 0 auto;
	-webkit-box-flex:  0 0 auto;
	-webkit-flex:  0 0 auto;
	-moz-box-flex:  0 0 auto;
	-ms-flex:  0 0 auto;
}
.flex-order-one {
	order: 1;
	-webkit-box-ordinal-group: 1;
	-webkit-order: 1;
	-moz-box-ordinal-group: 1;
	-ms-flex-order: 1;
}
.flex-order-two {
	order: 2;
	-webkit-box-ordinal-group: 2;
	-webkit-order: 2;
	-moz-box-ordinal-group: 2;
	-ms-flex-order: 2;
}
.flex-order-three{
	order: 3;
	-webkit-box-ordinal-group: 3;
	-webkit-order: 3;
	-moz-box-ordinal-group: 3;
	-ms-flex-order: 3;
}
.flex-order-four{
	order: 4;
	-webkit-box-ordinal-group: 4;
	-webkit-order: 4;
	-moz-box-ordinal-group: 4;
	-ms-flex-order: 4;
}
.flex-space-between {
	justify-content: space-between;
	-webkit-justify-content: space-between;
	-webkit-box-pack: justify;
	-moz-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-justify-content: space-between;
	-ms-flex-pack: justify;
}
.flex-space-around {
	justify-content: space-around;
	-webkit-justify-content: space-around;
	-webkit-box-pack: justify;
	-moz-justify-content: space-around;
	-moz-box-pack: justify;
	-ms-justify-content: space-around;
	-ms-flex-pack: justify;
}
.flex-both-axis-center {
	align-items: center;
	-webkit-align-items: center;
	-webkit-flex-align: center;
	-moz-align-items: center;
	-ms-flex-align: center;
	-ms-align-items: center;
	justify-content: center;
	-webkit-justify-content: center;
	-webkit-box-pack: center;
	-moz-justify-content: center;
	-moz-box-pack: center;
	-ms-justify-content: center;
	-ms-flex-pack: center;
}
.flex-main-axis-start{
	justify-content: flex-start;
	-webkit-justify-content: flex-start;
	-webkit-box-pack: start;
	-moz-justify-content: flex-start;
	-moz-box-pack: start;
	-ms-justify-content: flex-start;
	-ms-flex-pack: start;
}
.flex-main-axis-center{
	justify-content: center;
	-webkit-justify-content: center;
	-webkit-box-pack: center;
	-moz-justify-content: center;
	-moz-box-pack: center;
	-ms-justify-content: center;
	-ms-flex-pack: center;
}
.flex-main-axis-end {
	justify-content: flex-end;
	-webkit-justify-content: flex-end;
	-webkit-box-pack: end;
	-moz-justify-content: flex-end;
	-moz-box-pack: end;
	-ms-justify-content: flex-end;
	-ms-flex-pack: end;
}
.flex-main-axis-stretch{
	justify-content: stretch;
	-webkit-justify-content: stretch;
	-webkit-box-pack: stretch;
	-moz-justify-content: stretch;
	-moz-box-pack: stretch;
	-ms-justify-content: stretch;
	-ms-flex-pack: stretch;
}
.flex-cross-axis-start{
	align-items: flex-start;
	-webkit-align-items: flex-start;
	-webkit-flex-align: start;
	-moz-align-items: flex-start;
	-ms-flex-align: start;
	-ms-align-items: flex-start;
}
.flex-cross-axis-center {
	align-items: center;
	-webkit-align-items: center;
	-webkit-flex-align: center;
	-moz-align-items: center;
	-ms-flex-align: center;
	-ms-align-items: center;
}
.flex-cross-axis-end{
	align-items: flex-end;
	-webkit-align-items: flex-end;
	-webkit-flex-align: end;
	-moz-align-items: flex-end;
	-ms-flex-align: end;
	-ms-align-items: flex-end;
}
.flex-cross-axis-baseline {
	align-items: baseline;
	-webkit-align-items: baseline;
	-webkit-flex-align: baseline;
	-moz-align-items: baseline;
	-ms-flex-align: baseline;
	-ms-align-items: baseline;
}
.flex-cross-axis-stretch{
	align-items: stretch;
	-webkit-align-items: stretch;
	-webkit-flex-align: stretch;
	-moz-align-items: stretch;
	-ms-flex-align: stretch;
	-ms-align-items: stretch;
}
.flex-cross-axis-stack-start{
	align-content: start;
	-webkit-align-content: start;
	-moz-align-content: start;
	-ms-align-content: start;
}
.flex-cross-axis-stack-center{
	align-content: center;
	-webkit-align-content: center;
	-moz-align-content: center;
	-ms-align-content: center;
}
.flex-cross-axis-stack-end {
	align-content: end;
	-webkit-align-content: end;
	-moz-align-content: end;
	-ms-align-content: end;
}
.flex-cross-axis-stack-space-between {
	align-content: space-between;
	-webkit-align-content: space-between;
	-moz-align-content: space-between;
	-ms-align-content: space-between;
}
.flex-cross-axis-stack-space-around{
	align-content: space-around;
	-webkit-align-content: space-around;
	-moz-align-content: space-around;
	-ms-align-content: space-around;
}
.flex-cross-axis-stack-stretch{
	align-content: stretch;
	-webkit-align-content: stretch;
	-moz-align-content: stretch;
	-ms-align-content: stretch;
}
.flex-align-self-start{
	align-self: flex-start;
	-webkit-align-self: flex-start;
	-moz-align-self: flex-start;
	-ms-align-self: flex-start;
}
.flex-align-self-center {
	align-self: center;
	-webkit-align-self: center;
	-moz-align-self: center;
	-ms-align-self: center;
}
.flex-align-self-end {
	align-self: flex-end;
	-webkit-align-self: flex-end;
	-moz-align-self: flex-end;
	-ms-align-self: flex-end;
}
.flex-align-self-stretch {
	align-self: stretch;
	-webkit-align-self: stretch;
	-moz-align-self: stretch;
	-ms-align-self: stretch;
}
@media screen and (min-width: 768px) {
    .d-hide { display: none;}
    .m-hide { display: block;}
    .d-marg-1 { margin: 1em !important;}
    .d-marg-t1{margin-top: 1em !important;}
    .d-marg-b1{margin-bottom: 1em !important;}
    .d-marg-l1{margin-left: 1em !important;}
    .d-marg-r1{margin-right: 1em !important;}
}

@media screen and (max-width: 767px) 
and (orientation: landscape) {
	#header {
		background-image: url("../img/bkgd-trees-mobile-l.png");
		background-position: bottom center;
	}
}

@media screen and (max-width: 767px) 
and (orientation: portrait) {
	.flexbox-desktop {
		display: block;
	}
	#header {
		background-image: url("../img/bkgd-trees-mobile-p.png");
		background-position: bottom center;
	}
	.box {
		width: auto;
	}
	.box .btn {
		margin: 20px auto;
		padding: 10px;
		width: auto;
	}
}

@media screen and (max-width: 767px) {
    .m-hide { display: none;}
    .d-hide { display: block;}
	
	body {
		font-size: 16px;
	}
	#nav, #footer {
		padding: 10px;
	}
	#home #nav-mobile .links li.home, #projects #nav-mobile .links li.projects, #about #nav-mobile .links li.about, #contact #nav-mobile .links li.contact {
		background-size: 22px;
	}
	#nav-mobile li {
		padding: 0px 7px 0px 22px;
	}
	ul.droplist {
		margin: 5px 0 0px 10px;
	}
	#nav-mobile {
		background-color: #CCE1F7;
		display: none;
		width: 100%;
		z-index: 100;
	}
	#nav-mobile ul li a, #nav-mobile ul li ul li a {
		color: #0A850C;
		font-size: 18px;
		padding: 5px;
		text-decoration: none;
	}
	.accordion {
		width: auto;
	}
	.accordion .accordion_content {
		padding: 0 10px;
	}
	.blocks .slideshow-container img, .block2 {
		margin-left: 0;
		width: 100%;
	}
	.flexbox-portrait {
		display: flex;
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flexbox;
	}
	.flex-wrap-portrait {
    		flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
    		-webkit-box-wrap: wrap;
		-moz-flex-wrap: wrap;  
    		-moz-box-wrap: wrap;
		-ms-flex-wrap: wrap;
    		-ms-flexbox-wrap: wrap;
	}
	.flex-nowrap-portrait {
    		flex-wrap: nowrap;
		-webkit-flex-wrap: nowrap;
    		-webkit-box-wrap: nowrap;
		-moz-flex-wrap: nowrap;
    		-moz-box-wrap: nowrap;
		-ms-flex-wrap: nowrap;
    		-ms-flexbox-wrap: nowrap;
	}
	.flex-wrap-reverse-portrait {
    		flex-wrap: wrap-reverse;
		-webkit-flex-wrap: wrap-reverse;
    		-webkit-box-wrap: wrap-reverse;
		-moz-flex-wrap: wrap-reverse;
    		-moz-box-wrap: wrap-reverse;
		-ms-flex-wrap: wrap-reverse;
    		-ms-flexbox-wrap: wrap-reverse;
	}
	.flex-column-portrait {
		flex-direction: column;
		-webkit-flex-direction: column;
		-webkit-box-direction: column;
		-ms-flex-direction: column;
	}
	.flex-column-reverse-portrait {
		flex-direction: column-reverse;
		-webkit-flex-direction: column-reverse;
		-webkit-box-direction: column-reverse;
		-ms-flex-direction: column-reverse;
	}
	.flex-row-portrait {
		flex-direction: row;
		-webkit-flex-direction: row;
		-webkit-box-direction: row;
		-ms-flex-direction: row;
	}
	.flex-row-reverse-portrait {
		flex-direction: row-reverse;
		-webkit-flex-direction: row-reverse;
		-webkit-box-direction: row-reverse;
		-ms-flex-direction: row-reverse;
	}
	.flexing-portrait {
		flex: 1 1 0px;
		-webkit-box-flex: 1 1 0px;
		-webkit-flex: 1 1 0px;
		-moz-box-flex: 1 1 0px;
		-ms-flex: 1 1 0px;
	}
	.flexing-auto-portrait {
		flex: 1 1 auto;
		-webkit-box-flex: 1 1 auto;
		-webkit-flex: 1 1 auto;
		-moz-box-flex: 1 1 auto;
		-ms-flex: 1 1 auto;
	}
	.flexing-none-portrait {
		flex: 0 0 auto;
		-webkit-box-flex:  0 0 auto;
		-webkit-flex:  0 0 auto;
		-moz-box-flex:  0 0 auto;
		-ms-flex:  0 0 auto;
	}
	.flex-order-one-portrait {
		order: 1;
		-webkit-box-ordinal-group: 1;
		-webkit-order: 1;
		-moz-box-ordinal-group: 1;
		-ms-flex-order: 1;
	}
	.flex-order-two-portrait {
		order: 2;
		-webkit-box-ordinal-group: 2;
		-webkit-order: 2;
		-moz-box-ordinal-group: 2;
		-ms-flex-order: 2;
	}
	.flex-order-three-portrait {
		order: 3;
		-webkit-box-ordinal-group: 3;
		-webkit-order: 3;
		-moz-box-ordinal-group: 3;
		-ms-flex-order: 3;
	}
	.flex-order-four-portrait {
		order: 4;
		-webkit-box-ordinal-group: 4;
		-webkit-order: 4;
		-moz-box-ordinal-group: 4;
		-ms-flex-order: 4;
	}
	.flex-space-between-portrait {
		justify-content: space-between;
		-webkit-justify-content: space-between;
		-webkit-box-pack: justify;
		-moz-justify-content: space-between;
		-moz-box-pack: justify;
		-ms-justify-content: space-between;
		-ms-flex-pack: justify;
	}
	.flex-space-around-portrait {
		justify-content: space-around;
		-webkit-justify-content: space-around;
		-webkit-box-pack: justify;
		-moz-justify-content: space-around;
		-moz-box-pack: justify;
		-ms-justify-content: space-around;
		-ms-flex-pack: justify;
	}
	.flex-both-axis-center-portrait {
		align-items: center;
		-webkit-align-items: center;
		-webkit-flex-align: center;
		-moz-align-items: center;
		-ms-flex-align: center;
		-ms-align-items: center;
		justify-content: center;
		-webkit-justify-content: center;
		-webkit-box-pack: center;
		-moz-justify-content: center;
		-moz-box-pack: center;
		-ms-justify-content: center;
		-ms-flex-pack: center;
	}
	.flex-main-axis-start-portrait {
		justify-content: flex-start;
		-webkit-justify-content: flex-start;
		-webkit-box-pack: start;
		-moz-justify-content: flex-start;
		-moz-box-pack: start;
		-ms-justify-content: flex-start;
		-ms-flex-pack: start;
	}
	.flex-main-axis-center-portrait {
		justify-content: center;
		-webkit-justify-content: center;
		-webkit-box-pack: center;
		-moz-justify-content: center;
		-moz-box-pack: center;
		-ms-justify-content: center;
		-ms-flex-pack: center;
	}
	.flex-main-axis-end-portrait {
		justify-content: flex-end;
		-webkit-justify-content: flex-end;
		-webkit-box-pack: end;
		-moz-justify-content: flex-end;
		-moz-box-pack: end;
		-ms-justify-content: flex-end;
		-ms-flex-pack: end;
	}
	.flex-main-axis-stretch-portrait {
		justify-content: stretch;
		-webkit-justify-content: stretch;
		-webkit-box-pack: stretch;
		-moz-justify-content: stretch;
		-moz-box-pack: stretch;
		-ms-justify-content: stretch;
		-ms-flex-pack: stretch;
	}
	.flex-cross-axis-start-portrait {
		align-items: flex-start;
		-webkit-align-items: flex-start;
		-webkit-flex-align: start;
		-moz-align-items: flex-start;
		-ms-flex-align: start;
		-ms-align-items: flex-start;
	}
	.flex-cross-axis-center-portrait {
		align-items: center;
		-webkit-align-items: center;
		-webkit-flex-align: center;
		-moz-align-items: center;
		-ms-flex-align: center;
		-ms-align-items: center;
	}
	.flex-cross-axis-end-portrait {
		align-items: flex-end;
		-webkit-align-items: flex-end;
		-webkit-flex-align: end;
		-moz-align-items: flex-end;
		-ms-flex-align: end;
		-ms-align-items: flex-end;
	}
	.flex-cross-axis-baseline-portrait {
		align-items: baseline;
		-webkit-align-items: baseline;
		-webkit-flex-align: baseline;
		-moz-align-items: baseline;
		-ms-flex-align: baseline;
		-ms-align-items: baseline;
	}
	.flex-cross-axis-stretch-portrait {
		align-items: stretch;
		-webkit-align-items: stretch;
		-webkit-flex-align: stretch;
		-moz-align-items: stretch;
		-ms-flex-align: stretch;
		-ms-align-items: stretch;
	}
	.flex-cross-axis-stack-start-portrait {
		align-content: start;
		-webkit-align-content: start;
		-moz-align-content: start;
		-ms-align-content: start;
	}
	.flex-cross-axis-stack-center-portrait {
		align-content: center;
		-webkit-align-content: center;
		-moz-align-content: center;
		-ms-align-content: center;
	}
	.flex-cross-axis-stack-end-portrait {
		align-content: end;
		-webkit-align-content: end;
		-moz-align-content: end;
		-ms-align-content: end;
    }
	.flex-cross-axis-stack-space-between-portrait {
		align-content: space-between;
		-webkit-align-content: space-between;
		-moz-align-content: space-between;
		-ms-align-content: space-between;
	}
	.flex-cross-axis-stack-space-around-portrait {
		align-content: space-around;
		-webkit-align-content: space-around;
		-moz-align-content: space-around;
		-ms-align-content: space-around;
	}
	.flex-cross-axis-stack-stretch-portrait {
		align-content: stretch;
		-webkit-align-content: stretch;
		-moz-align-content: stretch;
		-ms-align-content: stretch;
	}
	.flex-align-self-start-portrait {
		align-self: flex-start;
		-webkit-align-self: flex-start;
		-moz-align-self: flex-start;
		-ms-align-self: flex-start;
	}
	.flex-align-self-center-portrait {
		align-self: center;
		-webkit-align-self: center;
		-moz-align-self: center;
		-ms-align-self: center;
	}
	.flex-align-self-end-portrait {
		align-self: flex-end;
		-webkit-align-self: flex-end;
		-moz-align-self: flex-end;
		-ms-align-self: flex-end;
	}
	.flex-align-self-stretch-portrait {
		align-self: stretch;
		-webkit-align-self: stretch;
		-moz-align-self: stretch;
		-ms-align-self: stretch;
	}
}
/*END MOBILE FLEXBOX SECTION*/