/*AMC tab controllers */

#amc_header{
  position: relative;
  background: url(../images/amc/digital_ekg_banner_lowres.jpg); 
  background-size: 100%;
  background-size: cover;
  background-width: 100%;
  background-height: auto;
  background-position: center center;
  vertical-align: top;
  height: auto;
  width: 100%;

  padding-bottom: 20%;
  padding-left: 2%;
  padding-right: 2%;
  padding-top: 5%;
}



#amc_header h1{
font-size: 6.700em;
margin-left: 10pt;
  color: #FCFCCF;
  font-family: koratakiregular;

  /*Used for scaling*/
transform:scale(1.1,1.53); 
-webkit-transform:scale(1.1,1.53);
-moz-transform:scale(1.1,1.53);
-ms-transform:scale(1.1,1.53);
-o-transform:scale(1.1,1.53);

  display:inline-block; 

}



#amc_description h2{
  font-size: 1.917em;
  color: #700205;
  font-family: kuroregular;

}

#amc_explination h1{
  font-family: verminVibes;
  font-size: 4.000em;
  text-transform: uppercase;
  color: #700205;

  /*Used for scaling*/
transform:scale(1.2,1); 
-webkit-transform:scale(1.2,1);
-moz-transform:scale(1.2,1);
-ms-transform:scale(1.2,1);
-o-transform:scale(1.2,1);
  display:inline-block; 
}

#amc_explination h2{
  font-family: banker_squareregular;
  font-size: 2.000em;
  text-transform: uppercase;
  color: #700205;
}

#amc_explination h3{
  font-family: franklin_gothic_fsbook;
  font-size: 1.250em;
  color: #700205;
}

#amc_explination img{
  width: auto;
  height: auto;
  max-width: 12.000em;
}

#amc_solution{
  background-color: #700205;
  padding: 0% !important;
  margin: 0% !important;
  overflow: hidden;
}

#amc_solution h1{
  font-family: verminVibes;
  font-size: 4.167em;
  color: white;
  transform:scale(1.35,1); 
-webkit-transform:scale(1.35,1);
-moz-transform:scale(1.35,1);
-ms-transform:scale(1.35,1);
-o-transform:scale(1.35,1);

  display:inline-block; 
}

#amc_solution h2{
  font-family: franklin_gothic_fsbook;
  font-size: 1.50em;
  color: white;

}

#amc_solution img{
  vertical-align: top;
  height: auto;
  width: 50%;
  z-index: 7;
}

#amc_solution_footer{
  position: relative;
  overflow: hidden !important;
}

#amc_solution_footer_text{
  position: relative;
  z-index: 3 !important;
}


#amc_solution_footer_background{
  position: absolute;
  background: url(../images/amc/close_up_lowres.jpg); 
  background-size: 100%;
  background-size: cover;
  background-width: 100%;
  background-height: auto;
  background-position: center center;
  height: auto;
  width: 100%;
  padding-bottom: 20%;
  margin-left: 1%;
  padding-right: 1%;
    z-index: 1 !important;
}

#amc_solution_footer_overlay{
    height: 100%;
    width: 100%;
    position: absolute;
    overflow: hidden;
    margin-left: 1%;
    padding-right: 1%;
    background: rgba(150, 150, 150, 0.8); /*can be anything, of course*/
    z-index: 2 !important;
}


#amc_defines h1{
  font-family: verminVibes;
  font-size: 3.43em; 
  text-transform: uppercase;
  color: #000000;

  /*Used for scaling*/
transform:scale(1.13,1); 
-webkit-transform:scale(1.13,1);
-moz-transform:scale(1.13,1);
-ms-transform:scale(1.13,1);
-o-transform:scale(1.13,1);
  display:inline-block; 
}

#amc_defines h2{
  font-family: franklin_gothic_fsbook;
  font-size: 1.505em;
  color: #000000;
}

#amc_defines img{
  vertical-align: top;
  height: auto;
  width: 50%;
}

#amc_potential h1{
  font-family: verminVibes;
  font-size: 3.513em; 
  text-transform: uppercase;
  color: #700205;

  /*Used for scaling*/
transform:scale(1.20,1); 
-webkit-transform:scale(1.20,1);
-moz-transform:scale(1.20,1);
-ms-transform:scale(1.20,1);
-o-transform:scale(1.20,1);
  display:inline-block; 
}

#amc_potential_content{
background-color: #700205 !important;

}

