/* this is for logos that are square - BCM, MIX */

/* lines above the first @media section apply to all device sizes */

/* changes area outside of container to white, was gray */
body {
	background-color: white !important;
}	

/* changes the default font to Roboto */
html {
  font-family: "Roboto", Arial, Helvetica, sans-serif !important; 
  -ms-text-size-adjust: 100% !important; 
  -webkit-text-size-adjust: 100% !important; 
  box-sizing: border-box !important;
}
/* removes padding to left on demo labels helps for better alignment */
.demo_label_location_top {
  padding-left: 0em !important;
}
/* moves submit button over to left */
.section_submit {
  text-align: left;
}
/* makes buttons more square */
.btn-primary {
  border-radius: 2px !important;
}
.submit-button {
  border-radius: 2px !important;
}
/* make font size important */
.formheader_grey {
  font-family: 'Roboto', 'Arial', sans-serif;
  font-size: 1.1em !important;
  font-weight: bold;
  text-align: center;
}

/* Small devices (landscape phones, 576px and up) --------------------------------------------- */
@media (min-width: 576px) {
.img-fluid{
	min-width: 325px !important;
	max-width: 350px !important;
}
/* moves submit button over to left 
.section_submit {
  text-align: left;
} */
}

/* Medium devices (tablets, 768px and up) ----------------------------------------------------- */
@media (min-width: 768px) {
	
}

/* Large devices (desktops, 992px and up) ----------------------------------------------------- */
@media (min-width: 992px) {
/* makes font bold on contact field labels */
.contacts_panel1 { 
    float: left;
	font-weight: bold;	
    padding-top: 1em; 
    padding-right: 1em;
    width: 90%;
}
/* makes contact field text boxes wider */
 .contacts_panel2 {
   float: left;
   width: 50em !important;
   max-width: 90%;
 }
  /* makes text boxes height shorter */
.form-control {
  margin: 0 auto;
  line-height: 1 !important;
}
/* changes size of center header image */
.img-fluid {
    min-width: 450px !important;
	max-width: 450px !important;
}
/* makes lookup panel thinner */
.rounded {
    max-width: 90% !important;
	margin-left: auto !important;
	margin-right: auto !important;
}
}

/* Extra large devices (large desktops, 1200px and up) ---------------------------------------- */
@media (min-width: 1200px) {
/* adds extra padding on left and right of entire container */
.container{
	max-width: 75% !important;
/*	margin: 0 !important; */
}
/* changes size of center header image */	
.img-fluid {
    min-width: 450px !important;
	max-width: 450px !important;
}
/* makes font bold on contact field labels */
.contacts_panel1 { 
    float: left;
	font-weight: bold;	
    padding-top: 1em; 
    padding-right: 1em;
    width: 90%;
}
/* makes contact field text boxes wider */
 .contacts_panel2 {
   float: left;
   width: 50em !important;
   max-width: 90%;
 }
 /* makes text boxes height shorter */
.form-control {
  margin: 0 auto;
  line-height: 1 !important;
  
}.label-block {
  font-size: 1em !important;
  font-weight: bold;
}
/* makes lookup panel thinner */
.rounded {
    max-width: 90%; !important;
	margin-left: auto; !important;
	margin-right: auto; !important;
}
}