/* 
 * PerceptoLab - ver. 1.0.0 - 25/03/2019.
 */

html 
{
 font-family: 'Roboto', sans-serif;
 background: white;
 color: black;
 font-weight: 300;
 font-size: 14px;
}

html, body
{ 
 margin-bottom: 50px;
}

.container 
{
 margin-left: 5%;
 margin-right: 5%;
}

table 
{
 width: 100%;
 margin: 50px 0;
 border-collapse: collapse;
 border: 1px solid #c2c2c2;
}

.text 
{ 
 font-size: 16px;
 font-size: .875rem;
 line-height: 1.5rem;
}

#title
{
 border: none; 
 background: black; 
 color: black;
 display: inline-block;
 width: 100%;
 margin-bottom: 80px;
}

#title p
{
 font-size: 80pt; 
 font-weight: 600; 
 background: black; 
 color: white;
 margin-left: 65px;
}

/* ********************************************************************************************* 
             
                                     	For small device

********************************************************************************************* */

@media only screen and (max-width: 601px) 
{
 .container 
 {
  margin: 0;  
 }

 #title p
 {
  font-size: 20pt; 
  margin-left: 30px;
 }

 table 
 {
  margin: 0;
  font-size: 8px;
 }

}