* {
           font-family: "Open Sans";
           
       } 
     
     p.incorrect {
         color:white;
         font-size: 14px;
         text-align: center;
         
     }
     
       p.forgotten {
         color:white;
         font-size: 14px;
         text-align: center;
       
         
     }
         .forgotten>a {
             font-style: italic;
        color:white;
         
     }
       
         
     
     
    .redborder {
        border: 2px solid #f96145;
        border-radius: 2px;
    }

    .hidden {
        display: none;
    }

    .visible {
        display: normal;
    }

    .colored {
        background-color: #F0EEEE;
    }

    .row {
        padding: 20px 0px 0px 0px;
    }

    .bigicon {
        font-size: 97px;
        color: #f96145;
    }

    .contcustom {
        text-align: center;
        width: 300px;
        border-radius: 0.5rem;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: 10px auto;
        background-color: white;
        padding: 20px;
    }

    input {
        width: 100%;
        align-content: center;
        height: 60px;
        margin-bottom: 10px;
        padding: 10px;
        background:none;
       box-shadow: none;
        color:white;
        border-color: white;
        text-align: center;
        font:  16px Open Sans;
            letter-spacing: 2pt;
    }

    h2 {
        margin-bottom: 20px;
        font-weight: bold;
        color: #ABABAB;
    }

    .btn {
        border-radius: 2px;
        padding: 10px;
    }

    .med {
        font-size: 27px;
        color: white;
    }

    .medhidden {
        font-size: 27px;
        color: #f96145;
        padding: 10px;
        width: 100%;
    }

    .wide {
        background-color: #8EB7E4;
        width: 100%;
        -webkit-border-top-right-radius: 0;
        -webkit-border-bottom-right-radius: 0;
        -moz-border-radius-topright: 0;
        -moz-border-radius-bottomright: 0;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }
            .error {
        margin-left: 20px;
        font-weight: bold;
        color:darkred;
    }
          
        
      .jumbotron {
           padding-top:15px;
            padding-bottom:15px;
       }   
         
          
          #strap {
    float: left;
    position: relative;
    width: 1256px;
    margin-top: 526px;
    margin-left: -1849px;
    z-index: 10;
    min-height: 48px;
}
          
     .intro {
          
  
    text-indent: 0;
    text-align: center;
    font: bold 19px/14px Open Sans;
    text-transform: none;
    text-decoration: none;
    color: #6d6e71;
   
         top:20px;
        
           
         width:100%;
        
         padding: 10px  ;
    margin: 10px  ;
    line-height: 20px;
        
     }  
     
     .center-block{
         
         height:100px;
             width:auto;
         
                 
         text-align: center;
     }