#session-modal {
	z-index: 999;
}

@media screen and (max-width:380px) {
	#session-modal .modal-content  { /*added 9/14/2017*/
		width: 95%;
		height: 80%;
		position:absolute;
		left: 0;
		right: 0;
		bottom: 0;
		/*top: 3%;*/
		display: inline; 
		background-color: #f9f9f9;
		color: #06213F;
		font-family:Arial, sans-serif;
		font-size: inherit;
		/*margin-top: 5%;*/
		/*margin-bottom: 15%;*/

		margin: 10% auto;
		top: -10%;
	}
	#session-modal .new-modal-content  { /*added 9/14/2017*/
		width: 95%;
		height: 80%;
		position:absolute;
		left: 0;
		right: 0;
		bottom: 0;
		top: 3%;
		display: inline; 
		background-color: #f9f9f9;
		color: #06213F;
		font-family:Arial, sans-serif;
		font-size: inherit;
		margin-top: 5%;
		margin-bottom: 15%;
	}
	#session-modal .modal-footer {
		font-size: 11px; 
		color: #06213F;
		margin: 10% auto; /* 15% from the top and centered */
		padding: 10px;
		border: 5px solid #06213F;
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		top: 49.5%;
		width: 640px;  /*Could be more or less, depending on screen size*/
		height: 20px;	
	}
}
@media screen and (min-width:380px ) and ( max-width:768px ){
	#session-modal .modal-content  { /*added 9/14/2017*/
		width: 95%;
		height: 80%;
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		/*top: 1%;*/
		display: inline-block; 
		background-color: #f9f9f9;
		color: #06213F;
		font-family:Arial, sans-serif;
		font-size: 14px;
		/*margin-top: 5%;*/
		/*margin-bottom: 15%;*/

		margin: 10% auto;
		top: -10%;
	}
	#session-modal .new-modal-content  { /*added 9/14/2017*/
		width: 95%;
		height: 80%;
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		top: 1%;
		display: inline-block; 
		background-color: #f9f9f9;
		color: #06213F;
		font-family:Arial, sans-serif;
		font-size: 14px;
		margin-top: 5%;
		margin-bottom: 15%;
	}
	#session-modal .modal-footer {
		font-size: 11px; 
		color: #06213F;
		margin: 10% auto; /* 15% from the top and centered */
		padding: 10px;
		border: 5px solid #06213F;
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		top: 49.5%;
		width: 640px;  /*Could be more or less, depending on screen size*/
		height: 20px;
	}
}
@media screen and (min-width:769px) and (max-width:3000px){
	#session-modal .modal-content  { /*added 9/14/2017*/
		width: 95%;
		height: 85%;
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		display: inline-block; 
		background-color: #f9f9f9;
		color: #06213F;
		font-family: Arial, sans-serif;
		font-size: 14px;
		/*margin-top: 9%;*/
		/*margin-bottom: 15%;*/

		margin: 10% auto;
		top: -10%;
	}
	#session-modal .new-modal-content  { /*added 9/14/2017*/
		width: 95%;
		height: 85%;
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		display: inline-block; 
		background-color: #f9f9f9;
		color: #06213F;
		font-family: Arial, sans-serif;
		font-size: 14px;
		margin-top: 9%;
		margin-bottom: 15%;
	}
	#session-modal .modal-footer {
		font-size: 11px; 
		color: #06213F;
		margin: 10% auto; /* 15% from the top and centered */
		padding: 10px;
		border: 5px solid #06213F;
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		top: 49.5%;
		width: 640px;  /*Could be more or less, depending on screen size*/
		height: 20px;
	}
}