*{
 box-sizing: border-box;   
}

html, body{
 padding:0;
 margin:0;    
}

@font-face {
    font-family: sans-serif;
    src: url(sans-serif-Regular.ttf);
}

@font-face {
  font-family: Roboto;
  src: url(Roboto-Black.ttf);
}

@font-face {
  font-family: Mulish;
  src: url(Mulish-VariableFont_wght.ttf);
}


/*styling top nav*/
.topnav {
  overflow: hidden;
  background-color: #000000;
}

.topnav a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
  font-family: sans-serif;
  letter-spacing:1px;
}

.topnav a:hover {
  background-color: #ddd;
  color: black;
}



.topnav .icon {
  display: none;
}

@media screen and (max-width: 600px) {
  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
  }
}

@media screen and (max-width: 600px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
}







.headerdiv{
 position: relative;
 margin:auto;   
 width: 100%;
#padding-top:100px;
#padding-bottom:50px;
 padding-left:20px;
 padding-right:20px;
}

.headerdiv img{
  display:block;   
  margin: auto;
  width: fit-content;
}

.headerdiv h1{
 font-family:Roboto; 
 font-size:22px;
 letter-spacing:1px;  
 word-spacing:2px;
 text-align: center;
 margin-top:40px;
 font-weight: normal;
 
}

.headerdiv .tagline{
 text-align: center;
 font-family: sans-serif;
 font-size:18px;
 letter-spacing: 1px;
 text-decoration: underline;
}

.headerdiv table{
 display:block;
 max-width: fit-content;
 margin: auto;
 border:1px solid rgb(200,200,200); 
 margin-top:80px;
 border-collapse: collapse;
}

.headerdiv table tr td a{
  display: block;
  text-decoration: none;
  color: rgb(100,100,100);
  padding:10px; 
  font-family:sans-serif;
  font-size:18px;
 }

.headerdiv table tr td:nth-child(3){
 background-color: rgb(240,240,240); 
}

.headerdiv table tr td:hover{
  background-color:rgb(230,230,230);
}


.AboutDiv{
 background-color:rgb(250,250,250); 
 padding-top:50px;
 padding-bottom:50px;
 padding-left:20px;
 padding-right:20px;
 height:fit-content;
 overflow:hidden;
}

.AboutDiv .Content{
  float: left;
  width:100%;
  padding:10px;
}

.AboutDiv .Content h2{
  font-family:Roboto;
  font-size:22px;
  letter-spacing:1px;  
  word-spacing:2px;
  font-weight: normal;
}

.AboutDiv .Content p{
 font-family: sans-serif;
 line-height:30px; 
 letter-spacing:1px;
 font-size:18px;
}

.AboutDiv .ImageDiv{
  width:40%;
  float: right;
  padding:10px;
}

.AboutDiv .ImageDiv img{
  max-width:80%;
  height:250px;
}




.CalciumCarbonateDiv{ 
  padding-top:80px;
  padding-bottom:40px;
  padding-left:20px;
  padding-right:20px;
  height:fit-content;
  overflow:hidden;
 }

 .CalciumCarbonateDiv .Box{
  float: left;
  width:100%;
  padding:10px;
}

.CalciumCarbonateDiv .Box h2{
  font-family:Roboto;
  font-size:22px;
  letter-spacing:1px;  
  word-spacing:2px;
  font-weight: normal;
}

.CalciumCarbonateDiv .Box p{
 font-family: sans-serif;
 line-height:30px; 
 letter-spacing:1px;
 font-size:18px;
}


.CalciumCarbonateDiv .Box img{
  max-width:85%;
  display:block;
  margin: auto;
}






.LabDiv{ 
  background-color: rgb(250,250,250);
  padding-top:80px;
  padding-bottom:40px;
  padding-left:20px;
  padding-right:20px;
  height:fit-content;
  overflow:hidden;
  margin: auto;
 }

 .LabDiv .Box{
  float: left;
  width:100%;
  padding:10px;
}

.LabDiv .Box h2{
  font-family:Roboto;
  font-size:22px;
  letter-spacing:1px;  
  word-spacing:2px;
  font-weight: normal;
}

.LabDiv .Box p{
 font-family: sans-serif;
 line-height:30px; 
 letter-spacing:1px;
 font-size:18px;
}


.LabDiv .Box img{
  max-width:85%;
  display:block;
  margin: auto;
}






footer{
 overflow: hidden;  
 padding:20px;
 max-width:100%;
 margin:auto;
 background-color: black;
}


footer .tagline{
  color:rgb(100,100,100);
  font-family:sans-serif;
  text-align: center;
  font-size:16px;
  letter-spacing:1px;
  margin-top: -10px;
}