html, body{
    height: 100%;
}

.center{
    text-align: center;
}

.btn{
    width: 100%;
}

.btn:hover{
    background-color:#ff7f00;
    border-color:#ff7f00;}




/* estrutura */
.ge/ral{border:1px solid;height: 100%;}

header{bor/er:1px solid;width:100%;background-color:#f0f0f0;padding: 10px; }

 header > div{
        background: url('../img/logo-whois.png') no-repeat;
        height: 81px;
        width:400px; 
        margin: 0 auto; 
    }

.box{
    background-color:#f0f0f0; 
    padding: 15px; 
    border-radius: 10px;
    width: 500px;
    margin:30px auto;
    bor/der:1px solid;
}

@media (max-width: 768px) {
    .box{
        width: auto;
    }
}

@media (max-width: 768px) {
    header > div{
        background: url('../img/logo-whois-menor.png') no-repeat;
    }
}


    #left{
        width: 40px;
        height: 40px;
        background: url('pac.gif') center no-repeat ;  
        background-size: cover;      
        position:fixed; 
        top:25%; 
        margin-top:-50px; 
        left:15%;
        margin-left:-50px;
    } 

    #right{
        width: 40px;
        height: 40px;
        background: url('pac.gif') center no-repeat ; 
        background-size: cover;       
        position:fixed; 
        top:25%; 
        margin-top:-50px; 
        right:15%;
        margin-right:-50px;
    } 
h4 {
    font-family: 'Arimo', sans-serif;
   

}
address {
    font-family: 'Arimo', sans-serif;
    color: 
}
#assinatura{
    
    width: 80px;
    height: 26px;
    float: right;
    background: url(../img/assinatura.png) no-repeat;
    text-indent: -9000em;
    margin-right: 30px;
    
}