@charset "UTF-8";
/* CSS Document */

body {
	background-color: #fff;
	margin: 0 auto;
}

.container {
  display: flex;
  justify-content: center;
}

iframe {
  max-width: 450px;
  max-height: 670px;
}

.responsive {
  width: 100%;
  height: auto;
}

.responsive2 {
    padding: 0 10px;
    float: left;
    width: 60%;
}
.responsive3 {
    padding: 0 10px;
    float: left;
    width: 40%;
}


H1 {
	  font-family:Verdana, Geneva, sans-serif;
      font-size: 22px;
	  font-weight: bold;
	  color: #000;
}

H2 {
	  font-family:Verdana, Geneva, sans-serif;
      font-size: 17px;
	  font-weight: bold;
	  color: #000;
}
H3 {
	  font-family:Verdana, Geneva, sans-serif;
      font-size: 16px;
	  font-weight: bold;
	  color: #000;
}

p {
	  font-family:Verdana, Geneva, sans-serif;
      font-size: 16px;
	  color: #000;
}

a {
	color: #003399;
    text-decoration: none;
	font-weight: bold;
}

a:hover { 
	color: #0066ff;
    text-decoration: none;
	font-weight: bold;
}

.table {
	  font-family:Verdana, Geneva, sans-serif;
      font-size: 16px;
	  color: #000;
}
.pressRelease72t {
	  font-family:Verdana, Geneva, sans-serif;
	  background-color:#990033;
      font-size: 20px;
	  font-weight: bold;
	  color: #FFF;
}
.pressRelease72t a, .pressRelease72t a:active{
color: #FFF;

}

ul {
	  font-family:Verdana, Geneva, sans-serif;
      font-size: 16px;
	  
	  color: #000;
}

ol {
	  font-family:Verdana, Geneva, sans-serif;
      font-size: 16px;
	  
	  color: #000;
}

li{
  margin: 10px 0;
}

.footnote {
		  font-family:Verdana, Geneva, sans-serif;
      font-size: 12px;
	  color: #000;
}





header  {
  overflow: hidden;
  background: #222;
}

header  a, header label {
  display: block;
  padding: 20px;
  color: #ffcc00;
  text-decoration: none;
  line-height: 0px;
}

header  a:hover, header label:hover { color: #aaa; }

header  label {
  float: right;
  padding: 20px 10px;
  cursor: pointer;
}

header label:after {
  content: "\2261";
  font-size: 3em;
}

.logo {
  float: left;
  font-weight: bold;
  font-size: 1em;
}
  
nav {
  float: right;
  max-height: 0;
  width: 100%;
  -webkit-transition: max-height 0.3s; 
     -moz-transition: max-height 0.3s;
       -o-transition: max-height 0.3s;
          transition: max-height 0.3s;
}

nav ul {
  margin: 0;
  padding: 0;
   padding-bottom: 10px;
}
  
nav li {
  display: block;
  text-align: left;
  font-family:Verdana, Geneva, sans-serif;
  font-size: 16px;
}
  
nav a {
  padding: 10px;
  width: 100%;
}

#nav { display: none; }

#nav:checked ~ nav {
  max-height: 240px; /* This can be anything bigger than your nav height. The transition duration works with this */
}

  header nav a {
    display: inline-block;
    padding: 10px 10px;
    width: auto;
  }
  
.contentTech {
	margin: 0 auto;
	max-width: 1000px;
	padding-left: 50px;
	padding-right: 50px;
}

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

.responsive2 {
    padding: 0 10px;
    float: left;
    width: 100%;
}
.responsive3 {
    padding: 0 10px;
    float: left;
    width: 100%;
}

}

@media only screen and (min-width: 1150px) {
	
	H1 {
	  font-family:Verdana, Geneva, sans-serif;
      font-size: 29px;
	  font-weight: bold;
	  color: #000;
}

	

.content {
	margin: 0 auto;
	max-width: 1280px;
	box-shadow: -40rem 0 #222, 40rem 0 #222;
}

.contentCalc {
	
	padding-left: 80px;
	padding-right: 80px;
}

.contentTech {
	margin: 0 auto;
	max-width: 1200px;
	
}
  
  header label { display: none; }
  
  nav {
    width: auto;
    max-height: none;
  }
  
  nav ul {
    padding: 0;
    padding-right: 10px;
  }
  
  nav li {
    display: inline-block;
    text-align: left;
  }
  
  header nav a {
    display: inline-block;
    padding: 50px 10px;
    width: auto;
  }
  
}


 /* footer */

.footerBG {
	background-color: #222;
	padding-top: 10px;
	    display: inline-block;
    padding: 10px 10px;
    width: 100%;
}

p.footer {
	
	  font-family:Verdana, Geneva, sans-serif;
      font-size: 14px;
	  color: #fff;
	  text-align:center
}

.footer a, .footer a:active{
color: #ffcc00;
text-decoration: none;
}

.footer a:hover, .footer label:hover { color: #aaa; }
	
}