html, body {
height: 100%;
margin: 0;
padding: 0;
font-family:Arial, Helvetica, sans-serif;
font-size: 18px;
line-height: 1.6;
background-color: #C8C8C8;
color: black;
      }










.topnav {
    display: block!important;
  overflow: hidden;
  background-color: #333;
}

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

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

.active {
  background-color: #a55445;
  color: white;
}

.topnav .icon {
  display: none;
}

  .topnav.responsive a {
    float: none;
    display: block!important;
    text-align: left;
  }













      #description {
        font-family: Roboto;
        font-size: 15px;
        font-weight: 300;
      }

      #infowindow-content .title {
        font-weight: bold;
      }

      #infowindow-content {
        display: none;
      }

      #map #infowindow-content {
        display: inline;
      }

      .pac-card {
        margin: 10px 10px 0 0;
        border-radius: 2px 0 0 2px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        outline: none;
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
        background-color: #fff;
        font-family: Roboto;
      }

      #pac-container {
        padding-bottom: 12px;
        margin-right: 12px;
      }

      .pac-controls {
        display: inline-block;
        padding: 5px 11px;
      }

      .pac-controls label {
        font-family: Roboto;
        font-size: 13px;
        font-weight: 300;
      }

      #pac-input {
        background-color: #fff;
        font-family: Roboto;
        font-size: 18px;
        font-weight: 300;
        margin-left: 12px;
        padding: 2px;
        text-overflow: ellipsis;
        width: 400px;
      }

      #pac-input:focus {
        border-color: #4d90fe;
      }

      #title {
        color: #fff;
        background-color: #4d90fe;
        font-size: 25px;
        font-weight: 500;
        padding: 6px 12px;
      }
      #target {
        width: 345px;
      }





.map {
        height: 50%!important;
        width: 50%!important;
        margin-left: auto;
        margin-right: auto;
        padding-top: 20px;
        padding-bottom: 20px;
      }

      /* Optional: Makes the sample page fill the window. */


.ezMenuButton {
    display: block;
    padding-top: 10px;
    padding-bottom: 20px;
    font-size: 20px;
    margin-left: auto;
    margin-right: auto;
}


.Label {
    display: block;
    width: 30%;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    color: red;
}



.sectionLabel {
        display: block;
    padding-top: 1px;
    padding-bottom: 1px;
    margin-left: auto;
    margin-right: auto;
    color: red;
    text-align: center;
}








.Input {
    display: block;
    width: 30%;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
}






.resultsContainer {
display:block;
justify-content:center;
align-items:center;
font-size: 24px;
color: black;
}


.resultsSection {
display:flex;
justify-content:center;
align-items:center;
padding-top: 50px;
padding-bottom: 50px;
}


.addressSection {
display:block;
padding-top: 50px;
padding-bottom: 50px;
}



.contactSection{
display:block;
padding-top: 50px;
padding-bottom: 50px;  
}

.descriptionSection {
display:flex;
justify-content:center;
align-items:center;
padding-top: 40px;
padding-bottom: 40px;
}


.industrySection {
display:flex;
justify-content:center;
align-items:center;
padding-top: 40px;
padding-bottom: 40px;
}

.description {
    border: 5px solid black;
}



.productSection {
display:block;
justify-content:center;
align-items:center;
padding-top: 40px;
padding-bottom: 40px;
margin-left: 27%;
margin-right: 27%;
line-height: 3;
}



.productInput {
    display: inline;
    padding: 10px;
    margin-left: 3%;
    margin-right: 3%;
}




.checkboxLabel {
padding: 15px;
font-size: 22px;
border: solid black;
}



.pcheckbox {
position:absolute;
opacity:0;
            }


input[type="checkbox"]:checked+label{
        background-color: green;
        
    }



.productbox {
    background-color: gray; /* Gray */
    border: none;
    color: black;
    height: 20px;
    width: 100px;
    padding: 5px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    
}




         .workImages {
             padding-top: 100px;
             width: 30%;
             height: auto;
            display: block;
            margin-left: auto;
            margin-right: auto;
         }
         
         
                  .homeImage {
            padding-top: 30px;
            padding-bottom: 30px;
             width: 50%;
             height: auto;
             display: block;
             margin-left: auto;
            margin-right: auto;
         }

.bio {
text-align: center!important;
padding-top: 50px!important;
padding-bottom: 50px!important;
display: block;
justify-content: center;
align-items: center;
}

.bioWrap {
color: white;
display: block;
background-color: #191919;
}

.email {
color: #a55445;
}



.submitButton {
height: 50px!important;
width: 30%!important;
font-size: 16px;
font-weight: bold;
display:flex;
justify-content:center;
align-items:center;
            margin-left: auto;
            margin-right: auto;
    }



.user {
    font-size: 16px;
    display: inline-block;

}

.signout {
    font-size: 14px;
        display: inline-block;
}
























@media screen and (max-width: 900px) {

  
html, body {
height: 100%;
font-family:Arial, Helvetica, sans-serif;
font-size: 16px;
line-height: 1.6;
background-color: #C8C8C8;
color: black;
      }
      
form {
margin-left: 5%;
margin-right: 5%;
      }


      
      
.topnav .icon {
  display: none;
}

  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
  }


  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
      
  }



      
      
.map {
        height: 50%!important;
        width: 100%!important;
        padding-top: 20px;
        padding-bottom: 20px;
      }




.Label {
    display: inline;
    padding-top: 5px;
    padding-bottom: 5px;
    color: red;
    font-size: 18px;
    margin-left: auto;
    margin-right: auto;
}



.resultsSection {
display:flex;
justify-content:center;
align-items:center;
padding-top: 30px;
padding-bottom: 50px;
}




.resultsContainer {
display:block;
justify-content:center;
align-items:center;
font-size: 18px;
color: black;
}


.addressSection {
display:block;
padding-top: 30px;
padding-bottom: 30px;
}


.contactSection {
display:block;
padding-top: 30px;
padding-bottom: 30px;  
}


.descriptionSection {
display:flex;
justify-content:center;
align-items:center;
padding-top: 5px;
padding-bottom: 30px;
}



.productSection {
display:block;
justify-content:center;
align-items:center;
padding-top: 20px;
padding-bottom: 20px;
margin-left: 5%;
margin-right: 5%;
line-height: 2.8;
}





.pcheckbox {
position:absolute;
opacity:0;
            }


.checkboxLabel {
padding: 10px;
font-size: 18px;
border: solid black;
}


.Input {
    display: inline-block;
    padding: 3px;
    font-size: 16px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}


.workImages {
padding-top: 50px;
width: 60%;
height: auto;
display: block;
margin-left: auto;
margin-right: auto;
         }
         
         
.homeImage {
padding-top: 30px;
padding-bottom: 30px;
display: block;
width: 100%;
height: auto;
margin-left: auto;
margin-right: auto;
         }


.bioWrap {
display: block;
background-color: #191919;
}

.bio {
text-align: center!important;
padding-top: 50px!important;
padding-bottom: 50px!important;
display: block;
justify-content: center;
align-items: center;
}

.e-mail {
color: #a55445;
}



.submitButton {
height: 40px!important;
width: 100%!important;
font-size: 16px;
padding: 10px;
font-weight: bold;
display:flex;
justify-content:center;
align-items:center;
            margin-left: auto;
            margin-right: auto;
    }



.user {
    font-size: 14px!important;
        display: inline-block;
}

.signout {
    font-size: 14px!important;
        display: inline-block;
}


.googleImage {
    display: block;
    float: left;
    padding-top: 40px;
}



         
}