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

@media (min-width: 968px)
{
	
.app {
  display: grid;
  /*grid-gap: 15px;*/
  /*grid-gap: 6px;*/
  grid-gap: 6px;
  overflow: hidden;
/*grid-template-columns: repeat(auto-fill, 200px); */
  /*grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));*/
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
/*grid-template-columns: repeat(auto-fit, minmax(300px, 1fr) 150px); */
  grid-auto-flow: dense;
}

.item:nth-of-type(3n) {
  grid-column: span 2;  
  /*border:#699 10px solid; */
}

.item:nth-of-type(4n+3) {
  grid-column: span 1;  
  border:#D6D6D6 1px solid;
}

.item:nth-of-type(5n) {
  grid-row: span 2;  
}

/* BUTTONZE */
.learn-more{width:140px}
.button{text-align:center}
.button{background:#145593;color:#fff!important;padding:10px;display:block;font:normal 100 18px/24px lato,open sans;margin:15px auto 0}
.button{background:#3785d0}
.button{padding:5px}
.button{width:214px;color:#fff!important;font-size:18px}
.button{background:#afafaf!important;border:1px solid #888;display:inline-block}
.button{margin-top:15px}

/* BACKGROUND */
.BG {
    background-color: #f3f3f3 !important;
    /* box-shadow: inset 0 0 53px #232e42; */
    background-repeat: no-repeat;
    background-size: 100vw 100vh;
    background-attachment: fixed;
    margin-top: 0;
    padding: 0;
    overflow: auto;
    height: 100%;
    /* background-image: url(../images/BG.jpg); */
}
p
{
	font-family: 'Open Sans Condensed', sans-serif;
    font-size: 135%;
    padding-left: 1%;
    text-align: justify;
    padding-right: 1%;
}

.h1
{
	font-size: 1.6em; 
    color: #333; 
	font-style: normal; 
    padding-top: 2%; 
    padding-bottom: 5%; 
    font-family: Calibri, Georgia, 'Poiret One', cursive; 
    letter-spacing: -2px; 
    word-spacing: -3px; 
    padding-left: 1vw; 
}

h2
{
    color: #333333 !important;
    font-size: 26px !important;
    font-weight: 500 !important;
    text-align: left !important;
    margin-bottom: 14px !important;
}

.MainContent
{
    /* background-color: #F9FDFF; */
    position: relative;
    /* border: 1px solid #E2DEDE; */
    /* border-radius: 7px; */
    /* box-shadow: inset 1px 1px 33px #EAEAEA; */
    /* top: 14px; */
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 137%;
    top: 0px;
    border-bottom: 1px solid #c1bcbc;
}


html, body { 
    width:100%;
    height: 100%;
}