/* Small screens */
@media only screen { } /* Define mobile styles */

@media only screen and (max-width: 40em) { } /* max-width 640px, mobile-only styles, use when QAing mobile issues */
  /*Medium screens */
@media only screen and (min-width: 40.063em) { } /* min-width 641px, medium screens */

@media only screen and (min-width: 40.063em) and (max-width: 64em) { } /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */

/* Small & Medium screens */
@media only screen and (max-width: 1024px) and (min-width: 310px){
	.hide-s { display: none !important; }
	.small-extra-space-25, .row.small-extra-space-25 { margin-bottom: 25px !important; }
	.small-extra-space-50, .row.small-extra-space-50 { margin-bottom: 50px !important; }
	.timer-color { margin-bottom: 50px; }
	.container { max-width: 100%; width: 100%; padding: 215px 1.5rem 0 1.5rem; }

	.authentication.container { width: 100%; margin: 0 auto; padding: 2rem; }
	.authentication.container img { max-width: 100%; margin-top: 3rem; }
	.authentication.container header { text-align: center; }
	.authentication.container header h4 { margin-bottom: 20px; }
	.authentication.content { margin: 0 auto; }
	.authentication.content label { padding-top: 1.15rem; }

	.info-bar { height: 70px; top: 120px; }
	.info-bar h3 { font-size: 28px; }
	nav { height: 120px; position: relative; background-color: #2b303b; position: fixed; left: 0; top: 0px; z-index: 2500; width: 100%; }
	nav:hover { width: 100%; }
	nav .row { position: relative; width: 20%; float: left; border: none; padding-left: 10px; padding-right: 30px; text-align: center; }
	nav a:first-child .row { width: 100%; }
	nav .row .logo_full {  height: 41px; max-height: 41px; }
	nav .row .logo_full img { opacity: 1; width: 20%; }
	nav .row .logo_icon img { display: none; }

	.input i { line-height: 18px; }

	nav .nav-text { margin-left: 0; width: calc(100% - 25px); float: left; }
	nav .nav-icon { padding-left: 10px; width: 25px; float: left; }

	.continued table { width: 100%; font-size: 12px; border: none; }

}

/* Large screens */
@media only screen and (min-width: 64.063em) { } /* min-width 1025px, large screens */

@media only screen and (min-width: 64.063em) and (max-width: 90em) { } /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */

/* XLarge screens */
@media only screen and (min-width: 90.063em) { } /* min-width 1441px, xlarge screens */

@media only screen and (min-width: 90.063em) and (max-width: 120em) { } /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */

/* XXLarge screens */
@media only screen and (min-width: 120.063em) { } /* min-width 1921px, xxlarge screens */