#amc_potential_description{
background-color: white;
margin-left: 1%;
margin-right: 1%;
padding-bottom: 3%;
text-align: center;
}

#amc_potential_description h2{
  font-family: kuroregular;
  color: #700205;
  font-size: 2.600em;
  padding-top: 3%;
}


#amc_potential_records{

  /*This allows it to animate the change in height, as you can't animate actual tab size changes because that would make it not auto size right */
   -webkit-transition: all 0.30s ease-out;
    transition: all 0.30s ease-out;

}

#amc_potential_records .fancy-underline:hover:after {
  width: 100%;
 background-color: rgba(255,255,255, 1);
}

#amc_potential_records .tab1 {
  background-color: #700205;
  padding-left: 5%;
  padding-right: 5%;
  padding-bottom: 2%;
  height: auto;
}

#amc_potential_records .tab1 img{
  padding-top: 3%;
  padding-bottom: 3%;
  height: auto;
  width: 25%;
}


#amc_potential_records .tab1 h1{
  font-family: banker_squareregular;
  font-size: 2.51em;
  color: white;
  text-transform: uppercase;
}

#amc_potential_records .tab1 h2{
  font-family: banker_squareregular;
  font-size: 1.75em;
  color: white;
  text-transform: uppercase;
}

#amc_potential_records .tab2{
  background-color: #9a0004;
    padding-left: 5%;
  padding-right: 5%;
  margin-top: 1%;
  margin-bottom: 2%;
}

#amc_potential_records .tab2 h1{
  font-family: banker_squareregular;
  font-size: 2.51em ;
  color: white;
  text-transform: uppercase;
}

#amc_potential_records .tab2 h2{
  font-family: franklin_gothic_fsbook;
  font-size: 1.505em;
  color: white;
}

#amc_potential_records .tab2 img{
  padding-top: 3%;
  padding-bottom: 3%;
  vertical-align: top;
  height: auto;
  width: 30%;
}

#amc_potential_numbers{
background-color: white;
margin-left: 1%;
margin-right: 1%;
padding-bottom: 3%;
margin-top: 2%;
padding-top: 4%;
margin-bottom: 1%;
text-align: center;
}

#amc_potential_numbers h2{
 font-family: franklin_gothic_fsbook;
  font-size: 1.67em;
  color: #700205;
  padding-left: 10%;
  padding-right: 10%;

}


#amc_potential_numbers_info h2{
 font-family: banker_squareregular;
  font-size: 2.59em;
  color: #700205;
  transform:scale(1.13,1); 
-webkit-transform:scale(1.13,1);
-moz-transform:scale(1.13,1);
-ms-transform:scale(1.13,1);
-o-transform:scale(1.13,1);
  display:inline-block; 

}

#amc_potential_numbers_info h3{
  font-family: kuroregular;
  font-size: 2.00em;
  color: #700205;
  padding: 0%;
}


#amc_legal{
   padding-bottom: 15%;
  position: relative;
}

#amc_legal h3{
  font-family: franklin_gothic_fsbook;
  font-size: 1.505em;
  color: black;
}

#amc_legal h2{
  font-family: banker_squareregular;
  font-size: 1.840em;
  color: black;
}

#amc_legal .amc_legal_contact h2{
  font-family: banker_squareregular;
  font-size: 1.421em;
  color: white !important;
}

.amc_legal_contact{
  position: relative;
    width: 30%;
  height: 20%;
  margin-top: 2%;
  background-color: #700205;
  border-radius: 200pt;
   -webkit-border-radius: 200pt;
  -moz-border-radius: 200pt;
  margin: 1%;
}

.amc_legal_contact .fancy-underline:hover:after {
  width: 100%;
 background-color: rgba(255,255,255, 1);{
}


/*Low res smartphones, portrait and landscape */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {


.amc_legal_contact{
  width: 100%;
}

#amc_legal{
  padding-bottom: 20%;
  width: 100%;
}


.amc_legal_contact{
  margin-left: 0% !important;
}

}

/*iPads portrait and landscape */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {

.amc_legal_contact{
  width: 100%;
}

#amc_legal{
  padding-bottom: 20%;
  width: 100%;
}



.amc_legal_contact{
  margin-left: 0% !important;
}

}

/* High res smartphones, portrait and landscape */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {

.amc_legal_contact{
  width: 100%;
}

#amc_legal{
  padding-bottom: 0%;
  width: 100%;
}

#amc_footer{
  width: 100%;
}

.amc_legal_contact{
  margin-left: 0% !important;
}


}