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

.noto-sans-leg {
  font-family: "Noto Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}

.noto-serif-front {
  font-family: "Noto Serif", serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}

	img {
    pointer-events: none;
}
body {
	background-color: #E5E5E5;
	text-align: center;
 font-family: "Noto Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}

button {
	cursor: pointer;
	background-color:#FAA31A;
    color:#010101;
	text-align:center;
	display: block;
	width: 80%;
	 font-family: "Noto Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-variation-settings:
	    "wdth" 100;
}
	  
.headstrong {
font-family: "Noto Serif", serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;	
	color:#010101;
	font-size:28;
}
.notinoti {
	
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	color:#000000;
	font-size:14;
}
.crite {
	
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	color:#000000;
	font-size:8;
}
.iname {
font-family: "Noto Serif", serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  color:#FFFFFF;
  font-variation-settings:
    "wdth" 100;
	font-size:24;

}
.idata {
 font-family: "Noto Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
	color:#010101;
		font-size:18;

} /*
.table-responsive {
    min-height: .01%;
    overflow-x: auto;
}

@media screen and (max-width: 767px) {
    .table-responsive {
        width: 100%;
        margin-bottom: 15px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #ddd;
    }
    .table-responsive > .table {
        margin-bottom: 0;
    }
    .table-responsive > .table > thead > tr > th,
    .table-responsive > .table > tbody > tr > th,
    .table-responsive > .table > tfoot > tr > th,
    .table-responsive > .table > thead > tr > td,
    .table-responsive > .table > tbody > tr > td,
    .table-responsive > .table > tfoot > tr > td {
        white-space: nowrap;
    }
}*/

/*

input {
  width: 50%;
}

textarea {
  width: 100%;
}
button {
	width:100%;
}
select {
	width:50%;
}
form {
  width: 100%;
} */
.table-responsive {
	white-space: wrap;
}
	.image-container { 
  width: 200px; 
  height: 200px; 
  background-image: url(slogo33.png); 
  background-size: cover; 
 margin: auto;
  position: center;
} 
 
.image-container:hover { 
  background-image: url(slgo32.png); 
  filter: drop-shadow(0 0 0.75rem black);
	cursor: pointer;
}