body {font-family: 'Open Sans', sans-serif;background:#e7e7e7;margin:0;color:#444}
a, a:hover, button, button:hover {transition:all .3s}
a {text-decoration:underline}
ul {margin:0;padding:0;list-style:none}

  #introduction {color:#fff;text-align:center;}
    #pattern {padding:50px;background:url(../../assets/img/bg_circuits.png) no-repeat center center fixed;background-size: cover;}  

    h1 {display:inline-block;padding:15px 25px;border-radius:3px;background:rgba(0,0,0, .3);font-size:7em;letter-spacing:-5px}
       h1 span {font-size:4rem;font-weight:200;color:rgba(255,255,255,.4);letter-spacing:normal}
       
      
   h3 {color:rgba(255,255,255,.4);font-weight:200;margin:20px 0}
    h3 strong {color:rgba(255,255,255,.9)}
    
    .well {border:none;background:rgba(255,255,255, .1);padding-bottom:0}
    .form-control, .input-group-addon {border:none}
    .form-control {height:45px;background:rgba(255,255,255,.9);transition:all .3s}
    .input-group-addon {padding:6px 18px;background:rgba(0,0,0, .5);color:rgba(255,255,255,.8);min-width:50px}
    
    .form-control:focus, .form-control:hover  {background:rgba(255,255,255,1);transition:all .3s}
        
    hr {width:20%;border-color: rgba(255,255,255,.2);margin:25px auto}
    
    .offer-copy {margin-top:10px;text-align:left}
    
    button.btn {padding:15px 45px}
      button.btn i {margin-right:5px}
      
     .extra-bottom {margin-bottom:10px}
     
    #lower-sec {text-align:left}
      
      h5 {text-align:left;background:rgba(0,0,0, .3);color:#fff;padding:15px 20px;border-radius:3px;font-size:1.6em}
       h5 i {margin-right:5px;opacity:.5}
      
    ol {margin:25px ;padding:0}
    ol li {margin-bottom:25px;font-size:1.3em}
    
    #domains-list {color:#666;width:100%}
    #domains-list td, #domains-list th {padding:10px 15px}
    
    #domains-list th {background:#EFEEF4;color:#2D2378}
    
    #domains-list td:nth-child(2) {font-weight:700;color:rgba(255,255,255,.9);font-size:1.2em}
    
    #domains-list tr:nth-child(even) {background:rgba(255,255,255,.1);color:#fff}
    #domains-list tr:nth-child(odd) {background:rgba(255,255,255,.4);color:#fff}
    
    footer {padding:15px 0;background:rgba(0,0,0, .3);color:#fff;text-align:left}
    

@media screen and (min-width: 769px) {

}
@media screen and (max-width: 768px) {
  
  h1 {font-size:5em}
   button.btn {font-size:1em;padding:10px 25px}

}