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:7%}
.col-2{flex:0 0 auto;width:15%}
.col-3{flex:0 0 auto;width:24%}
.col-4{flex:0 0 auto;width:32%}
.col-5{flex:0 0 auto;width:40%}
.col-6{flex:0 0 auto;width:49%}
.col-7{flex:0 0 auto;width:57%}
.col-8{flex:0 0 auto;width:65%}
.col-9{flex:0 0 auto;width:76%}
.col-10{flex:0 0 auto;width:84%}
.col-11{flex:0 0 auto;width:90%}
.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;
	}
}