/* Color pallette
2470A2
*/


/* Load fonts */

@font-face {
    font-family: 'cooper_hewittbook';
    src: url('../fonts/cooperhewitt-book-webfont.woff2') format('woff2'),
         url('../fonts/cooperhewitt-book-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

body {
  font-family: 'cooper_hewittbook', sans-serif;
  text-align: center;
  background-color: rgb(250, 250, 250);   
}

/* Reusable classes for all devices */

.container {
  margin: auto;
}

.full-width {
  width: 100%;
}

.vert-center {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.section-img {
  width: 100%;
}

.material-card {
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  border: 1px solid rgba(0,0,0,0.12);
  margin: 10px;
  padding: 10px;
  background-color: rgb(255, 255, 255);   
}


/* Page styling for all devices */

body {
  margin: 0px;
  overflow-y: scroll;
}

div {
  margin: 0px;
}

.tabspace {
  width: 100%;
  height: 100%;
  display: block;
}

#contact-area {
  margin-top: 20px;
  margin-bottom: 20px;
}
  
#contact-area table {
  width: 100%;
}

#contact-area input, #contact-area textarea {
  width: 95%;
  padding: 2px;
	border: 2px solid #ccc;
}

#contact-area textarea {
	height: 90px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 2px solid #4A148C;
}


#contact-area input.submit-button {
	width: 100px;
	float: right;
}

#contact-area td.left {
	width: 80px;
	text-align: left;
}

#catpcha-area {
	margin-left: 200px;
}

/* Mobile-specific styling */

  
  #company-logo  {
    margin: auto;
    height: 100px;
  }
  
  #company-logo img {
    display: block;
    margin: auto;
    height: 100%;
  }
  
/* Desktop-specific styling */

@media (min-width: 600px) {

  .container {
    max-width: 800px;
  }
  
  /* Title bar layout */
  
  #company-logo  {
    margin: auto;
    height: 200px;
  }
  
  #company-logo img {
    display: block;
    margin: auto;
    height: 100%;
  }
  
  
}