
*, *::before, *::after { box-sizing: border-box;}
html {-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -ms-overflow-style: scrollbar;}
@-ms-viewport { width: device-width;}
article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { display: block;}
body { box-sizing: border-box; font-family: 'Lato', sans-serif; font-weight: 400; font-size: 16px;}

/* ******** GRID DEFINITION ************* */

.container-fluid {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}

.grid-row {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
	margin-right: -15px;
  margin-left: -15px;
}

.grid-item {
  flex-basis: 25%;
  -ms-flex: auto;
  position: relative;
  padding: 10px;
  box-sizing: border-box;
}

.img-fluid {
  max-width: 100%;
  height: auto;
}

/* ******** MEDIA QUERIS DEFINITION ************* */

@media(max-width: 1200px) {
  .grid-item {
    flex-basis: 24.5%;
	  
  }
}

@media(max-width: 992px) {
   .grid-item {
    flex-basis: 33.33%;
  }
}

@media(max-width: 768px) {
  .grid-item {
    flex-basis: 50%;
  }
}

@media(max-width: 576px) {
  .grid-item {
    flex-basis: 100%;
  }
}


@media (max-width:1200px) {
	.grid-item p { text-align: center; font-size: 16px; font-weight: bold; }
}

@media (max-width:992px) {
	.grid-item p { text-align: center; font-size: 16px; font-weight: bold; }
}

@media (max-width:768px) {
	.grid-item p { text-align: center; font-size: 16px; font-weight: bold; }
}
@media (max-width:576px) {
	.grid-item p { text-align: center; font-size: 16px; font-weight: bold; }
}


.pattern_cellText {font-size: 16px}
.pattern_header .pattern_headerText { text-transform: uppercase;  text-align: center;}
.pattern_number { display: table-cell; vertical-align: middle; text-align: center; width: 40px; font-size: 13px; }
.pattern_footer { width: 100%; margin-top: 50px; display: inline-block; }
/*
.pattern_footer .pattern_footerImg { width: 15%; float: left; }
.pattern_footer .pattern_footerImg img { width: 100%; height: auto; }
.pattern_footer .pattern_footerText { width: 33%; float: right; }
*/

.pattern_footer .pattern_footerImg {text-align: center; }
/*.pattern_footer .pattern_footerImg img { float: center; } */
.pattern_footer .pattern_footerText { text-align: center; }


.pattern_footer .pattern_footerText  p { font-size: 16px; }
.pattern_footer .pattern_footerText.link { text-align: right; padding-right: 20px;}
.pattern_footer .pattern_footerText p a { text-align: right; color: #000; text-decoration: none; }
.pattern_footer .pattern_footerText p a span { padding-left: 15px; }