html, body{height:100%; margin:0;padding:0; }

a       {color: rgb(231,36,3);text-decoration: none;}
a:hover { text-decoration: underline; }

a > i.fa {
    font-size: 14px;
    color: #333;
    text-decoration: none;
}
a > i.fa:hover {
    color: #FE2000;
    text-decoration: none;
}

.container{
    height:100%;font-family: 'Telex',Helvetica,Arial,Lucida,sans-serif; font-size: 21px;
}

.container-fluid{
  height:100%;
  display:table;
  width: 100%;
  padding: 0;
}

.row-fluid {height: 100%; display:table-cell; vertical-align: middle;}

.centering {
  float:none;
  margin:0 auto;
}

.form-horizontal.border {
  border-width: 3px;
  border-color: black;
  border-style: solid;
  padding: 3px;
  margin: 0px;
}

.form input[type="submit"]{
    background: -o-linear-gradient(top, #F02E00 0%, #E50E00 100%);
    background: -webkit-linear-gradient(top, #F02E00 0%, #E50E00 100%);
    background: -moz-linear-gradient(top, #F02E00 0%, #E50E00 100%);
    /* background: linear-gradient(to bottom, #F02E00 0%, #E50E00 100%); */
    /* background: #E50E00; */
    color: white;
    font-weight: bold;
    border: 1px solid rgb(107,107,107);
    padding: 2px 15px;
   
}

#resp-header{
    color: black;
  margin: auto;
  margin-bottom: 10px;
  font-size: 60px;
  font-weight: bold;
  padding-right: 15px;
  font-family: 'Telex',Helvetica,Arial,Lucida,sans-serif;  
}
.form-horizontal .control-label{
    padding-top: 12px;
}
.form-horizontal .control-label.text-left{
    text-align: left;
}
div.form .row { margin:0;}
div.form input{ margin:0;}


/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/

    /*==========  Mobile First Method  ==========*/

    /* Custom, iPhone Retina */ 
    @media only screen and (min-width : 320px) {
    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (min-width : 480px) {
    }

    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {

    }

    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {

    }

    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {

    }

    /*==========  Non-Mobile First Method  ==========*/

    /* Large Devices, Wide Screens */
    @media only screen and (max-width : 1200px) {

    }

    /* Medium Devices, Desktops */
    @media only screen and (max-width : 992px) {

    }

    /* Small Devices, Tablets */
    @media only screen and (max-width : 768px) {

    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 480px) {
        .container{
            font-size: 14px;
        }
    
        #resp-header {
            font-size: 40px;
        }
    }

    /* Custom, iPhone Retina */ 
    @media only screen and (max-width : 320px) {

    }