.timer { display: none; font-size; 1.1em; color: darkorange; padding: 10px; text-align: center; }
.error { font-size; 1.2em; color: darkorange; margin: 1em 1em 2em 1em; }
.error p { margin-bottom: 20px; }
.restrict { display: none; }
.about {
font-style:normal;
}

body {
background-color:#3498db;
padding: 20px 0;
font-family:arial;
}

.container {
background-color:#fdfdfd;
margin:2em auto;
padding: 20px; 
max-width:360px;
border-radius: 5px;
}
.well {
padding: 10px;
border: none;
background-color:#fdfdfd;
box-shadow: none;
-webkit-box-shadow: none;
}

h1 {
font-size:19px;
}

h2 {
color:#333;
font-family:'Mate SC', serif;
font-size:3.5em;
line-height: 2em;
font-weight:400;
text-align:center;
}
h2 a { color: #333; }


 input {
     background-color: #ECF0F1!important;
     border: 2px solid transparent;
     border-radius: 3px;
     font-size: 15px!important;
     font-weight: 200!important;
     padding: 10px 0 10px 10px!important;
     width: 95% !important;
     transition: border .5s !important;
     margin-top: 1em;
 }
 input:focus {
     border: 2px solid #3498DB;
     box-shadow: none;
 }
 .btn {
     border: 2px solid transparent;
     background: #3498DB;
     color: #ffffff;
     font-size: 15px;
     line-height: 25px;
     padding: 10px 0;
     text-decoration: none;
     text-shadow: none;
     border-radius: 3px;
     box-shadow: none;
     transition: 0.25s;
     display: block;
     width: 180px;
     margin: 0 auto;
 }
 .btn:hover {
     background-color: #2980B9;
 }

.help {
font-family:Times New Roman;
font-size:1.15em;
color: #888;
line-height: 1.5em;
}


label {
font-size:1.2em;
font-variant:small-caps;
}

.social-share {
display:inline;
margin-top:18px;
padding-right:20px;
}

.social {margin:2em auto 0; width:160px;}
.navbar {
background:#fff;
box-shadow:0 1px 10px rgba(0,0,0,0.25);
}

#Output {
height:4px;
position:relative;
}

@media (min-width: 480px) {
.form-horizontal .controls {
margin-left: 120px;
}
}

.form-horizontal .control-label {
width: 100px;
}

      .social-share {
         margin-top: 18px; display:inline; padding-right:20px;
      }


.ads {
margin: 2.5em auto;
width: 300px;
}

.animate {
    margin: 4em auto;
    width: 300px;
}
.results .btn { width: 132px !important;  display: inline-block; font-size: 14px;}


.platforms {
    margin: 15px 0 0;
    font-size: 10px;
    color: white;
    text-align: center;
}

.platforms a, .platforms a:link {
    color: white;
    text-decoration: none;
}
@media (max-width: 400px) { body { background: #fff; padding: 10px; } }