@media screen and (min-width:1000px) {        					/*** DESKTOP BEGINS ***/
  main {padding-top:0}
  #indexCal {
    border:3px solid #23408F;
	box-shadow:2px 2px 4px #666
  }  
  #indexCenter {
    display:flex;
	flex-direction:row;
    position:relative;
	top:0;							/* was top:-10px; */
    width:99% !important;
    height:auto;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
	padding-top:87px; 				/* padding-top:25px; */
    background:#FFF;
    overflow:hidden;
  }
  @-moz-document url-prefix() {
    #leftContent {padding-top:25px}
  }
  #leftContent {
    display:flex;
	flex-direction:column;
    width:66%;
    height:915px !important;
    float:left;
    text-align:center;
    margin:0 auto !important;    
    background:#FFF
  }  
  #hello {
    position:relative;
    top:-90px;
    height:48px;
    background:#FFF;
    color:#000;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
    font-family:geneva, helvetica, arial, sans-serif;
    font-size:1.20em;
    font-weight:bold;
    padding:0;
    line-height:1.2;
  }
  div#news_25 {
    position:relative;
    top:-50px;
    left:12px;
    width:610px;
    height:775px;
    padding:5px 10px;
    border:1px solid #23408F;
	text-align:left;
	overflow-x:hidden;
	overflow-y:scroll
  }
  #rightContent {
    display:flex;
	flex-direction:column;
    width:33%;
    height:915px;
    float:right;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
	background:#FFF
  }
  #calDisplay {
	position:relative;
	top:-55px;
	left:13px;	
	width:265px;                         /* was 285 px */
	height:210px;
	text-align:center;
	margin-left:auto;  
	margin-right:auto;
	background:#FFF
  }
  #graphicLinks {
	position:relative;
	top:-25px;
	left:13px;
	text-align:center;
	margin-left:auto;  
	margin-right:auto;
	padding-top:10px;
	width:285px;
	background:#FFF
  }
  #socials {
    display:flex;
	flex-direction:row;
	align-items:center;
	justify-content:center;
	order:5;
	position:relative;
	width:285px;
	height:auto;	
	background:#FFF
  } 
  .ui-tooltip {
    padding:10px 20px; 
	background:#23408F; 
	border:2px solid #FFF; 
	color:#FFF; 
	font-family:geneva, helvetica, arial, sans-serif;
    font-size:0.90em; 	 
	box-shadow:2px 2px 7px black;
	border-radius:15px;
  }  
} 																/*** DESKTOP ENDS ***/


@media screen and (min-width:771px) and (max-width:999px) { 	/*** TABLET BEGINS ***/
  main {padding-top:0; background:#FFF !important}
  #indexCal {
    border:3px solid #23408F;
	box-shadow:2px 2px 4px #666
  }  
  #indexCenter {
    display:flex;
	flex-direction:row;
    position:relative;
	top:-10px;
    width:100% !important;
    height:100% !important;  /* was auto */
    text-align:center;
    margin-left:auto;
    margin-right:auto;
	padding-top:87px;        /* was 25px */
    background:#FFF;
    overflow:hidden;
  }
  @-moz-document url-prefix() {
    #leftContent {padding-top:25px}
  }
  #leftContent {
    display:flex;
	flex-direction:column;
    width:50%;
    height:915px !important;
    float:left;
    text-align:center;
    margin:0 auto !important;    
    background:#FFF
  }  
  #hello {    
    position:relative;
    top:-90px;
    height:48px;
    background:#FFF;
    color:#000;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
    font-family:geneva, helvetica, arial, sans-serif;
    font-size:1.20em;
    font-weight:bold;
    padding:0;
    line-height:1.2;
  }
  div#news_25 {
    position:relative;
    top:-50px;
    left:12px;
    /*width:610px;*/
    height:775px;
    padding:5px 10px;
    border:1px solid #23408F;
	text-align:left;
	overflow-x:hidden;
	overflow-y:scroll
  }
  #rightContent {
    display:flex;
	flex-direction:column;
    width:310px !important;
    height:915px;
    float:right;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
	background:#FFF
  }
  #calDisplay {
	position:relative;
	top:-55px;
	left:13px;	
	width:258px;                                              /* was 285px */
	height:210px;
	text-align:center;
	margin-left:auto;  
	margin-right:auto;
	background:#FFF
  }
  #graphicLinks {
	position:relative;
	top:-25px;
	left:13px;
	text-align:center;
	margin-left:auto;  
	margin-right:auto;
	padding-top:10px;
	width:285px;
	background:#FFF
  }
  #socials {
    display:flex;
	flex-direction:row;
	align-items:center;
	justify-content:center;
	order:5;
	position:relative;
	width:285px;	
	line-height:1.75;
	height:auto;	
	background:#FFF
  }
  .ui-tooltip {
    padding:10px 20px; 
	background:#23408F; 
	border:2px solid #FFF; 
	color:#FFF; 
	font-family:geneva, helvetica, arial, sans-serif;
    font-size:0.90em; 	 
	box-shadow:2px 2px 7px black;
	border-radius:15px;
  }
}  																/*** TABLET ENDS ***/


