table {
  border-spacing: 1;
  border-collapse: collapse;
  background: white;
  border-radius: 6px;
  overflow: hidden;
  max-width: 900px;
  width: 100%;
  margin: 0 auto;
  position: relative;
}
td:nth-child(1)
{
	background-color: #e6e6e6;
	text-align:right;
	padding-right:15px;
}

tr:nth-child(0)
{
	text-align:right !important;

}
table * {
  position: relative;
}
table td, table th {
  padding-left: 12px;
}
table thead tr {
  height: 7em;
  background: #ffcf00;
  font-size: 1.4em;
  color: #001a62;
  text-align:center;
  padding-top:10px;
}

table tbody tr {
  height: 10em;
  border-bottom: 1px solid #E3F1D5;
}
table tbody tr:last-child {
  border: 0;
}
table td, table th {
  
  font-size:3em;
  font-weight: bolder;
  color: #001a62;
}
table td.l, table th.l {
  text-align: right;
}
table td.c, table th.c {
  text-align: center;
}
table td.r, table th.r {
  text-align: center;
}

@media screen and (max-width: 35.5em) {
  table {
    display: block;
  }
  
  table > *, table tr, table td, table th {
    display: block;
  }
  table thead {
    display: none;
  }
  table tbody tr {
    height: auto;
    padding: 12px 0;
  }
  table tbody tr td {
    padding-left: 45%;
    margin-bottom: 12px;
  }

  table tbody tr td:last-child {
    margin-bottom: 0;
  }
  table tbody tr td:before {
    position: absolute;
    font-weight: 700;
    width: 50%;
    left: 10px;
    top: 0;
  }
 

  table tbody tr td:nth-child(1):before {
    content: "Code";
  }
  table tbody tr td:nth-child(2):before {
    content: "Stock";
  }
  table tbody tr td:nth-child(3):before {
    content: "Cap";
  }
  table tbody tr td:nth-child(4):before {
    content: "Inch";
  }
  table tbody tr td:nth-child(5):before {
    content: "Box Type";
  }
}
body {
  background: #001a62;
  font: 400 14px 'Arial';
  padding: 20px;
}

blockquote {
  color: white;
  text-align: center;
}

.turma {
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
	background-color:#ffffff;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#001a62;
	font-family:'Arial';
	font-size:4em;
	font-weight:bolder;
	padding:13px 76px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
	width: 50%;
	margin-left:10px;
	
}
.turma:hover {
	background:linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
	background-color:#f6f6f6;
}
.turma:active {
	position:relative;
	top:1px;
}

.turma-btn {
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
	background-color:#ffffff;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#001a62;
	font-family:'Arial';
	font-size:4em;
	font-weight:bolder;
	padding:13px 76px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
	width: 80%;
	
}
.turma-btn:hover {
	background:linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
	background-color:#f6f6f6;
}
.turma-btn:active {
	position:relative;
	top:1px;
}

.turma-btn-1-matutino {

	background-color:#dc9c7c;
	border-radius:6px;
	display:inline-block;
	cursor:pointer;
	color:#001a62;
	font-family:'Arial';
	font-size:3em;
	font-weight:bolder;
	padding:20px 0px;
	text-decoration:none;
	width: 46%;
    margin-right: 6%;
	
}
.turma-btn-1-matutino:hover {
	background-color:#c88e71;
}
.turma-btn-1-matutino:active {
	position:relative;
	top:1px;
}

.turma-btn-2-matutino {

	background-color:#b8d19c;
	border-radius:6px;
	display:inline-block;
	cursor:pointer;
	color:#001a62;
	font-family:'Arial';
	font-size:3em;
	font-weight:bolder;
	padding:20px 0px;
	text-decoration:none;
	width: 46%;
    margin-right: 6%;
	
}
.turma-btn-2-matutino:hover {
	background-color:#a8bf8f;
}
.turma-btn-2-matutino:active {
	position:relative;
	top:1px;
}

.turma-btn-3-matutino {

	background-color:#dca3c6;
	border-radius:6px;
	display:inline-block;
	cursor:pointer;
	color:#001a62;
	font-family:'Arial';
	font-size:3em;
	font-weight:bolder;
	padding:20px 0px;
	text-decoration:none;
	width: 46%;
    margin-right: 6%;
	
}
.turma-btn-3-matutino:hover {
	background-color:#c396b2;
}
.turma-btn-3-matutino:active {
	position:relative;
	top:1px;
}

