*, *:before, *:after {
  box-sizing: border-box;
}

.head-logo {
	max-width: 6.5vw;
}

.member-menu {
	position: absolute;
	right: 22px;
	/* top: 2px; */
	/* text-align: right; */
	/* margin-left: 0px; */
	/* float: right; */
	/* display:flex; */
    /* justify-content: flex-end; */
}

.head-title {
	font-size: 2.1vw;
	font-weight:bold; 
	margin: 1px;
	color: white;
}

.head-title-guj {
	font-size: 2.5vw;
	font-weight:bold; 
	margin: -6px;
	color: white;
}

.head-title-slogan {
	font-size: 1.4vw;
	font-weight:bold; 
	margin: 0px;
	padding: 0px;
	color: white;
}

.head-title-inspired {
	font-size: 1.4vw;
	/* font-weight:bold;  */
	margin: 0px;
	padding: 0px;
	color: white;
}

.title-history {
	font-size: 1.3vw;
	color: dodgerblue;
}

.btn-logout {
	font-size: 1.7vw;
	padding:5px;
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) /* and (orientation: landscape) */ {
/* 	.head-logo {
		max-width: 12vw;
	} */
	
	.head-title {
		font-size: 3vw;
	}
	
	.head-title-guj {
		font-size: 3.5vw;
	}
	
	.head-title-slogan {
		font-size: 1.8vw;
	}

	.head-title-inspired {
		font-size: 2.1vw;
	}

	.title-history {
		font-size: 1.6vw;
	}
	
	.member-menu {
		position: relative;
		right: 0px;
		margin: auto;
		/* top: 2px; */
		/* text-align: center; */
		/* margin-left: auto; */
		/* margin-right: auto; */
	}
	
	.btn-logout {
		font-size: 3vw;
		padding:5px;
	}	
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
/* 	.head-title {
		font-size: 2.0vw;
	} */
	
/* 	.head-title-guj {
		font-size: 2.5vw;
	} */
	
	.member-menu {
		/* position: relative; */
		/* margin: auto; */
		/* right: 10px; */
		/* top: 2px; */
		/* text-align: right; */
		/* margin-left: 0px; */
		/* display:flex; */
		/* justify-content: flex-end; */
	}
	
/* 	.title-history {
		font-size: 1.2vw;
		color: dodgerblue;
	} */
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
/* 	.head-title {
		color: pink;
	} */
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
/* 	.head-title {
		color: black;
	} */
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
/* 	.head-title {
		color: maroon;
	} */
}