* {
	box-sizing : border-box;
}
html,
body {
	margin: 0;
}

.page-content {
	
	height : 100vh;
	width : 100vw;
	overflow-y: scroll;
	overflow-x: hidden;
}

.flex {
	display : flex;
}
.flex-column {
	flex-direction : column;
	
}
.flex-wrap {
	flex-wrap: wrap;
}


.r-p-wrap{
	max-width: 520px;
	float: left;
	flex-grow : 1;
	width : 100%;
	overflow-y: hidden;
	
	
	
}

.float-right-pull{
	
	
	float: right;
	flex-grow : 1;
	padding-right: 20%;
	padding-left: 30px;
	width : 50%;
	overflow-y: hidden;
			
display: none;

	
}

.img-side{
	
	width: 100%;
}


.img-side::-webkit-scrollbar { width: 0 !important }



.flex-item {
	flex-grow : 1;
	height : 50vh;
	width : 33.333vw;
	overflow-y: scroll;
	
}

.flex-item-full {
	flex-grow : 1;
	height : 100vh;
	width : 33.333vw;
	overflow-y: scroll;
	
	
}

.flex-logo {
	flex-grow : 1;
	height : 15vh;
	width : 33.333vw;
	background: red;
	
}

.flex-sidebar {
	flex-grow : 1;
	height : 85vh;
	width : 33.333vw;
	background: red;
	
}

.perp {
	
	transform: rotate(90deg);
	margin: 30px;
	
}

.flex-perp {
	flex-grow : 1;
	height : 50vh;
	width : 33.333vw;
	overflow-y: hidden;
	overflow-x: scroll;
	padding:0px;
	
}

.skew{
	transform:skewY(20deg);
}


.flex-gold-r {
	flex-grow : 1;
	
	width : 100vw;
	overflow-y: scroll;
	
}

.flex-gold-l {
	flex-grow : 1;
	
	width : 100vw ;
	overflow-y: scroll;
	
}
	

.half {
	height: 50vh;
	
}

.full {
	
}



.flex-foot {
	flex-grow : 1;
	height: 30px;
	width : 100% ;
	overflow-y: scroll;
	border-top: 1px black solid;
}









@media only screen and (min-width: 580px) {

	.page-content {
	
	
	overflow-y: hidden;
	overflow-x: hidden;
}

	
	
.flex-gold-r {
	flex-grow : 1;
	
	width : 61vw;
	overflow-y: scroll;
	
}

.flex-gold-l {
	flex-grow : 1;
	height: 100vh;
	width : 39vw ;
	overflow-y: scroll;
	
}
	

.half {
	height: 50vh;
	
}

.full {
	height: 100vh;
}
		.float-right-pull{
display: block;
}

}






@media only screen and (min-width: 920px) {

	.page-content {
	
	
	overflow-y: hidden;
	overflow-x: hidden;
}


.flex-gold-r {
	flex-grow : 1;
	
	width : 80vw;
	overflow-y: scroll;
	
}
	.r-p-wrap{
	max-width: 520px;
	float: left;
	flex-grow : 1;
	
	width : 50%;
	overflow-y: hidden;
	
	
	
}

.flex-gold-l {
	flex-grow : 1;
	height: 100vh;
	width : 20vw ;
	overflow-y: scroll;
	
}
	

.half {
	height: 50vh;
	
}

.full {
	height: 100vh;
}