@font-face {
   font-family: 'Material Icons';
   font-style: normal;
   font-weight: 400;
   src: url(../fonts/MaterialIcons-Regular.eot); /* For IE6-8 */
   src: local('Material Icons'),
        local('MaterialIcons-Regular'),
 /*       url(../fonts/MaterialIcons-Regular.woff2) format('woff2'),
        url(../fonts/MaterialIcons-Regular.woff) format('woff'), */
        url(../fonts/MaterialIcons-Regular.ttf) format('truetype');
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}

.top-left-gallery-image {
	position: absolute;
	top: 0px;
	left: 0px;
	font-size: 175%;
	color: #8c2b43;
	padding-left: 8px;
	padding-right: 8px;
}

.right-gallery-rating {
	position: absolute;
	top: 10px;
	right: 0px;
	font-size: 200%;
	font-weight: bold; 
	color: #ff5722;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left: 8px;
	padding-right: 8px;
}

.button {
	background-color: #00796b !important;
	margin: 2px !important; 
}

.button:hover {
	background-color: #00695c !important;
	margin: 2px !important;
}

.is-checked {
	background-color: #004d40 !important;
	margin: 2px !important;
}

.gallery-header {
	background-color: lightgray !important;
	color: black !important;
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}

.gallery-header-top {
	height: 65px !important;
	background: linear-gradient(0deg, rgba(233,233,233,1) 0%, rgba(244,244,244,1) 50%, rgba(255,255,255,1) 100%);
	padding-bottom: 0px !important;
}

.gallery-header-bottom {
	height: 60px !important;
	background: linear-gradient(0deg, rgba(211,211,211,1) 0%, rgba(222,222,222,1) 50%, rgba(233,233,233,1) 100%);
	padding-top: 5px !important;
}

.helmet-name {
	color:  #8c2b43;
	font-size: 120%;
}

.helmet-rating-expand {
	color: #ff5722;
}

.price {
	font-size: 120%;
}

.helmet-plot {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 600px;
}

@media only screen and (max-width: 750px) {
	.helmet-plot {
		width: 100%;
	}
}

.test-gif {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 80%;
}


body p {
	font-size: 18px;
}

.collapsible {
	font-size: 18px;
}

@media only screen and (min-width: 800px) and (max-width: 992px) {
	.title-wrapper {
		margin-top: 125px !important;
	}
}

.collapsible a {
	color:  #00796b !important;
}

.dropdown-content a {
	color:  #00796b !important;
}

.tagline {
	font-size: 18px !important;
	line-height: 24px !important;
	margin-top: 8px !important;
	color:  white !important;
}

#contact-info a {
	color:  #00796b !important;
	font-weight: bold !important;
}

.name {
	font-weight: bold !important;
}

#lab-cover {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 80%;
	margin-top: 20px;
}

.card-content {
	height: 120px !important;
	padding-top: 10px !important;
	padding-bottom: 10px !important;
	padding-left: 16px !important;
	padding-right: 16px !important;
}

.card a {
	color:  #000000 !important;
	font-weight: bold !important;
	font-size: 18px !important;
}

.bottom-spacer {
	height: 30px;
}

@media only screen and (max-width: 992px) {
  nav .brand-logo {
    left: 100% !important;
    -webkit-transform: translateX(-100%) !important;
            transform: translateX(-100%) !important;
	}
}

.back-btn {
	color: white !important;
	font-size: 18px !important;
}

.helmet-page {
	 background-color: white;
	 text-align: center;
	 padding-left: 20px;
	 padding-right: 20px;
	 padding-top: 10px;
}

.helmet-page-name {
	/*color: #8c2b43 !important;*/
}

.helmet-page-rating {
	color: #ff5722;
	font-size: 36px !important;
}

.helmet-page {
	box-shadow: 0 2px 6px rgb(0 0 0 / 10%);
}

#helmet-page-back a {
	color:  #00796b !important;
	font-weight: bold !important;
	font-size: 24px !important;
	vertical-align: middle !important;
}

#helmet-page-photo {
	display: block;
	margin-left: auto;
	margin-right: auto;
	max-height: 300px;
}

@media only screen and (max-width: 750px) {
	#helmet-page-photo {
		width: 100%;
	}
}

.helmet-page-text {
	font-size: 18px !important;
}

.summary-list {
		font-size: 18px;
}

.report-image {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 100% !important;
	margin-top: 20px;
	max-width: 600px !important;
}

.report-h2 {
	font-size: 36px !important;
}

.report-h3 {
	font-size: 30px !important;
}

.report-table {
			font-size: 18px;
}