@media (max-width: 1200px) {

	h1 {
		font-size: 1.75rem;
	}

	h2 {
		font-size: 1.5rem;
	}

	h3 {
		font-size: 1.25rem;
	}

	h4 {
		font-size: 1rem;
	}

}
 
  
  #desc {
  	overflow: auto;
  	position: absolute;
  	top: 63%;
  	left: 11px;
  	padding: 10px;
  	background-color: white;
  	/* border: 2px solid red; */
  	height: 25%;
  	width: 90%;
  	font-size: .9em;
  	/*  font-weight: 600;*/
  	line-height: 1.4em;
  }
  
  .bold-rivets
  
  {
  
    	font-size: .6em;
  	font-weight: bold;

  
  }
  
    
  .bold-rivets-red
  
  {
  
    	font-size: .9em;
  	font-weight: bold;
   color: red;
  }
  .bold-rivets-red2
  
  {
  
    	font-size: 1em;
  	font-weight: bold;
   color: red;

  
  }
   #desc3 {
  	overflow: auto;
  	position: absolute;
  	top:49%;
  	left: 11px;
  	/*padding: 10px;*/
  	background-color: white;
  	/* border: 2px solid red; */
  	height: 40%;
  	width: 90%;
  	font-size: .9em;
  	/*  font-weight: 600;*/
  	line-height: 1.4em;
  }
  
  
  
  #desc2 {

  	margin-top: 5%;
  	left: 11px;
  /*	padding: 5px;*/
  	background-color: transparent;
  /*	height: 10%;*/
  	width: 100%;
  }
  .headings {
  	font-size: 9px;
  }
  .headingfont {
  	font-size: 18px;
  	font-weight: 700;
  }
  .specs {
  	display: flex;
  	/*width: 109%;*/
  }
  .specs >* {
  	flex: 1 1 0;
  }
  .specs_headings {
  	display: flex;
  width: 100%;
  	/*margin-top: -10px;*/
  }
  .specs_headings >* {
  	flex: 1 1 0;
  }
  /* width */

  ::-webkit-scrollbar {
  	width: 10px;
  }
  /* Track */

  ::-webkit-scrollbar-track {
  	background: #f1f1f1;
  }
  /* Handle */

  ::-webkit-scrollbar-thumb {
  	background: #336699;
  }
  /* Handle on hover */

  ::-webkit-scrollbar-thumb:hover {
  	background: #336699;
  }
  html {
  	overflow: -moz-scrollbars-vertical;
  	display: block !important;
  }