@charset "utf-8";
/* CSS Document */
html {
height: 101%;
font-size: 16px;
}

body {
 background-color:#ffffff;
 font-family: 'Montserrat', sans-serif;
 font-family: 'Roboto', sans-serif;
 margin: 0;
 padding: 0;
 color: #000000;
}

.overall {
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
  width: 100%;
  padding:0;
  color : #000000;
  background:#FFFFFF;
}

* {
  box-sizing: border-box;
}

.menuTopBlock {
  position: fixed; 
  top: 0; 
  width: 100%; 
  
}

/* The navigation bar */
/*
nav {
  overflow: hidden;
  background-color: white;
  position: fixed; 
  top: 0; 
  width: 100%; 
  display: grid;
  grid-template-columns: repeat(6,1fr);
  padding:  0 18%;
  z-index:  9999;
  margin:  auto;
  height:  90x;
}

nav a {
  float: left;
  display: block;
  color: black;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

nav a:hover {
  background: #dce9fc;
  color: black;
}

*/



.hide {
  display: none;  
  display: grid;
  grid-template-columns: 1fr 2fr 1fr;

}
.show {
  display: inline-flex;
}

.mainBlock {
  display: grid;
  grid-template-columns: 1fr;
  margin:  2rem 0;
  padding:  1rem 15%;
  background-color: white;
  
}

.mainBlock.dual {
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin:  2rem 0;
  padding:  1rem 15%;
  background-color: white;
 }

 .mainBlock.dual.narrow {
  padding:  5rem 22%;
  background-color: #dce9fc;

 }

.mainBlock.blue {
  background-color: #dce9fc;
 }

.mainBlock.twothirds {
  display: grid;
  grid-template-columns: 2fr 1fr;
  margin:  36px;
}

.itemArticle {
  padding: 6px;
  margin:  6px;
  font-family: 'Roboto', sans-serif;


}

.itemArticle.grid {
  background-size: 48px 48px;
  background-image:
  linear-gradient(to left, #f0e6fa 1px, transparent 1px),
  linear-gradient(to top, #f0e6fa 1px, transparent 1px);
}

footer {
  padding:  0 18%;
  display: grid;
  grid-template-columns: 1fr 2fr 1fr;
  background-color: white;
}

footer p {
  text-align: center;
  font-style: italic;
}
 

.itemArticle h1, .itemArticle h2, .itemArticle h3  {
  font-family: 'Montserrat', sans-serif;
  text-align: center;
  color: #1134A6;
  padding: 0;
  margin: 0;
}

.itemArticle h1 {
  font-weight: 700;
  font-size: 2.4rem;
}

.itemArticle h2 {
  font-weight: 600;
  font-size: 2rem;
}

.itemArticle h3 {
  font-size: 1.5rem;
}

.itemArticle p, .itemArticle li {
  font-size: 1.5rem;
}

.itemArticle li {
  margin: 1rem 0;
}



.itemArticle.header {
  text-align: center;
  padding: 0;
  margin: 0;
}

.splitTwo {
  display: grid;
  grid-template-columns: 1fr 1fr;
 
}

.itemArticle img {
  width:  99%;
}

.generalTable td, .generalTable thead td {  
  font-size: 1.5rem;
  font-weight: 300;
  padding: 0.6rem 1rem;
  margin: 0;
  border-bottom: 1px solid #ebf2fc;
}

.generalTable thead td {  
  font-size: 1.2rem;
  font-style:  italic;
}
 
input[type="text"], input[type="date"], input[type="time"], input[type="email"], textarea, input[type="password"] {
 background-color: #ebf2fc; 
 font-size: 1.5rem;
}


input[type="number"] {
 background-color: #ebf2fc; 
 font-size: 1.5rem;
}

select {
 background-color: #ebf2fc; 
 font-size: 1.5rem;
 /*-webkit-appearance: menulist;*/
 white-space: nowrap;
 overflow: hidden;
 text-overflow: ellipsis;
 max-width:  90%;
}

.nexusButton {
  margin: 4px 3px;
  padding: 4px 12px;
  font-size: 1.3rem;
  background-color: #1134A6;
  color: #ffffff;
  cursor: pointer;
  box-shadow: 3px 3px 2px #AAAAAA;
}

.nexusButton:hover {
  background-color: #ebf2fc;
  color:  darkblue;  
}



/* Media Calls --------------------------------------------------------------------------------- */

@media screen and (max-width: 1200px) { 
  .mainBlock.dual.narrow {
  padding:  5rem 10%;
 }
 
} /* End */

@media screen and (max-width: 1000px) { 
 .mainBlock, .mainBlock.blue, .mainBlock.dual.narrow {
  display: grid;
  grid-template-columns: 1fr;
  padding:  1rem 5%;
 }
 
 .mainBlock.dual {
  padding:  1rem 5%;
 }

 .splitTwo.gen {
  display: grid;
  grid-template-columns: 1fr;

 }


 
}  /* End of max:  1000 */


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

.mainBlock.dual {
  display: grid;
  grid-template-columns: 1fr;

}

 .splitTwo {
  display: grid;
  grid-template-columns: 1fr;

 }

} /* End of max:  400 */