@font-face {
    font-family: SofiaPro;
    src: url("/static/font/Sofia_Pro_Regular.otf") format("opentype");
  }
  
  body {
    font-family: SofiaPro;
    background-color: white;
  }

.logo {
    display: block;
    margin-top: 20%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
    width: 200px;
}

.feature {
    /* display: block;
    margin-top: 10%;
    margin-left: auto;
    margin-right: auto; */
    width: 600px;
    /* height: */
}

.row {
    width: 100%;
    text-align: center;
}

.col1 {
    width: 30%;
}

.col2 {
    width: 60%;
}

.column {
    float: left;
    border-style: none;
}

.left {
width: 40%;
}

.right {
width: 60%;
}

.standardButton
{
    background: #FF9200;
    border-radius: 6px;
    border-style: none;
    width:200px;
    height:36px;
    font-family: SofiaPro;
    font-size: small;
    color: white;
}

.data_entry
{
    width:200px;
    margin-bottom: 6px;
}

.error_message
{
    color: red;
    margin-bottom: 50px;
    font-size: small;
    font-family: SofiaPro;
    /* display: none;
    visibility: hidden; */
}

.trouble
{
    color: #787878;
    margin-bottom: 20px;
    font-size: small;
    font-family: SofiaPro;
}

.help
{
    color: #FF9200;
    margin-bottom: 20px;
    font-size: small;
    font-family: SofiaPro;
}


.data_panel
{
    text-align: center;
    padding: 20px;
    font-family: SofiaPro;
}


@media only screen and (max-width: 600px) {
    body {
      background-color: white;
    }

    .feature {
        /* display: block;
        margin-top: 10%;
        margin-left: auto;
        margin-right: auto; */
        width: 0%;
    }

    .left {
        width: 90%;
        }
        
        .right {
        width: auto;
        }

  }