/* CSS Document 
1920x1080	
1366x768	
1280x1024	
1280x800	
1024x768
*/
* {
    margin: 0;
}
.maindiv{
	height: 100vh;
	background-color: #ffffff;
	display: flex;
  	justify-content: center;
  	align-items: center;
  	background-repeat: no-repeat;

}
.imageback{
	width: 100%;
	height: 100%;
	z-index: -1;
	position: absolute;
}
.maindiv a{
	text-decoration: none; 
	color: black;
}
.portaljrcm{
	/*background-color: #DAA520;
	background-image: url("../image/logoicons/jrmlogo.png");*/
}
.divsub-a{
	border: 3px solid yellow;
	box-shadow: inset 0px 0px 40px 5px rgba(0,0,0,0.9);
	background-repeat: repeat;
	background-blend-mode: saturation;
	background-size: 20px;
	padding: 1%;
	/*declare min high and width*/
	min-height: 470px;
	min-width: 920px;
	max-width: 920px;
	max-height: 450px;
}
.divsub-a-b p{
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 68px;
	letter-spacing: -0.4px;
	word-spacing: 0.6px;
	font-weight: 400;
	text-decoration: none;
	font-style: normal;
	font-variant: small-caps;
	text-transform: capitalize;
	text-shadow: 1px 2px 5px rgba(0,0,0,1);
	color: white;
	margin-left: 5%;
}
.centerdiv{
	float: left;
	border: 3px solid blue;
  	content: "";
  	clear: both;
  	padding: 3%;
}
.divsub-a-a{
	float: left;
	width: 30%;
	height: 100%;
}
.divsub-a-b{
	float: left;
	width: 68%;
	height: 60%;
}
.divsub-a-c{
	float: left;
	width: 64%;
	height: 39%;
	padding-left: 4%;
	padding-top: 1%;
}
.divsub-a-c p{
	font-family: "Footlight MT Light", Gadget, sans-serif;
	font-size: 14px;
	letter-spacing: 1.5px;
	word-spacing: 1px;
	font-weight: 400;
	text-decoration: none;
	font-style: normal;
	font-variant: small-caps;
	text-transform: capitalize;
	text-shadow: 5px 5px 10px rgba(0,0,0,5);
	color: white;
}
.divsub-a-a img{
	width: 90%;
	height: 80%;
	filter: drop-shadow(1px 1px 10px #36383F);
	display:inherit;
	margin-top: 15%;
	margin-left: auto;
	margin-right: auto;
}
/* Some media queries for responsiveness */
@media screen and (max-width: 950px) {
	.divsub-a{
		/*declare min high and width*/
		min-height: 440px;
		min-width: 400px;
	}
}
@media screen and (max-width: 780px) {
	.divsub-a{
		/*declare min high and width*/
		min-height: 420px;
		min-width: 360px;
	}
	.divsub-a-b{
		width: 63%;
		height:90%;
		padding-top: 5%;
	}
	.divsub-a-c{
		height: 39%;
	}
	.divsub-a-b p{
		font-size: 40px;
		margin-left: 5%;
	}
}
@media screen and (max-width: 675px) {
	.divsub-a-c{
		width: 90%;
		height: 39%;
	}
}

/*animation*/
.centerdiv {
    background: linear-gradient(270deg, #e5bf00, #bdcbcb, #4f7fd8, #22b61f);
    background-size: 800% 800%;

    -webkit-animation: AnimationName 30s ease infinite;
    -moz-animation: AnimationName 30s ease infinite;
    -o-animation: AnimationName 30s ease infinite;
    animation: AnimationName 30s ease infinite;
}

@-webkit-keyframes AnimationName {
    0%{background-position:0% 54%}
    50%{background-position:100% 47%}
    100%{background-position:0% 54%}
}
@-moz-keyframes AnimationName {
    0%{background-position:0% 54%}
    50%{background-position:100% 47%}
    100%{background-position:0% 54%}
}
@-o-keyframes AnimationName {
    0%{background-position:0% 54%}
    50%{background-position:100% 47%}
    100%{background-position:0% 54%}
}
@keyframes AnimationName {
    0%{background-position:0% 54%}
    50%{background-position:100% 47%}
    100%{background-position:0% 54%}
}