.turma-btn-4-matutino {

	background-color:#b8d19c;
	border-radius:6px;
	display:inline-block;
	cursor:pointer;
	color:#001a62;
	font-family:'Arial';
	font-size:3em;
	font-weight:bolder;
	padding:20px 0px;
	text-decoration:none;
	width: 46%;
    margin-right: 6%;
	
}
.turma-btn-4-matutino:hover {
	background-color:#abc391;
}
.turma-btn-4-matutino:active {
	position:relative;
	top:1px;
}

.turma-btn-5-matutino {

	background-color:#c6baa2;
	border-radius:6px;
	display:inline-block;
	cursor:pointer;
	color:#001a62;
	font-family:'Arial';
	font-size:3em;
	font-weight:bolder;
	padding:20px 0px;
	text-decoration:none;
	width: 46%;
    margin-right: 6%;
	
}
.turma-btn-5-matutino:hover {
	background-color:#b8ad97;
}
.turma-btn-5-matutino:active {
	position:relative;
	top:1px;
}

.turma-btn-1-vespertino {

	background-color:#fef69f;
	border-radius:6px;
	display:inline-block;
	cursor:pointer;
	color:#001a62;
	font-family:'Arial';
	font-size:3em;
	font-weight:bolder;
	padding:20px 0px;
	text-decoration:none;
	width: 46%;
	
}
.turma-btn-1-vespertino:hover {
	background-color:#ece599;
}
.turma-btn-1-vespertino:active {
	position:relative;
	top:1px;
}

.turma-btn-2-vespertino {

	background-color:#a2cff0;
	border-radius:6px;
	display:inline-block;
	cursor:pointer;
	color:#001a62;
	font-family:'Arial';
	font-size:3em;
	font-weight:bolder;
	padding:20px 0px;
	text-decoration:none;
	width: 46%;
	
}
.turma-btn-2-vespertino:hover {
	background-color:#95bfdd;
}
.turma-btn-2-vespertino:active {
	position:relative;
	top:1px;
}

.turma-btn-3-vespertino {

	background-color:#ffffff;
	border-radius:6px;
	display:inline-block;
	cursor:pointer;
	color:#001a62;
	font-family:'Arial';
	font-size:3em;
	font-weight:bolder;
	padding:20px 0px;
	text-decoration:none;
	width: 46%;
	
}
.turma-btn-3-vespertino:hover {
	background-color:#d6d6d6;
}
.turma-btn-3-vespertino:active {
	position:relative;
	top:1px;
}

.turma-btn-4-vespertino {

	background-color:#ff7474;
	border-radius:6px;
	display:inline-block;
	cursor:pointer;
	color:#001a62;
	font-family:'Arial';
	font-size:3em;
	font-weight:bolder;
	padding:20px 0px;
	text-decoration:none;
	width: 46%;
	
}
.turma-btn-4-vespertino:hover {
	background-color:#e56464;
}
.turma-btn-4-vespertino:active {
	position:relative;
	top:1px;
}

.turma-btn-5-vespertino {

	background-color:#a390bd;
	border-radius:6px;
	display:inline-block;
	cursor:pointer;
	color:#001a62;
	font-family:'Arial';
	font-size:3em;
	font-weight:bolder;
	padding:20px 0px;
	text-decoration:none;
	width: 46%;
	
}
.turma-btn-5-vespertino:hover {
	background-color:#8b77a6;
}
.turma-btn-5-vespertino:active {
	position:relative;
	top:1px;
}


.btn {
	
    overflow: hidden;
    max-width: 800px;
    width: 100%;
    margin: 0 auto;
    position: relative;
	align: center;
}

.voltar {
	box-shadow:inset 0px 6px 0px 0px #ffffff;
	background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
	background-color:#ffffff;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#001a62;
	font-family:'Arial';
	font-size:4em;
	font-weight:bolder;
	padding:13px 23px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
}
.voltar:hover {
	background:linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
	background-color:#f6f6f6;
}
.voltar:active {
	position:relative;
	top:1px;
}

.whatsapp {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-widt:700px;
  width: 50%;
  margin-top:50px;

}