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

@import url(https://fonts.googleapis.com/css?family=Gabriela);
@import url(https://fonts.googleapis.com/css?family=Open+Sans);
@import url(https://fonts.googleapis.com/css?family=Prompt);


html, body, div, h1, h2, h3, p, pre {
	margin: 0;
	padding: 0;
	color: #333;
}
html, body {
/*	background: #bdcbe5;*/
	background: #336699;
/*	background: #919191;*/
/*	background: rgb(51,153,204);*/
	
/*	font-family: 'Open Sans', Helvetica, Arial, sans-serif;*/
	font-family: 'Prompt';
	font-size: 13px;
	line-height: 1.55;
}
h1 {
	padding: 40px 0 20px;
/*	font: 40px/60px Gabriela, Georgia, serif;*/
	font-family: 'Prompt';
	text-align: center;
	text-shadow: 3px 3px rgba(0,0,0,0.1);
	color: #fff;	
}
p {
	margin-bottom: 40px;
	text-align: center;
}
a {
	text-decoration: underline;
	color: #1889e6;
}
a:hover {
	text-decoration: none;
}
.bg {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.page {
	position: relative;
	max-width: 980px;
	margin: 0 auto;
	padding: 0 20px 40px;
}

.table-custom {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.9rem;
}

.table-custom th, 
.table-custom td {
  padding: 8px;
  text-align: center;
  border: 1px solid #dee2e6;
}

@media (max-width: 768px) {
  .table-custom thead {
    display: none;
  }

  .table-custom, 
  .table-custom tbody, 
  .table-custom tr, 
  .table-custom td {
    display: block;
    width: 100%;
  }

  .table-custom tr {
    margin-bottom: 10px;
    border-bottom: 2px solid #dee2e6;
  }

  .table-custom td {
    text-align: right;
    padding-left: 50%;
    position: relative;
  }

  .table-custom td::before {
    content: attr(data-label);
    position: absolute;
    left: 10px;
    width: 45%;
    text-align: left;
    font-weight: bold;
    color: #555;
  }
}