body
{
    margin:0;
    padding:0;
    font-family: 'Public Sans', Arial, sans-serif;
}

nav{
    border-bottom: 1px solid rgba(0, 0, 0, 0);
    height: 80px;
    background-color: #1d70b8;
    color: white;
    padding: 10px 20px;
}
nav h1{
    display: inline;
    margin-left: 10px;
}
nav img
{
    height: 35px;
    position: relative;
    top: 7px;
}

.container {
    padding: 15px;
} 

.note {
    border-left: 10px solid #b1b4b6;
    padding: 20px 10px;
}
/*************************************** Inputs *******************************************************/

.input {
    width: 90%;
    padding: 12px;
    margin: 10px 0;
    font-size: 16px;
    box-sizing: border-box;
    border-color: black;
    outline-offset: 2px;      
}
.input:focus{ 
    outline-color: goldenrod;
}

.verify-btn {
    width: 100%;
    font-size: 16px;
    font-family: "GDS Transport",arial,sans-serif;
    box-sizing: border-box;
    display: inline-block;
    margin-top: 10px;
    margin-bottom: 22px;
    padding: 8px;
    border: 2px solid rgba(0,0,0,0);
    color: #fff;
    background-color: #00703c;
    box-shadow: 0 2px 0 #002d18;
    cursor: pointer;
}
.verify-btn:hover {
    background-color: #01552e;
}
/*************************************** Results *******************************************************/
.result-lable {
    font-size: 14px;
    font-weight:bold;   
    display: block;        
    margin-bottom: 5px;    
}

.result-item     
{
    font-size: 12px;          
}

hr
{     
    margin: 15px 0;     
}
/*************************************** Footer *******************************************************/
.footer 
{   
    padding: 20px 15px 0 15px;
    border-top: 10px solid #1d70b8;
    background-color: #f3f2f1;
}

.footer > img {
    height: 60px;
}
/*************************************** Error Panel *******************************************************/
.error-panel {
  border: 4px solid yellow;         
  padding: 50px 20px;
}

.error-lable {
    font-size: 16px;
    font-weight:bold;    
}
/*************************************** Media Query *******************************************************/
@media (min-width: 768px) {
    .form-inline {
        display: flex;
    }
    .form-inline .verify-btn {
        width: 400px;
        margin: 10px;
    }
}