Template:Portal container/style.css

.portal-container{
	padding:10px;
	border:1px gray solid;
	border-radius:3px;
	max-height:600px;
	overflow:scroll;
}

.portal-container-half{
	width:49%;
}

.portal-container-full{
	width:100%;
}

/*bringing some of the bootstrap framework*/
.col-1{flex:0 0 auto;width:8%}
.col-2{flex:0 0 auto;width:16%}
.col-3{flex:0 0 auto;width:25%}
.col-4{flex:0 0 auto;width:33%}
.col-5{flex:0 0 auto;width:41%}
.col-6{flex:0 0 auto;width:50%}
.col-7{flex:0 0 auto;width:58%}
.col-8{flex:0 0 auto;width:66%}
.col-9{flex:0 0 auto;width:75%}
.col-10{flex:0 0 auto;width:83%}
.col-11{flex:0 0 auto;width:91%}
.col-12{flex:0 0 auto;width:100%}

@media only screen and (max-width:768px){
	.portal-container-half{
		width:100%;
	}
	.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12{width:100%;}
	.portal-container{
		max-height:0.8vh;
		min-height:400px;
	}
}