@media screen and (max-width:770px) {  							/*** MOBILE BEGINS ***/
  main {padding-top:0; background:#FFF !important}  
  #indexCal {
    border:3px solid #23408F;
	box-shadow:2px 2px 4px #666
  } 
	
  #indexCenter {
    display:flex;
	flex-direction:column;
    position:relative;
	top:-10px;
    width:100%;
    height:auto;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
	padding-top:100px;
    background:#FFF;
    overflow:hidden
  }
  #leftContent {
    display:flex;
	flex-direction:column;
	position:relative;
	top:-10px;
    width:100%;
    height:915px;
    /* float:left; */
    text-align:center;
    margin-left:auto;
    margin-right:auto;    
    background:#FFF
  } 
  @-moz-document url-prefix() {
    #leftContent {padding-top:25px}
  } 
  #hello {
    position:relative;
    top:-90px;
	width:100%;
    height:48px;
    background:#FFF;
    color:#000;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
    font-family:geneva, helvetica, arial, sans-serif;
    font-size:1.20em;
    font-weight:bold;
    padding:0;
    line-height:1.2
  }
  div#news_25 {
    position:relative;
    top:-50px;
    left:3%;  					/* was 2% */
    width:87%;  				/* was 90% */
    height:775px;
    padding:5px 10px;
    border:1px solid #23408F;
	text-align:left;
	overflow-x:hidden;
	overflow-y:scroll
  }
  #rightContent {
    display:flex;
	flex-direction:column;
	position:relative;
    top:-20px;
    width:100%;
    height:auto;
    /* float:right; */
    text-align:center;
    margin-left:auto;
    margin-right:auto;
	background:#FFF
  }
  #calDisplay {
	position:relative;
	top:-55px;
	left:0;   						/* was 13px */	
	width:258px;  					/* was 285px */
	height:210px;
	text-align:center;
	margin-left:auto;  
	margin-right:auto;
	background:#FFF
  }
  #graphicLinks {
	position:relative;
	top:-25px;
	left:0; 						/* was 13px */	
	text-align:center;
	margin-left:auto;  
	margin-right:auto;
	padding-top:10px;
	width:285px;
	background:#FFF
  }
  #socials {
    display:flex;
	flex-direction:row;
	align-items:center;
	justify-content:center;
	order:5;
	position:relative;
	width:285px;
	height:auto;	
	background:#FFF
  }
  .ui-tooltip {
    padding:10px 20px; 
	background:#23408F; 
	border:2px solid #FFF; 
	color:#FFF; 
	font-family:geneva, helvetica, arial, sans-serif;
    font-size:0.90em; 	 
	box-shadow:2px 2px 7px black;
	border-radius:15px;
  }
}   															/*** MOBILE ENDS ***/