@import url("all.css");
	
	:root {
			--blue: #0066EE;
			--white: #ffffff;
			--black: black;
			--grey: grey;
			--lightpurple: #D99BFF;
			--darkpurple: #9747FF;
			--deepblue: #1604d4;
			--lightblue: #f7f9fa;
			--darkerlightblue: #eef5ff;
		}
				
		
		.modalDialog {
			color: black;
		  position: fixed;
		  top: 0;
		  right: 0;
		  bottom: 0;
		  left: 0;
		  z-index: 99999;
		  display: none;
		  -webkit-transition: opacity 400ms ease-in;
		  -moz-transition: opacity 400ms ease-in;
		  transition: opacity 400ms ease-in;
		  pointer-events: none;
		}
		.modalDialog:target {
		  display: block;
		  pointer-events: auto;
		}
		
		
		.closeSidebarModal {
		  background: white;
		  color: black;
		  line-height: 25px;
		  position: absolute;
		  right: -12px;
		  text-align: center;
		  top: -10px;
		  width: 24px;
		  text-decoration: none;
		  font-weight: bold;
		  -webkit-border-radius: 12px;
		  -moz-border-radius: 12px;
		  border-radius: 12px;
		  -moz-box-shadow: 1px 1px 3px #000;
		  -webkit-box-shadow: 1px 1px 3px #000;
		  box-shadow: 1px 1px 3px #000;
		}
		.closeSidebarModal:hover {
		  background: grey;
		  color: white;
		}
		
		
		
		.col-100 {
			width: 100%;
		}
		
		body {
		  background-color: white;  /*#f8edff */
		}
		
		
		/* Add a black background color to the top navigation */
		.topnav {
		  
		  width: 100%;
		  overflow: auto; /*hidden;*/
		  background-color: var(--blue);
		  font-family: Roboto;
		  font-weight: 400;
			
		}

		/* Style the links inside the navigation bar */
		.topnav a{
		  float: left;
		  display: block;
		  color: var(--white);
		  /*text-align: left;*/
		  padding: 14px 16px;
		  /*padding: 12px;*/
		  text-decoration: none;
		  text-align: center; /* If you want the text to be centered */
		  /*font-size: 18px;*/
		  width: 20%;
		}

		/* Add an active class to highlight the current page */
		.active {
		  background-color: #ccc;
		  color: var(--white); /*white;*/
		}

		/* Hide the link that should open and close the topnav on small screens */
		.topnav .icon {
		  display: none;
		}

		/* Dropdown container - needed to position the dropdown content */
		.dropdown {
		  float: left;
		  overflow: hidden; /*auto; */
		  /*width: 20%;*/
		}

		/* Style the dropdown button to fit inside the topnav */
		.dropdown .dropbtn {
		  /*font-size: 17px;*/
		  border: none;
		  outline: none;
		  color: white;
		  padding: 14px 16px;
		  background-color: inherit;
		  font-family: inherit;
		  margin: 0;
		  
		}

		/* Style the dropdown content (hidden by default) */
		.dropdown-content {
		  display: none;
		  position: absolute;
		  background-color: #f9f9f9;
		  min-width: 160px;
		  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
		  z-index: 1;
		  
		}

		/* Style the links inside the dropdown */
		.dropdown-content a {
		  float: none;
		  color: black;
		  padding: 12px 16px;
		  text-decoration: none;
		  display: block;
		  text-align: left;
		  width: inherit; /* changed parameter */
		}

		/* Add a dark background on topnav links and the dropdown button on hover */
		.topnav a:hover, .dropdown:hover .dropbtn {
		  background-color: white;
		  color: var(--blue); /*#9747FF; /*black*/
		  /*#845ecc;*/
		  /*opacity: 1;*/
		  /* width: auto;  changed parameter */
		}
		
		/* Add a grey background to dropdown links on hover */
		.dropdown-content a:hover {
		  background-color: #ddd;
		  color: black;
		}
		
		/* Show the dropdown menu when the user moves the mouse over the dropdown button */
		.dropdown:hover .dropdown-content {
		  display: block;
		}
		
		
		
		.topnavMargins {
			margin-top: 10px;
		}
		
		.topnavMargins1 {
			margin-top: 17px;
		}
		
		
		#logo {
			float: left;

		}
		#logoname {
			padding-top: 35px;
			
		}
		
		.logopos {
			float: left;
		  width: 90%;
		  padding: 10px;
		  height: auto;
		}
		
		.btnFormat {
			background-color: var(--blue);
			color: var(--white);
			padding: 5px 10px;
			border: 1px solid #9B9191;
			box-sizing: border-box;
			border-radius: 10px;
			cursor: pointer;
			width: auto;
			
			opacity: 1;
		}
		
		
		.taglineMain {
			float: left;
			font-family: Roboto;
			font-style: normal;
			color: black; /*#1E1D1E; */
			font-weight: 300;
			
			line-height: 26px;
		}
		
		.writeupFormat {
			margin-left: 0px;
			padding-right: 10px;
			font-family: Roboto;
			font-style: normal;
			font-weight: 300;
			line-height: 26px;
			letter-spacing: 0px;
			word-spacing: 2px;
			opacity: 1;
		}
		
		.writeupParaMargins {
			margin-top: 15px;
			margin-bottom: 20px;
		}
		
		.writeupParaColor {
			background-color: var(--lightblue);
		}
		
		.sidesection {
			
			font-family: Roboto;
			font-style: normal;
			font-weight: 400;
			line-height: 21px;
		}
		.sidebar {
		
		height: 350px;
		background: white; /*#E7E5E9;*/
		border: 0px solid black;
		border-radius: 10px;
		overflow-x: scroll;
		box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.1);
		transition: 0.5s;
		padding-top: 10px;
		padding-left: 10px;
		
		/*background-color: var(--lightblue);*/
		}
		
		.simple {
			font-family: Roboto;
			font-style: normal;
			font-weight: 300;
			font-size: 14px;
		}
		
		.restroomdata a {
			text-decoration: none;
			color: var(--blue);
		}
		
		#map {
		
		height: 480px;
		
		/*border: 1px solid black;
		border-radius: 10px;*/
		}
		
		#searchInput {
		/*position: relative;
		top: 120px;
		left: 200px;*/
		background-image: url('https://cdn1.iconfinder.com/data/icons/hawcons/32/698627-icon-111-search-512.png');
		  background-repeat: no-repeat;
		  background-position: left center;
		  background-size: 30px;
		z-index: 1;
		height: 30px;
		padding-left: 35px;
		margin-left: 0px;
		border: 1px solid black;
		border-radius: 10px;
		}
		
		#addLocNote {
		float: left;
		height: 36px;
		/*background: linear-gradient(137.31deg, rgba(240, 255, 71, 0.44) 35.88%, rgba(255, 181, 71, 0.213858) 60.32%, rgba(253, 255, 155, 0.44) 76.01%);*/
		background: white; /*#9747FF; /*#D99BFF;*/
		opacity: 1;
		border: none; /*1px solid #000000;*/
		box-sizing: border-box;
		/*box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.25);*/
		border-radius: 5px;
		font-family: Roboto;
		font-style: italic;
		font-weight: bold;
		
		line-height: 35px;
		text-align: left;
		padding-left: 3px;
		padding-right: 3px;
		color: var(--blue); /*#5E5C5F;*/
		}
		
		#terms {
		float: right;
		padding: 10px;
		}
		#copyright {
		float: right;
		padding: 10px;
		}
		
		
		#loginpage {
			float: left;
			margin-right: 5px;  /*20*/
			margin-top: 0px;
						
			padding: 3px 10px;
			border: 2px solid var(--blue);
			box-sizing: border-box;
			border-radius: 10px;
			cursor: pointer;
			width: 70px;
			height: 30px;
			text-align: center;
			text-decoration: none;
		}
		
		.welcomelogin {
			float: right;
			padding-right: calc((100vw - 900px)/4); /*90*/
			
		}
		
		.logoutpage {
			float: right;
			margin-right: 10px;
		}
		
		.welcomemsg {
			float: left;
			margin-right: 10px; /*20*/
		}
		
		.signup-button {
			/*float: right; */
			height: 30px;
			width: 70px;
			background-color: var(--blue);/*#0066EE;/*#0012d2;/* #9747FF; /*#D99BFF;*/
			color: white;
			padding: 5px;
			
			border: none;
			border-radius: 10px;
			cursor: pointer;
			opacity: 1;
			font-family: roboto, sans-serif;
			font-style: normal;
			font-weight: normal;
			
		}
		
		.signup-button:hover {
			opacity: 1;
		}
		
		#logindiv {
			display: flex;
			column-gap: 3px; /*10*/
			justify-content: space-between;
			
			font-family: roboto, sans-serif;
			font-style: normal;
			font-weight: normal;
			
		}
		
		#welcomediv {
			display: flex;
			column-gap: 20px; /*20*/
			justify-content: space-between;
			font-family: roboto, sans-serif;
			font-style: normal;
			font-weight: normal;
			
		}
		
		.babygirlImageDiv {
			height: auto;
			
			float: right;
			/*border: 1px solid black;*/
		}
		
				
		
		/* Responsive Website Code */
		/* For mobile phones: */
		[class*="col-"] {
			float: left;
		}
		
		.row::after {
		  content: "";
		  clear: both;
		  display: table;
		}
		
		/*
		.open-button {
		background-color: #D99BFF;
		color: #FFFBFB;
		width: 150px;
		height: 40px;
		top: 10px;
		border: 1px solid #9B9191;
		box-sizing: border-box;
		box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.25);
		border-radius: 10px;
		filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
		font-family: roboto, sans-serif;
		font-style: normal;
		font-weight: normal;
		font-size: 16px;
		line-height: 28px;
		text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.25);
		}*/
		
		/*---------------------------dropdown for profile---------------------------------- */
		
		/* Dropdown content (hidden by default) */
		.dropdown-content {
		  display: none;
		  position: absolute;
		  background-color: #f9f9f9;
		  min-width: 160px;
		  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
		  z-index: 1;
		  margin-top: 45px;
		}

		/* Links inside the dropdown */
		.dropdown-content a {
		  float: none;
		  color: black;
		  padding: 12px 16px;
		  text-decoration: none;
		  display: block;
		  text-align: left;
		}

		/* Add a grey background color to dropdown links on hover */
		.dropdown-content a:hover {
		  background-color: #ddd;
		}

		/* Show the dropdown menu on hover */
		.dropdown:hover .dropdown-content {
		  display: block;
		}
		
		.show {
		  display: block;
		}
		
		
		/*-------------------------------- user profile form ------------------------------*/
		
		
		/* The popup form - hidden by default */
		#createteamform {
		display: none;
		position: fixed; /* Stay in place */
		z-index: 1; /* Sit on top */
		padding-top: 120px; /* Location of the box */
		left: 0;
		top: 0;
		width: 100%; /* Full width */
		height: 100%; /* Full height */
		overflow: auto; /* Enable scroll if needed */
		background-color: rgb(0,0,0); /* Fallback color */
		background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
		border: 3px solid grey;
		border-radius: 10px;
		font-family: Roboto;
		}
		
		.createteam-container {
		max-width: 300px;
		width: 60%;
		background-color: #fefefe;
		margin: auto;
		padding: 20px;
		border: 1px solid #888;
		}
		
		
		
		.createteam-container .saveteam {
		background-color: var(--blue);
		cursor: pointer;
		width: 90px;
		height: 35px;
		margin-bottom:10px;
		opacity: 1; /*0.8;*/
		color: white;
		border: 1px solid #9B9191;
		box-sizing: border-box;
		box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.25);
		border-radius: 10px;
		position: relative; 
		
		font-family: Roboto;
		}
		
		.createteam-container .cancelteam {
			background-color: grey;
		}
		
		#jointeamform {
		display: none;
		position: fixed; /* Stay in place */
		z-index: 1; /* Sit on top */
		padding-top: 120px; /* Location of the box */
		left: 0;
		top: 0;
		width: 100%; /* Full width */
		height: 100%; /* Full height */
		overflow: auto; /* Enable scroll if needed */
		background-color: rgb(0,0,0); /* Fallback color */
		background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
		border: 3px solid grey;
		border-radius: 10px;
		font-family: Roboto;
		font-size: 14px;
		}
		
		#selectTeamLabel {
			margin-right: 20px;
		}
		
		.jointeam-container {
		max-width: 300px;
		width: 60%;
		background-color: #fefefe;
		margin: auto;
		padding: 20px;
		border: 1px solid #888;
		}
		
		
		
		
		
		.jointeam-container .savejointeam {
		background-color: var(--blue);
		cursor: pointer;
		width: 90px;
		height: 35px;
		margin-bottom:10px;
		opacity: 1; /*0.8;*/
		color: white;
		border: 1px solid #9B9191;
		box-sizing: border-box;
		box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.25);
		border-radius: 10px;
		position: relative; 
		margin-top: 20px;
		font-family: Roboto;
		}
		
		.jointeam-container .canceljointeam {
			background-color: grey;
		}
		
		/* ---------------- change password ------------*/
		/* The popup form - hidden by default */
		.cp-popup {
		/*display: none;*/
		
		position: fixed; /* Stay in place */
		z-index: 1; /* Sit on top */
		padding-top: 120px; /* Location of the box */
		left: 0;
		top: 0;
		width: 100%; /* Full width */
		height: 100%; /* Full height */
		overflow: auto; /* Enable scroll if needed */
		background-color: rgb(0,0,0); /* Fallback color */
		background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
		border: 3px solid grey;
		border-radius: 10px;
		font-family: Roboto;
		font-weight: normal;
		
		}

		/* Add styles to the form container */
		
		.cp-container {
		max-width: 300px;
		width: 60%;
		background-color: #fefefe;
		margin: auto;
		padding: 20px;
		border: 1px solid #888;
		border-radius: 10px;
		/*font-family: Roboto;
		font-weight: normal;
		font-size: 14px;
		*/
		}
		
		

		/* Full-width input fields */
		/*.cp-container input[type=text], .cp-container input[type=password] {
		width: 80%;
		padding: 15px;
		width: 90%;
		padding: 5px 5px;
		margin: 5px 0 22px 0;
		border: 1px solid grey;
		line-height: 18px;
		}*/
		

		/* When the inputs get focus, do something */
		.cp-container input[type=text]:focus, .cp-container input[type=password]:focus {
		background-color: #ddd;
		outline: none;
		}

		/* Set a style for the submit/login button */
		.cp-container .save_cp {
		background-color: var(--blue);
		color: white;
		padding: 10px 20px;
		border: 1px solid #9B9191;
		box-sizing: border-box;
		box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.25);
		border-radius: 10px;
		cursor: pointer;
		width: 90px;
		margin-bottom:10px;
		opacity: 1; /*0.8;*/
		}

		/* Add a red background color to the cancel button */
		.cp-container .cancel_cp {
		background-color: grey;
		}

		/* Add some hover effects to buttons */
		.cp-container .save_cp:hover {
		opacity: 1;
		}
		
		
		/*----------- user profile --------------------- */
		#profile {
			background: #E7E5E9;
			border: 1px solid grey;
			border-radius: 10px;
			overflow-x: hidden;
			transition: 0.5s;
			padding-top: 10px;
			padding-left: 10px;
			font-family: Roboto;
			font-style: normal;
			
			line-height: 21px;
			display: block;
		}
		
		
		/* Clear floats after the columns */
		.profilerow:after {
		  content: "";
		  display: table;
		  clear: both;
		  margin-top: 5px;
		}
		
		
		.cancelprofile{
			background-color: grey;
			color: white;
			border: 1px solid #9B9191;
			box-sizing: border-box;
			box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.25);
			border-radius: 10px;
			position: relative; 
			width: 90px;
			font-family: Roboto;
			opacity: 1; /*0.8;*/
			
			}
		.saveprofile
		{
			float: left;
			background-color: var(--blue);
			color: white;
			border: 1px solid #9B9191;
			box-sizing: border-box;
			box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.25);
			border-radius: 10px;
			position: relative; 
			width: 90px;
			font-family: Roboto;
			opacity: 1; /*0.8;*/
			
		}
		
		.createteam{
			background-color: #efedf0;
			color: black;
			border: 1px solid #9B9191;
			box-sizing: border-box;
			
			border-radius: 10px;
			position: relative; 
			
			font-family: Roboto;
	
			width: 100px;
			height: 25px;
			}
			
		.jointeam
		{
			float: left;
			background-color: #efedf0;
			color: black;
			border: 1px solid #9B9191;
			box-sizing: border-box;
			
			border-radius: 10px;
			position: relative; 
			
			font-family: Roboto;
	
			width: 100px;
			height: 25px;
		}
		
		/* Add some hover effects to buttons */
		.cancelprofile:hover, .saveprofile:hover {
		opacity: 1;
		}
		
		/*-----------------------------Forgot Password -----------------------------------*/
		
		#forgetPwd {
			background: #E7E5E9;
			border: 1px solid grey;
			border-radius: 10px;
			overflow-x: hidden;
			/*transition: 0.5s;*/
			padding-top: 10px;
			padding-left: 10px;
			font-family: Roboto;
			font-style: normal;
			
			line-height: 21px;
			display: block;
		}
		
		#forgetPwd input[type=email]
		{
			width: 300px;
			font-family: Roboto;
			font-weight: 300;
			font-size: 14px;
		}
				
		#forgetPwd input[type=submit]
		{
			float: left;
			background-color: var(--blue);
			color: white;
			border: 1px solid #9B9191;
			box-sizing: border-box;
			box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.25);
			border-radius: 10px;
			position: relative; 
			width: 120px;
			font-family: Roboto;
			opacity: 1; 
			height: auto;
			padding-top: 4px;
			padding-bottom: 4px;
			font-size: 14px;
		}
		
		/*-----------------------------Reset Password -----------------------------------*/
		
		#resetPwd {
			background: #E7E5E9;
			border: 1px solid grey;
			border-radius: 10px;
			overflow-x: hidden;
			/*transition: 0.5s;*/
			padding-top: 10px;
			padding-left: 10px;
			font-family: Roboto;
			font-style: normal;
			
			line-height: 21px;
			display: block;
		}
		
		#resetPwd input[type=password]
		{
			width: 200px;
			font-family: Roboto;
			font-weight: 300;
			font-size: 14px;
		}
				
		#resetPwd input[type=submit]
		{
			float: left;
			background-color: var(--blue);
			color: white;
			border: 1px solid #9B9191;
			box-sizing: border-box;
			box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.25);
			border-radius: 10px;
			position: relative; 
			width: 120px;
			font-family: Roboto;
			opacity: 1; 
			height: auto;
			padding-top: 4px;
			padding-bottom: 4px;
			font-size: 14px;
		}
		
		/* ----------------------------------Login Popup ----------------------------------*/
		
		
		/* The popup form - hidden by default */
		.login-popup {
		/*display: none;*/
		
		position: fixed; /* Stay in place */
		z-index: 1; /* Sit on top */
		padding-top: 120px; /* Location of the box */
		left: 0;
		top: 0;
		width: 100%; /* Full width */
		height: 100%; /* Full height */
		overflow: auto; /* Enable scroll if needed */
		background-color: rgb(0,0,0); /* Fallback color */
		background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
		border: 3px solid grey;
		border-radius: 10px;
		
		}

		/* Add styles to the form container */
		
		.login-container {
		max-width: 300px;
		width: 60%;
		background-color: #fefefe;
		margin: auto;
		padding: 20px;
		border: 1px solid #888;
		border-radius: 10px;
		}

		
		/* Full-width input fields */
		/*.login-container input[type=text], .login-container input[type=password] {
		width: 90%;
		padding: 5px 5px;
		margin: 5px 0 22px 0;
		border: 1px solid grey;
		line-height: 18px;
		}*/

		/* When the inputs get focus, do something */
		.login-container input[type=text]:focus, .login-container input[type=password]:focus {
		background-color: #ddd;
		outline: none;
		}

		/* Set a style for the submit/login button */
		.login-container .btn {
		background-color: var(--blue);
		color: white;
		padding: 10px 20px;
		/*border: none;*/
		border-radius: 10px;
		border: 1px solid #9B9191;
		box-sizing: border-box;
		box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.25);
		cursor: pointer;
		width: 90px;
		margin-bottom:10px;
		opacity: 1; /*0.8;*/
		}

		/* Add a red background color to the cancel button */
		.login-container .cancel {
		background-color: grey;
		}

		/* Add some hover effects to buttons */
		.login-container .btn:hover, .open-button:hover {
		opacity: 1;
		}
		
		
		
		.signup-popup {
		/*display: none;*/
		position: fixed; /* Stay in place */
		z-index: 1; /* Sit on top */
		padding-top: 20px; /* Location of the box */
		left: 0;
		top: 0;
		width: 100%; /* Full width */
		height: 100%; /* Full height */
		overflow: auto; /* Enable scroll if needed */
		background-color: rgb(0,0,0); /* Fallback color */
		background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
		border: 3px solid grey;
		border-radius: 10px;
		}

		/* Add styles to the form container */
		
		.signup-container {
		max-width: 300px;
		width: 60%;
		background-color: #fefefe;
		margin: auto;
		padding: 20px;
		border: 1px solid #888;
		border-radius: 10px;
		}
		
		/* Full-width input fields */
		/*.signup-container input[type=text], .signup-container input[type=password] {
		width: 80%;
		padding: 15px;
		margin: 5px 0 22px 0;
		border: 1px solid grey;
		}*/

		/* When the inputs get focus, do something */
		.signup-container input[type=text]:focus, .signup-container input[type=password]:focus {
		background-color: #ddd;
		outline: none;
		}
		
		/* Set a style for the submit/signup button */
		.signup-container .btn_signup {
		background-color: var(--blue);
		color: white;
		padding: 10px 20px;
		border: 1px solid #9B9191;
		box-sizing: border-box;
		box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.25);
		border-radius: 10px;
		cursor: pointer;
		width: 90px;
		margin-bottom:10px;
		opacity: 1; /*0.8;*/
		}

		/* Add a red background color to the cancel button */
		.signup-container .reset {
		background-color: grey;
		}

		/* Add some hover effects to buttons */
		.signup-container .btn_signup:hover{
		opacity: 1;
		}

		/* ---------------------------------------------------------------------------------*/
		
		
		/*------------------ Leader Board ------------------------------*/
		
		.leaderboard {
			
			height: 460px;
			border: 0px solid grey;
			border-radius: 0px;
			padding: 10px;
			font-family: roboto, sans-serif;
			font-style: bold;
			font-weight: normal;
			
		}
		
		/* Style the tab */
		.lbtab {
		  overflow: hidden;
		  border: 0px solid #ccc;
		  border-radius: 0px;
		  background-color: #ebf0f2; /*var(--blue);*/
		  opacity: 1; /*0.8;*/
		}
		/* Style the tab content */
		.lbtabcontent {
		  display: none;
		  /*padding: 6px 12px;*/
		  border: 1px solid #ccc;
		  border-radius: 0px;
		  border-top: none;
		}

		/* Style the tab */
		.nwtab {
		  overflow: hidden;
		  border: 0px solid #ccc;
		  background-color: var(--lightblue); /*var(--blue); /* #f1f1f1; */
		  opacity: 1; /*0.8;*/
		  /*margin-left: 20px;*/
		}
		/* Style the tab content */
		.nwtabcontent {
		  display: none;
		  /*padding: 6px 12px;*/
		  border: 0px solid #ccc;
		  border-radius: 10px;
		  border-top: none;
		  /*margin-left: 20px;*/
		}
		
		/* Style the tab */
		.twtab {
		  overflow: hidden;
		  border: 0px solid #ccc;
		  border-radius: 0px;
		  background-color: white; /*var(--blue); /*#f1f1f1;*/
		  opacity: 1; /*0.8;*/
		  /*margin-left: 20px;*/
		}
		/* Style the tab content */
		.twtabcontent {
		  display: none;
		  /*padding: 6px 12px;*/
		  border: 0px solid #ccc;
		  border-radius: 10px;
		  border-top: none;
		  /*margin-left: 20px;*/
		}
		
		

		/* Change background color of buttons on hover */
		.lbtab button:hover {
		  /*background-color: #ddd;*/
		}

		/* Create an active/current tablink class */
		.lbtab button.active {
		  background-color: var(--blue); /*#86b8f7; /*#ccc;*/
		}
	
		
		#btnTeamwide {
			display: none;
		}

		/* Change background color of buttons on hover */
		.nwtab button:hover {
		  /*background-color: #ddd;*/
		}

		/* Create an active/current tablink class */
		.nwtab button.active {
		  background-color: var(--blue); /*#86b8f7;/*#ccc;*/
		}

		/* Change background color of buttons on hover */
		.twtab button:hover {
		  /*background-color: #ddd;*/
		}

		/* Create an active/current tablink class */
		.twtab button.active {
		  background-color: var(--blue); /*#86b8f7; /*#ccc;*/
		}
		
		/*------ table formatting -----*/
		
		.lbtable, .lbtabletr, .lbtabletd {
			border: 0px solid lightgrey;
			border-radius: 10px;
			word-wrap: break-word;
		}
		
		
		/* ------------------ Viewport ------------------------- */
		
		
		
		
		/* Add Location Modal Code Start*/
		.modal {
		display: none; /* Hidden by default */
		position: fixed; /* Stay in place */
		z-index: 1; /* Sit on top */
		padding-top: 120px; /* Location of the box */
		left: 0;
		top: 0;
		width: 100%; /* Full width */
		height: 100%; /* Full height */
		overflow: auto; /* Enable scroll if needed */
		background-color: rgb(0,0,0); /* Fallback color */
		background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
		border: 3px solid grey;
		border-radius: 10px;
		}

		.modal-content {
		background-color: #fefefe;
		margin: auto;
		border: 1px solid #888;
		padding-top: 10px;
		padding-left: 10px;
		font-family: Roboto;
		font-style: normal;
		line-height: 21px;
		}
		
		.close {
		color: #aaaaaa;
		float: right;
		padding-right: 10px;
		font-size: 24px;
		font-weight: bold;
		}

		.close:hover,
		.close:focus {
		color: #000;
		text-decoration: none;
		cursor: pointer;
		}
	/* Add Location Modal Code End*/	
	
		.addloc-button {
		background-color: var(--blue);
		color: #FFFBFB;
		position: absolute;
		width: 150px;
		height: 40px;
		left: 70px;
		top: 650px;
		border: 1px solid #9B9191;
		box-sizing: border-box;
		box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.25);
		border-radius: 10px;
		filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
		font-family: roboto, sans-serif;
		font-style: normal;
		font-weight: normal;
		font-size: 16px;
		line-height: 28px;
		text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.25);
		}

		
		
		
	
	
	/* Add Location Infowindow Code */
		/* Clear floats after the columns */
		.addlocrow:after {
		  content: "";
		  display: table;
		  clear: both;
		  margin-top: 5px;
		}
		
		
		.marker-edit{
			height: 320px;
			width: 100%;
			
		}
		.ratingtitle {
			font-family: Roboto;
			font-size: 12px;
			
		}
		.ratetable
		{
			border-spacing:0;
			width: 100%;font-family: Roboto;font-size: 12px;
		}
		
		.info{
			margin-bottom: 5px;
			font-family: Roboto;
			font-size: 12px;
			}
		
		.restdatatd, .restdatath{
			text-align: center;
			width: 100px;
			}
		.restdatath {
			width: 40%;
			}
		.restdatatd1 {
			width: 20%;
			}
		.restdatatbl{
			border-spacing:0;
			width: 90%;
			float: left;
			
			}
		.delete-marker{
			background-color: grey;
			color: white;
			border: 1px solid #9B9191;
			box-sizing: border-box;
			box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.25);
			border-radius: 10px;
			position: relative; 
			font-family: Roboto;
			opacity: 1; /*0.8;*/
			}
		.save-marker
		{
			float: left;
			background-color: var(--blue);
			color: white;
			border: 1px solid #9B9191;
			box-sizing: border-box;
			box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.25);
			border-radius: 10px;
			position: relative; 
			font-family: Roboto;
			opacity: 1; /*0.8;*/
		}
		
		.delete-marker:hover{
			opacity: 1;
		}
		
		.save-marker:hover{
			opacity: 1;
		}
		/*Rating Stars in Add LOcation Infowindow Code */
		.checked {
		  color: orange;
		}
		.divider{
			width:5px;
			height:auto;
			display:inline-block;
		}

	/*code for star rating*/

		/* Ratings widget */
		.rate {
			display: inline-block;
			border: 0;
		}
		/* Hide radio */
		.rate > input {
			display: none;
		}
		/* Order correctly by floating highest to the right */
		.rate > label {
			float: right;
		}
		

		/* Click + hover color */
		input:checked ~ label, /* color current and previous stars on checked */
		.rate label:hover, .rate label:hover ~ label { color: Orange;  } /* color previous stars on hover */

		/* Hover highlights */
		input:checked + label:hover, input:checked ~ label:hover, /* highlight current and previous stars */
		input:checked ~ label:hover ~ label, /* highlight previous selected stars for new rating */
		label:hover ~ input:checked ~ label /* highlight previous selected stars */ { color: orange;  } 
		
	

		.terms {
			font-family: Roboto;
			padding: 20px;
		}
		
		
		
	/* ---------------- Edit Rating ------------*/
		/* The popup form - hidden by default */
		.rating-popup {
		display: none;
		position: fixed; /* Stay in place */
		z-index: 1; /* Sit on top */
		padding-top: 120px; /* Location of the box */
		left: 0;
		top: 0;
		width: 100%; /* Full width */
		height: 100%; /* Full height */
		overflow: auto; /* Enable scroll if needed */
		background-color: rgb(0,0,0); /* Fallback color */
		background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
		border: 3px solid grey;
		border-radius: 10px;
		font-family: Roboto;
		font-weight: normal;
		
		}

		/* Add styles to the form container */
		
		.rating-container {
		max-width: 300px;
		width: 60%;
		background-color: #fefefe;
		margin: auto;
		padding: 20px;
		border: 1px solid #888;
		border-radius: 10px;
		/*font-family: Roboto;
		font-weight: normal;
		font-size: 14px;
		*/
		}
		

		/* Set a style for the submit/login button */
		.rating-container .save_rating {
		background-color: var(--blue);
		color: white;
		padding: 10px 20px;
		border: 1px solid #9B9191;
		box-sizing: border-box;
		box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.25);
		border-radius: 10px;
		cursor: pointer;
		width: 90px;
		margin-bottom:10px;
		opacity: 1; /*0.8;*/
		}

		/* Add a red background color to the cancel button */
		.rating-container .cancel_rating {
		background-color: grey;
		}

		/* Add some hover effects to buttons */
		.rating-container .save_rating:hover {
		opacity: 1;
		}
		
		.btnrating {
			background-color: var(--blue);
			color: var(--white);
			padding: 5px 10px;
			border: 1px solid #9B9191;
			box-sizing: border-box;
			border-radius: 10px;
			cursor: pointer;
			width: 50px;
			
			opacity: 1; /*0.8;*/
		}
		
		.btnrating:hover {
		opacity: 1;
		}
		
		/* ----------------------- How it works ---------------- */
		.backtotop {
			text-align: right;
		}
		
		
		
		
		
		
	/* ------------START MEDIA Q-------------------------------------------------------------------------------*/
	/* ------------START MEDIA Q-------------------------------------------------------------------------------*/
		
		
		
		/* --------------------800------------------------------------- */
		@media screen and (min-width: 800px) {
			
			
		
			.modalDialog > div {
			  width: 50vw;
			  position: relative;
			  margin: 10% auto;
			  padding: 5px 20px 13px 20px;
			  border-radius: 10px;
			  background: var(--darkerlightblue);
			  color: black;
			}
			
			.howitworks {
				font-family: Roboto;
				padding-left: 100px;
				padding-right: 200px;
			}
			
			.aboutustext {
				font-family: Roboto;
				font-style: normal;
				font-weight: 300;
				font-size: 14px;
				line-height: 20px;
				margin-left: 5px;
				color: #000000;
				text-align: justify;
			}
			
			.firstline::first-letter {
			  font-size: 200%;
			  font-style: italic;
			  font-weight: 400;
			  font-family: Meow Script;
			  letter-spacing: 4px;
			}
			
			.signature {
				font-size: 20px;
			  font-style: italic;
			  font-weight: 400;
			  font-family: Meow Script;
			  letter-spacing: 2px;
			  text-align: right;
			}
		
			.aboutushead {
				color: var(--blue);/*#9747FF;*/
				font-family: Roboto;
				font-style: normal;
				font-weight: 500;
				font-size: 40px;
				line-height: 59px;
				/*text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);*/
				text-align: center;
			}
			
			.ourstory {
				
				padding-left: 60px;
				
				padding-right: 60px;
			}
			
			
			.aboutusphoto {
				width: 40%;
				
				float:left;
				padding-left: 0px;
				padding-top: 20px;
			}
			
			.usimg {
				width: calc((90vw - 100px)/4);
				height: auto;
			}
			
			.ourstorysection {
				width: 40%;
				float:left;
				padding-left:40px;
				padding-top: 40px;
			}
			
			.ourteam {
				padding-left: 60px;
				padding-right: 60px;
			}
			
			.missionvision {
				padding-left: 60px;
				padding-right: 60px;
				margin-top: 30px;
				background-color: var(--lightblue);
			}
			
			.visionmissionsection {
				padding-left: 60px;
				padding-right: 60px;
				font-family: Roboto;
				font-style: normal;
				font-weight: 300;
				font-size: 26px;
				line-height: 35px;
				margin-left: 5px;
				color: #000000;
				text-align: justify;
			}
			
			.fatherbabyImage {
				padding-top: 10px;
				padding-left: 10px;
				height: auto;
				width: calc((100vw - 40px)/2);
			}
			
			.babygirlImage {
				padding-top: 150px;
				padding-left: calc((105vw - 1000px)/4);
				display: block;
			}
			
			.friendsImage {
				padding-top: 20px;
				height: auto;
				width: calc((100vw - 100px)/4);
			}
		  
		  /*.profile {width: 90%; height: 350px; margin-left: 0px;}*/
			.fontSize {
				font-family: Roboto;
				font-size: 16px;
			}
			
			.fontSizeSidebarNames {
				font-family: Roboto;
				font-size: 18px;
			}
			
			.modalFont {
				font-family: roboto, sans-serif;
				font-style: normal;
				font-weight: normal;
				font-size: 14px;
			}
			
			.buttonMargin {
				margin-left: 30px;
			}
			
			.col-35 {
				float:left; 
				width: 33%;
			}
			
			.col-65 {
				float:left; 
				width: 66%;
			}
			
			.col-60 {
				float:left; 
				width: 60%;
			}
			
			/* new cols */
			.col-30 {
				float:left; 
				width: 30%;
			}
			
			.col-50 {
				float:left; 
				width: 50%;
			}
			
			.col-25 {
				float:left; 
				width: 25%;
			}
			
			.col-49 {
				float:left; 
				width: 47%;
			}
			
			.tagfontSize {
				font-size: 16px;
			}
			
			.CatchlineFont {
				font-family: Roboto;
				font-size: 28px;
			}
			
			.CatchlineFont > p {
				font-size: 22px;
			}
			
			.btn_hidePara2 {
				display: none;
			}
			
			.writeupPara2 {
				display: block;
			}
			
			.topnavPadding {
				padding-top: 18px;
				/*padding-left: 120px;*/
				padding-left: calc((100vw - 1000px)/4);
			}
			
			.topnavPadding1 {
				padding-top: 22px;
				/*padding-left: 120px;*/
				padding-left: calc((100vw - 1000px)/4);
			}
			
			/*---- For User Profile -----*/
			.profile {width: 450px; height: 400px; margin-left: calc((100vw - 450px)/2);font-weight: 300;
			font-size: 14px;}
			
			#profile input[type="text"] {
			width: 300px;
			font-family: Roboto;
			font-weight: 300;
			font-size: 14px;
			}
			
		  .profilelbl {
			  float: left;
			  margin-top: 0px;
			  margin-left: 20px;
			}

			.profiletxt {
			  margin-left: 120px;
			  margin-top: 6px;
			}
			
			.saveprofile {
				top: 20px;
				left: 130px; 
				font-weight: 300;
				font-size: 14px;
				width: 100px;
				height: 35px;
			}
			
			.cancelprofile {
				top: 20px;
				left: 220px; 
				font-weight: 300;
				font-size: 14px;
				width: 100px;
				height: 35px;
			}
			
			.jointeam{
				top: 6px;
				left: 130px; 
				font-weight: 300;
				font-size: 14px;
			}
			
			.createteam{
				top: 6px;
				left: 150px; 
				font-weight: 300;
				font-size: 14px;
			}
			
			.createteam-container input[type=text] {
				width: 80%;
				padding: 5px 5px;
				margin: 5px 0 22px 0;
				border: 1px solid grey;
				line-height: 18px;
				font-family: Roboto;
				font-weight: 300;
				font-size: 14px;
			}
			
			.jointeam-container input[type=select] {
				width: 80%;
				padding: 5px 5px;
				margin: 5px 0 22px 20px;
				border: 1px solid grey;
				line-height: 18px;
				font-family: Roboto;
				font-weight: 300;
				font-size: 14px;
			}
			
			#selectTeam {
				font-size: 14px;
			}
			
			/*---- For Forgot Password -----*/
			.forgetPwd {width: 400px; height: 250px; margin-left: calc((100vw - 400px)/2);font-weight: 300;
			font-size: 14px;}
					
			
		   .FPlabel {
			  float: left;
			  margin-top: 6px;
			  margin-left: 120px;
			}

			.FPinput {
			  margin-left: 40px;
			  margin-top: 6px;
			}
			
			.submitEmail {
			  margin-left: 140px;
			  margin-top: 0px;
			}
			
			.backLink {
				margin-left: 140px;
				margin-top: 50px;
			}
			
			/*---- For Reset Password -----*/
			.resetPwd {width: 400px; height: 350px; margin-left: calc((100vw - 400px)/2);font-weight: 300;
			font-size: 14px;}
					
			
		   .RPlabel {
			  float: left;
			  margin-top: 2px;
			  margin-left: 130px;
			}

			.RPinput {
			  margin-left: 90px;
			  margin-top: 6px;
			}
			
			.submitPwd {
			  margin-left: 140px;
			  margin-top: 0px;
			}
			
			.RPbackLink {
				margin-left: 140px;
				margin-top: 50px;
			}
			
			/*---- For Change Password -----*/
			
			/* Full-width input fields */
			.cp-container input[type=text], .cp-container input[type=password] {
				width: 90%;
				padding: 5px 5px;
				margin: 5px 0 22px 0;
				border: 1px solid grey;
				line-height: 18px;
				font-family: Roboto;
				font-weight: 300;
				font-size: 14px;
			}
			
			/*.cpformsize {width: 450px; height: 200px; margin-left: calc((100vw - 450px)/2);font-weight: 300;
			font-size: 14px;}
			
			#cp-container input[type="text"] {
				width: 250px;
				font-family: Roboto;
				font-weight: 300;
				font-size: 14px;
			}
			
			#cp-container input[type="password"] {
				width: 250px;
				font-family: Roboto;
				font-weight: 300;
				font-size: 14px;
			}
			
			.cplbl {
			  float: left;
			  margin-top: 0px;
			  margin-left: 10px;
			}

			.cptxt {
			  margin-left: 180px;
			  margin-top: 6px;
			}*/
			
			/*---- For Leaderboard -----*/
			.lbtab button {
			  background-color: inherit;
			  float: left;
			  border: none;
			  outline: none;
			  cursor: pointer;
			  padding: 14px 16px;
			  transition: 0.3s;
			  font-size: 17px; 
			}
			
			.nwtab button {
			  background-color: inherit;
			  float: left;
			  border: none;
			  outline: none;
			  cursor: pointer;
			  padding: 14px 16px;
			  transition: 0.3s;
			  font-size: 17px; 
			}
			
			.twtab button {
			  background-color: inherit;
			  float: left;
			  border: none;
			  outline: none;
			  cursor: pointer;
			  padding: 14px 16px;
			  transition: 0.3s;
			  font-size: 17px; 
			}
			
			.lbtabletr, .lbtabletd {
				padding: 10px;
				width: 90%;
				text-align: left;
			}
			
			.lbleftmargin {
				margin-left: 20px;
			}
			
			.lbpadding {
				padding: 6px 12px;
			}
			/*---- For Add Location -----*/
			.addlocationform {width: 450px; height: 400px; margin-left: calc((100vw - 450px)/2);font-weight: 300;
			font-size: 14px;}
			
			.addloclbl {
			  float: left;
			  margin-top: 0px;
			  margin-left: 20px;
			}

			.addloctxt {
			  margin-left: 120px;
			  margin-top: 6px;
			}
			
			#addlocscreen input[type="text"] {
			width: 250px;
			font-family: Roboto;
			font-weight: 300;
			font-size: 14px;
			}
			
			/* The star of the show */
			.rate > label:before {
				display: inline-block;
				font-size: 1rem;
				padding: .3rem .2rem;
				margin-right:0;
				cursor: pointer;
				font-family: 'Font Awesome 5 Free';
				font-weight: 900;
				content: "\f005"; /* full star */
			}

			/* Half star trick */
			.rate .half:before {
				content: "\f005"; /* half star no outline */
				position: absolute;
				padding-right: 0;
				width: 0.6rem;
				overflow: hidden;
				margin-right: 0.4rem;
			}
			
			.save-marker {
				top: 20px;
				left: 130px; 
				font-weight: 300;
				font-size: 14px;
				width: 100px;
				height: 35px;
			}
			
			.delete-marker {
				top: 20px;
				left: 200px; 
				font-weight: 300;
				font-size: 14px;
				width: 100px;
				height: 35px;
			}
			
			/*------- Log in -------*/
			/* Full-width input fields */
			.login-container input[type=text], .login-container input[type=password] {
				width: 90%;
				padding: 5px 5px;
				margin: 5px 0 22px 0;
				border: 1px solid grey;
				line-height: 18px;
				font-family: Roboto;
				font-weight: 300;
				font-size: 14px;
			}
			
			/*------- Sign up -------*/
			/* Full-width input fields */
			.signup-container input[type=text], .signup-container input[type=password] {
				width: 90%;
				padding: 5px 5px;
				margin: 5px 0 22px 0;
				border: 1px solid grey;
				line-height: 18px;
				font-family: Roboto;
				font-weight: 300;
				font-size: 14px;
			}
		}
	
	/* --------------------------301-799--------------------------------------------------- */
		@media screen and (min-width: 301px) and (max-width: 799px) {
			
			.modalDialog > div {
			  width: 70vw;
			  position: relative;
			  margin: 10% auto;
			  padding: 5px 20px 13px 20px;
			  border-radius: 10px;
			  background: var(--darkerlightblue);
			  color: black;
			}
			.howitworks {
				font-family: Roboto;
				padding-left: 0px;
				padding-right: 30px;
			}
			
			.aboutustext {
				font-family: Roboto;
				font-style: normal;
				font-weight: 300;
				font-size: 14px;
				line-height: 23px;
				color: #000000;
				text-align: justify;
			}
			
			.firstline::first-letter {
			  font-size: 200%;
			  font-style: italic;
			  font-weight: 400;
			  font-family: Meow Script;
			  letter-spacing: 4px;
			}
			
			.signature {
				font-size: 20px;
			  font-style: italic;
			  font-weight: 400;
			  font-family: Meow Script;
			  letter-spacing: 2px;
			  text-align: right;
			}
			
			.aboutushead {
				color: var(--blue); /*#9747FF;*/
				font-family: Roboto;
				font-style: normal;
				font-weight: 500;
				font-size: 30px;
				line-height: 49px;
				/*text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);*/
			}
			
			.ourstory {
				
				padding-left: 30px;
				padding-right: 30px;
			}
			
			.ourteam {
				padding-left: 30px;
				padding-right: 30px;
			}
			
			.missionvision {
				padding-left: 30px;
				padding-right: 30px;
				background-color: var(--lightblue);
			}
			
			.visionmissionsection {
				
				padding-right: 40px;
			}
			
			.aboutusphoto {
				
				float:left;
				
				padding-top: 10px;
				
			}
			
			.usimg {
				max-width: 250;
				height: auto;
			}
			
			.ourstorysection {
				
				float:left;
				padding-left:50px;
				padding-top: 40px;
				padding-right: 70px;
			}
			
			.fatherbabyImage {
				padding-top: 10px;
				padding-left: 0px;
				height: auto;
				width: calc((200vw - 30px)/2);
			}
			
			.topSectionDiv {
				display:flex;
				flex-wrap:wrap;
				justify-content: center;
			}
			
			.topWriteupDiv {
				order:2;
			}
			
			.topImageDiv {
				order:1;
			}
			
			.babygirlImage {
				padding-top: 20px;
				padding-left: calc((140vw - 150px)/4);
				height: auto;
				width: 150px;
				display: block;
			}
			
			.friendsImage {
				height: auto;
				/*width: calc((120vw - 120px)/4);*/
				width: 230px;
			}
			
			/*
			 .topnav a {
				display: none;
			} 
			*/
			
			/*.topnav a{
				float: none;
				display: none;
				
				text-align: left;
				
			} */
			
			
			
			/*.topnav a:nth-child(1), .topnav a:nth-child(2), .topnav a:nth-child(3), .topnav a:nth-child(4), .topnav a:nth-child(5) {
				display: none;
			  } */
			  
			 /* .dropdown .dropbtn{
				display: none;
			  }
			  
			  .topnav .welcomelogin{
				display: none;
				
			  } */
			  
			  .topnav a, .dropdown .dropbtn {
				display: none;
			  }
			  
			  .topnav a.icon {
				float: right;
				display: block;
				text-align: right;
			  }
			
			.topnav.responsive {
				position: relative;
				padding-top: 50px;
				/*display: flex;
				flex-direction: column;*/
				
			}
			  .topnav.responsive a.icon {
				position: absolute;
				right: 0;
				top: 0;
				text-align: right;
			  }
			  .topnav.responsive a:not(.icon) {
				float: none;
				display: block;
				text-align: left;
				width: 100%;
			  }
			  .topnav.responsive .dropdown {float: none; }
			  .topnav.responsive .dropdown-content {position: relative; margin-top: 0px; }
			  .topnav.responsive .dropdown .dropbtn {
				display: block;
				width: 100%;
				text-align: left;
			  }
			  
			  /*
			  .topnav.responsive .welcomelogin{
				display: block;
				width: 100%;
				text-align: left;
				
			  }*/
			  
			  /*
			  .topnav .welcomelogin{
				order: 1;
			  }
			  
			  .topnav .howdiv {
				order: 2; 
			  }
			  
			  .topnav .contactdiv {
				order: 3;  
			  }
			  
			  .topnav .aboutdiv {
				order: 4;  
			  }*/
			  
			  
			.topnavPadding {
				padding-top: 1px;
				/*padding-left: 120px;*/
				padding-left: calc((100vw - 1000px)/4);
			}
			
			.topnavPadding1 {
				padding-top: 6px;
				/*padding-left: 120px;*/
				padding-left: calc((100vw - 1000px)/4);
			}
			
			.fontSize {
				font-family: Roboto;
				font-size: 14px;
			}
			
			.fontSizeSidebarNames {
				font-family: Roboto;
				font-size: 16px;
			}
			
			.modalFont {
				font-family: roboto, sans-serif;
				font-style: normal;
				font-weight: normal;
				font-size: 12px;
			}
			
			.buttonMargin {
				margin-left: 2px;
			}
			
			.col-35 {
				float:left; 
				width: 100%;
			}
			
			.col-65 {
				float:left; 
				width: 100%;
			}
			
			.col-60 {
				float:left; 
				width: 85%;
			}
			
			/* new cols */
			.col-30 {
				float:left; 
				width: 100%;
			}
			
			.col-50 {
				float:left; 
				width: 100%;
			}
			
			.col-25 {
				float:left; 
				width: 100%;
			}
			
			.col-49 {
				float:left; 
				width: 85%;
			}
			
			.logoimage {
				width: 100%;
				  max-width: 120px;
				  height: auto;
				  
			}
			
			.lbCup {
				width: 100%;
				  max-width: 40px;
				  height: auto;
				  
			}
			
			.helpimages {
				width: 100%;
				  max-width: 500px;
				  height: auto;
				  
			}
			
			.helpimagesvertical {
				width: 100%;
				  max-width: 240px;
				  height: auto;
				  
			}
			
			/* .logoimagename {
				width: 100%;
			  max-width: 160px;
			  height: auto;
			}
			
			#logoname {
				padding-top: 30px;
				
			} */
			
			.tagfontSize {
				font-size: 12px;
			}
			
			.CatchlineFont {
				font-family: Roboto;
				font-size: 22px;
			}
			
			.CatchlineFont > p {
				font-size: 18px;
			}
			
			/*.writeupPara2 {
				display: none;
			}*/
			
			/*---- For User Profile -----*/
			.profile {width: 250px; height: 550px; margin-left: calc((100vw - 280px)/2);font-weight: 200;
			font-size: 12px;}
			/*.profile {width: 90%; height: 350px; margin-left: 0px;}*/
			
			#profile input[type="text"] {
				width: 200px;
				font-family: Roboto;
				font-weight: 300;
				font-size: 12px;
			}
			.profilelbl {
			 
			  margin-top: 0px;
			  margin-left: 2px;
			}

			.profiletxt {
			  margin-left: 0px;
			  margin-top: 2px;
			}
			
			.saveprofile {
				top: 20px;
				left: 2px; 
				font-weight: 200;
				font-size: 12px;
				width: 80px;
				height: 30px;
			}
			
			.cancelprofile {
				top: 20px;
				left: 40px; 
				font-weight: 200;
				font-size: 12px;
				width: 80px;
				height: 30px;
			}
			
			.jointeam{
				top: 6px;
				left: 2px; 
				font-weight: 200;
				font-size: 12px;
			}
			
			.createteam{
				top: 6px;
				left: 20px; 
				font-weight: 200;
				font-size: 12px;
			}
			.createteam-container input[type=text] {
				width: 80%;
				padding: 5px 5px;
				margin: 5px 0 22px 0;
				border: 1px solid grey;
				line-height: 18px;
				font-family: Roboto;
				font-weight: 300;
				font-size: 12px;
			}
			.jointeam-container input[type=select] {
				width: 80%;
				padding: 5px 5px;
				margin: 5px 0 22px 20px;
				border: 1px solid grey;
				line-height: 18px;
				font-family: Roboto;
				font-weight: 300;
				font-size: 12px;
			}
			
			#selectTeam {
				font-size: 12px;
			}
			
			/*---- For Forgot Password -----*/
			.forgetPwd {width: 280px; height: 250px; margin-left: calc((100vw - 310px)/2);font-weight: 300;
			font-size: 14px;}
					
			
		   .FPlabel {
			  float: left;
			  margin-top: 6px;
			  margin-left: 50px;
			}

			.FPinput {
			  margin-left: 30px;
			  margin-top: 6px;
			}
			
			#forgetPwd input[type=email]
			{
				width: 200px;
			
			}
			
			.submitEmail {
			  margin-left: 70px;
			  margin-top: 0px;
			}
			
			.backLink {
				margin-left: 70px;
				margin-top: 50px;
			}
			
			/*---- For Reset Password -----*/
			.resetPwd {width: 280px; height: 350px; margin-left: calc((100vw - 310px)/2);font-weight: 300;
			font-size: 14px;}
					
			
		   .RPlabel {
			  float: left;
			  margin-top: 6px;
			  margin-left: 60px;
			}

			.RPinput {
			  margin-left: 30px;
			  margin-top: 6px;
			}
			
			#resetPwd input[type=password]
			{
				width: 200px;
			
			}
			
			.submitPwd {
			  margin-left: 70px;
			  margin-top: 0px;
			}
			
			.RPbackLink {
				margin-left: 70px;
				margin-top: 50px;
			}
			/*---- For Change Password -----*/
			
			/* Full-width input fields */
			.cp-container input[type=text], .cp-container input[type=password] {
				width: 90%;
				padding: 5px 5px;
				margin: 5px 0 22px 0;
				border: 1px solid grey;
				line-height: 18px;
				font-family: Roboto;
				font-weight: 300;
				font-size: 12px;
			}
			
			/*.cpformsize {width: 250px; height: 300px; margin-left: calc((100vw - 280px)/2);font-weight: 200;
			font-size: 12px;}
			
			#cp-container input[type="text"] {
				width: 250px;
				font-family: Roboto;
				font-weight: 300;
				font-size: 12px;
			}
			
			#cp-container input[type="password"] {
				width: 250px;
				font-family: Roboto;
				font-weight: 300;
				font-size: 12px;
			}
			
			.cplbl {
			  
			  margin-top: 0px;
			  margin-left: 2px;
			}

			.cptxt {
			  margin-left: 0px;
			  margin-top: 6px;
			}*/
			/*---- For Leaderboard -----*/
			.lbtab button {
			  background-color: inherit;
			  float: left;
			  border: none;
			  outline: none;
			  cursor: pointer;
			  padding: 14px 16px;
			  transition: 0.3s;
			  font-size: 15px; 
			}
			
			.nwtab button {
			  background-color: inherit;
			  float: left;
			  border: none;
			  outline: none;
			  cursor: pointer;
			  padding: 14px 16px;
			  transition: 0.3s;
			  font-size: 15px; 
			}
			
			.twtab button {
			  background-color: inherit;
			  float: left;
			  border: none;
			  outline: none;
			  cursor: pointer;
			  padding: 14px 16px;
			  transition: 0.3s;
			  font-size: 15px; 
			}
			.lbtabletr, .lbtabletd {
				padding: 5px;
				width: 90%;
				text-align: left;
			}
			.lbleftmargin {
				margin-left: 10px;
			}
			
			.lbpadding {
				padding: 3px 6px;
			}
			
			/*---- For Add Location -----*/
			.addlocationform {width: 250px; height: 500px; margin-left: calc((100vw - 280px)/2);font-weight: 200;
			font-size: 12px;}
			
			.addloclbl {
			 
			  margin-top: 0px;
			  margin-left: 2px;
			}

			.addloctxt {
			  margin-left: 0px;
			  margin-top: 2px;
			}
			
			#addlocscreen input[type="text"] {
				width: 200px;
				font-family: Roboto;
				font-weight: 300;
				font-size: 12px;
			}
			/* The star of the show */
			.rate > label:before {
				display: inline-block;
				font-size: .9rem;
				padding: .3rem .2rem;
				margin-right:0;
				cursor: pointer;
				font-family: 'Font Awesome 5 Free';
				font-weight: 900;
				content: "\f005"; /* full star */
			}

			/* Half star trick */
			.rate .half:before {
				content: "\f005"; /* half star no outline */
				position: absolute;
				padding-right: 0;
				width: 0.5rem;
				overflow: hidden;
				margin-right: 0.3rem;
			}
			
			.save-marker {
				top: 20px;
				left: 2px; 
				font-weight: 200;
				font-size: 12px;
				width: 80px;
				height: 30px;
			}
			
			.delete-marker {
				top: 20px;
				left: 40px; 
				font-weight: 200;
				font-size: 12px;
				width: 80px;
				height: 30px;
			}
			
			/*------- Log in -------*/
			/* Full-width input fields */
			.login-container input[type=text], .login-container input[type=password] {
				width: 90%;
				padding: 5px 5px;
				margin: 5px 0 22px 0;
				border: 1px solid grey;
				line-height: 18px;
				font-family: Roboto;
				font-weight: 300;
				font-size: 12px;
			}
			
			/*------- Sign up -------*/
			/* Full-width input fields */
			.signup-container input[type=text], .signup-container input[type=password] {
				width: 90%;
				padding: 5px 5px;
				margin: 5px 0 22px 0;
				border: 1px solid grey;
				line-height: 18px;
				font-family: Roboto;
				font-weight: 300;
				font-size: 12px;
			}
		}
		
	/* -------------------------1-300---------------------------------------------------- */
		
		@media screen and (min-width: 1px) and (max-width: 300px) {
			
			.modalDialog > div {
			  width: 70vw;
			  position: relative;
			  margin: 10% auto;
			  padding: 5px 20px 13px 20px;
			  border-radius: 10px;
			  background: var(--darkerlightblue);
			  color: black;
			}
			.howitworks {
				font-family: Roboto;
				padding-left: 0px;
				padding-right: 10px;
			}
			
			.aboutustext {
				font-family: Roboto;
				font-style: normal;
				font-weight: 300;
				font-size: 13px;
				line-height: 20px;
				color: #000000;
				text-align: justify;
			}
			
			.firstline::first-letter {
			  font-size: 200%;
			  font-style: italic;
			  font-weight: 400;
			  font-family: Meow Script;
			  letter-spacing: 4px;
			}
			
			.signature {
				font-size: 16px;
			  font-style: italic;
			  font-weight: 400;
			  font-family: Meow Script;
			  letter-spacing: 2px;
			  text-align: right;
			}
			
			.aboutushead {
				color: var(--blue); /*#9747FF;*/
				font-family: Roboto;
				font-style: normal;
				font-weight: 400;
				font-size: 20px;
				line-height: 39px;
				/*text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);*/
			}
			
			.ourstory {
				
				padding-left: 10px;
				padding-right: 20px;
			}
			
			.ourteam {
				padding-left: 10px;
				padding-right: 20px;
			}
			
			.missionvision {
				padding-left: 10px;
				padding-right: 20px;
				background-color: var(--lightblue);
			}
			
			.visionmissionsection {
				
				
			}
			
			.aboutusphoto {
				
				float:left;
				padding-left: 10px;
				padding-top: 10px;
				
			}
			
			.usimg {
				max-width: 160;
				height: auto;
			}
			
			.ourstorysection {
				
				float:left;
				padding-left:10px;
				padding-top: 20px;
				padding-right: 40px;
			}
			
			.fatherbabyImage {
				padding-top: 10px;
				padding-left: 0px;
				height: auto;
				width: calc((200vw - 30px)/2);
			}
			
			.topSectionDiv {
				display:flex;
				flex-wrap:wrap;
				justify-content: center;
			}
			
			.topWriteupDiv {
				order:2;
			}
			
			.topImageDiv {
				order:1;
			}
			
			.babygirlImage {
				padding-top: 20px;
				padding-left: calc((130vw - 150px)/4);
				height: auto;
				width: 120px;
				display: block;
			}
			
			.friendsImage {
				height: auto;
				width: calc((250vw - 250px)/2);
				/*width: 180px;*/
			}
			 	  
			  /*.topnav a{
				float: none;
				display: none;
				width: 100%;
				text-align: left;
				
			} */
			
			/*.topnav a:nth-child(1), .topnav a:nth-child(2), .topnav a:nth-child(3), .topnav a:nth-child(4), .topnav a:nth-child(5) {
				display: none;
			  } */ 
			  
			  /*.dropdown .dropbtn{
				display: none;
			  }
			  
			  .topnav .welcomelogin{
				display: none;
				
			  } */
			  
			  .topnav a, .dropdown .dropbtn {
				display: none;
			  }
			  
			  .topnav a.icon {
				float: right;
				display: block;
				text-align: right;
			}
			
			.topnav.responsive {
				position: relative;
				padding-top: 50px;
				/*display: flex;
				flex-direction: column;*/
				
			}
			  .topnav.responsive a.icon {
				position: absolute;
				right: 0;
				top: 0;
				text-align: right;
			  }
			  .topnav.responsive a:not(.icon) {
				float: none;
				display: block;
				text-align: left;
				width: 100%;
			  }
			  .topnav.responsive .dropdown {float: none; }
			  .topnav.responsive .dropdown-content {position: relative; margin-top: 0px; }
			  .topnav.responsive .dropdown .dropbtn {
				display: block;
				width: 100%;
				text-align: left;
			  }
			  
			  /*
			  .topnav.responsive .welcomelogin{
				display: block;
				width: 100%;
				text-align: left;
				
			  }*/
			  
			  /*
			  .topnav .welcomelogin{
				order: 1;
			  }
			  
			  .topnav .howdiv {
				order: 2; 
			  }
			  
			  .topnav .contactdiv {
				order: 3;  
			  }
			  
			  .topnav .aboutdiv {
				order: 4;  
			  }*/
			
			.topnavPadding {
				padding-top: 1px;
				/*padding-left: 120px;*/
				padding-left: calc((100vw - 1000px)/4);
			}
			
			.topnavPadding1 {
				padding-top: 6px;
				/*padding-left: 120px;*/
				padding-left: calc((100vw - 1000px)/4);
			}
			
			.fontSize {
				font-family: Roboto;
				font-size: 14px;
			}
			
			.fontSizeSidebarNames {
				font-family: Roboto;
				font-size: 14px;
			}
			
			.modalFont {
				font-family: roboto, sans-serif;
				font-style: normal;
				font-weight: normal;
				font-size: 10px;
			}
			
			.buttonMargin {
				margin-left: 0px;
			}
			
			.col-35 {
				float:left; 
				width: 100%;
			}
			
			.col-65 {
				float:left; 
				width: 100%;
			}
			
			.col-60 {
				float:left; 
				width: 85%;
			}
			
			/* new cols */
			.col-30 {
				float:left; 
				width: 100%;
			}
			
			.col-50 {
				float:left; 
				width: 100%;
			}
			
			.col-25 {
				float:left; 
				width: 100%;
			}
			
			.col-49 {
				float:left; 
				width: 75%;
			}
			
			.logoimage {
				width: 100%;
				  max-width: 110px;
				  height: auto;
			}
			
			.lbCup {
				width: 100%;
				  max-width: 30px;
				  height: auto;
				  
			}
			.helpimages {
				width: 100%;
				  max-width: 300px;
				  height: auto;
				  
			}
			
			.helpimagesvertical {
				width: 100%;
				  max-width: 200px;
				  height: auto;
				  
			}
			
			/* .logoimagename {
				width: 100%;
			  max-width: 100px;
			  height: auto;
			}
			
			#logoname {
				padding-top: 1l0px;
				
			} */
			
			.tagfontSize {
				font-size: 12px;
			}
			
			.CatchlineFont {
				font-family: Roboto;
				font-size: 18px;
			}
			
			.CatchlineFont > p {
				font-size: 15px;
			}
			
			/*.writeupPara2 {
				display: none;
			}*/
			
			/*---- For User Profile -----*/
			.profile {width: 90%; height: 550px; margin-left: 0px;font-weight: 200;
			font-size: 10px;}
		
			
			#profile input[type="text"] {
				width: 90%;
				font-family: Roboto;
				font-weight: 200;
				font-size: 10px;
			}
			
			.profilelbl {
			 
			  margin-top: 0px;
			  margin-left: 2px;
			}

			.profiletxt {
			  margin-left: 0px;
			  margin-top: 2px;
			}
			
			.saveprofile {
				top: 20px;
				left: 2px; 
				font-weight: 200;
				font-size: 12px;
				width: 70px;
				height: 28px;
			}
			
			.cancelprofile {
				top: 20px;
				left: 10px; 
				float: left; 
				font-weight: 200;
				font-size: 12px;
				width: 70px;
				height: 28px;
			}
			
			.jointeam{
				top: 6px;
				left: 2px; 
				font-weight: 200;
				font-size: 10px;
			}
			
			.createteam{
				top: 6px;
				left: 2px; 
				font-weight: 200;
				font-size: 10px;
			}
			.createteam-container input[type=text] {
				width: 80%;
				padding: 5px 5px;
				margin: 5px 0 22px 0;
				border: 1px solid grey;
				line-height: 18px;
				font-family: Roboto;
				font-weight: 300;
				font-size: 10px;
			}
			.jointeam-container input[type=select] {
				width: 80%;
				padding: 5px 5px;
				margin: 5px 0 22px 20px;
				border: 1px solid grey;
				line-height: 18px;
				font-family: Roboto;
				font-weight: 300;
				font-size: 10px;
			}
			
			#selectTeam {
				font-size: 10px;
			}
			
			/*---- For Forgot Password -----*/
			.forgetPwd {font-weight: 300;
			font-size: 14px;}
					
			
		   .FPlabel {
			  float: left;
			  margin-top: 6px;
			  margin-left: 10px;
			}

			.FPinput {
			  margin-left: 4px;
			  margin-top: 6px;
			}
			
			#forgetPwd input[type=email]
			{
				width: 170px;
			
			}
			
			.submitEmail {
			  margin-left: 30px;
			  margin-top: 0px;
			}
			
			.backLink {
				margin-left: 30px;
				margin-top: 50px;
			}
			
			/*---- For Reset Password -----*/
			.resetPwd {font-weight: 300; 
			font-size: 14px;}
					
			
		   .RPlabel {
			  float: left;
			  margin-top: 6px;
			  margin-left: 50px;
			}

			.RPinput {
			  margin-left: 30px;
			  margin-top: 6px;
			}
			
			#resetPwd input[type=password]
			{
				width: 170px;
			
			}
			
			.submitPwd {
			  margin-left: 60px;
			  margin-top: 0px;
			}
			
			.RPbackLink {
				margin-left: 60px;
				margin-top: 50px;
			}

			/*---- For Change Password -----*/
			
			/* Full-width input fields */
			.cp-container input[type=text], .cp-container input[type=password] {
				width: 90%;
				padding: 5px 5px;
				margin: 5px 0 22px 0;
				border: 1px solid grey;
				line-height: 18px;
				font-family: Roboto;
				font-weight: 300;
				font-size: 10px;
			}
			
			/*.cpformsize {width: 70%; height: 200px; margin-left: 0px; font-weight: 200;
			font-size: 10px;}
			
			#cp-container input[type="text"] {
				width: 80%;
				font-family: Roboto;
				font-weight: 300;
				font-size: 10px;
			}
			
			#cp-container input[type="password"] {
				width: 80%;
				font-family: Roboto;
				font-weight: 300;
				font-size: 10px;
			}
			
			.cplbl {
			  margin-top: 0px;
			  margin-left: 2px;
			}

			.cptxt {
			  margin-left: 0px;
			  margin-top: 6px;
			}*/
			/*---- For Leaderboard -----*/
			.lbtab button {
			  background-color: inherit;
			  float: left;
			  border: none;
			  outline: none;
			  cursor: pointer;
			  padding: 14px 16px;
			  transition: 0.3s;
			  font-size: 13px; 
			}
			
			.nwtab button {
			  background-color: inherit;
			  float: left;
			  border: none;
			  outline: none;
			  cursor: pointer;
			  padding: 14px 16px;
			  transition: 0.3s;
			  font-size: 13px; 
			}
			
			.twtab button {
			  background-color: inherit;
			  float: left;
			  border: none;
			  outline: none;
			  cursor: pointer;
			  padding: 14px 16px;
			  transition: 0.3s;
			  font-size: 13px; 
			}
			.lbtabletr, .lbtabletd {
				padding: 1px;
				width: 95%;
				text-align: left;
				
			}
			.lbleftmargin {
				margin-left: 1px;
			}
			
			.lbpadding {
				padding: 1px 1px;
			}
			
			/*---- For Add Location -----*/
			.addlocationform {width: 80%; height: 500px; margin-left: 0px;font-weight: 200;
			font-size: 10px;}
			
			.addloclbl {
			 
			  margin-top: 0px;
			  margin-left: 2px;
			}

			.addloctxt {
			  margin-left: 0px;
			  margin-top: 2px;
			}
			
			#addlocscreen input[type="text"] {
				width: 90%;
				font-family: Roboto;
				font-weight: 200;
				font-size: 10px;
			}
			/* The star of the show */
			.rate > label:before {
				display: inline-block;
				font-size: .7rem;
				padding: .3rem .2rem;
				margin-right:0;
				cursor: pointer;
				font-family: 'Font Awesome 5 Free';
				font-weight: 900;
				content: "\f005"; /* full star */
			}

			/* Half star trick */
			.rate .half:before {
				content: "\f005"; /* half star no outline */
				position: absolute;
				padding-right: 0;
				width: 0.42rem;
				overflow: hidden;
				margin-right: 0.3rem;
			}
			.save-marker {
				top: 20px;
				left: 2px; 
				font-weight: 200;
				font-size: 12px;
				width: 70px;
				height: 28px;
			}
			
			.delete-marker {
				top: 20px;
				left: 10px; 
				float: left; 
				font-weight: 200;
				font-size: 12px;
				width: 70px;
				height: 28px;
			}
			
			/*------- Log in -------*/
			/* Full-width input fields */
			.login-container input[type=text], .login-container input[type=password] {
				width: 90%;
				padding: 5px 5px;
				margin: 5px 0 22px 0;
				border: 1px solid grey;
				line-height: 18px;
				font-family: Roboto;
				font-weight: 300;
				font-size: 10px;
			}
			
			/*------- Sign up -------*/
			/* Full-width input fields */
			.signup-container input[type=text], .signup-container input[type=password] {
				width: 90%;
				padding: 5px 5px;
				margin: 5px 0 22px 0;
				border: 1px solid grey;
				line-height: 18px;
				font-family: Roboto;
				font-weight: 300;
				font-size: 10px;
			}
		}
		
	/* ------------END MEDIA Q-------------------------------------------------------------------------------*/
	/* ------------END MEDIA Q-------------------------------------------------------------------------------*/