p, a {
    color:#1a1a1a;

}
.logo-img {
    max-width: 100%;
    width: 150px;
   
}
.imgdiv {
    margin: 0 auto;
    display: flex;
    justify-content: center;
}
a {
    font-weight: bold;
}

.pulsante1 {
    color: #fff !important;
    border: 3px  solid #76C2AF !important;
    font-size: 18px;
    background-color: #76C2AF;
    padding: 10px 30px;
    border-radius: 30px;
    text-decoration: none;
    font-weight: 400;
}
.pulsante1:hover {
    border: 3px  solid #272e39 !important;
    background-color: #272e39;
    transition: ease-in 0.5s;
}

.pulsanti {
    margin-top: 50px;
    text-align: center;
}
 .rettangolo {
margin: 0 auto;
background-color: #f4f4f4;
max-width: 80%;
width: 1000px;
padding: 80px;
display: flex;
align-items: center;
flex-wrap: wrap;
box-shadow: 0px 2px 18px 0px rgba(0, 0, 0, 0.1);
} 
.inner-rettangolo {
    margin: 0 auto;
    max-width: 80%;
width: 1000px;
}

html, body {
width: 100%;
height: 100%;
overflow:hidden;
}
body {
background-color: #3c4858 !important;
padding: 0;
margin: 0;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

display: flex;
align-items: center;
}

#logo, #loginbox {
width: 400px;
margin-left: auto;
margin-right: auto;
position: relative;
}
#logo {
padding: 20px 0 20px 5px;
}
#logo img {
width: 215px;
margin: 0 auto;
display: block;
}
#loginbox {
height: 196px;
background: #ffffff;
box-shadow: 0 0 4px #000000;
border-radius: 7px;
overflow: hidden !important;
text-align: center;
position: relative;
}

#loginbox form{
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
}
#loginbox p {
margin-top: 20px;
padding: 0 20px;
}

#loginbox .form-actions {
padding: 14px 20px 15px;
}
#loginbox .form-actions .pull-left {
margin-top: 2px;
}

#loginbox form#loginform {
z-index: 200;
}

#loginbox form#recoverform {
z-index: 100;
opacity: 0;
display:none;
}

#loginbox form#recoverform .form-actions {
margin-top: 27px;
}

#loginbox form#recoverform .control-group {
margin: 23px 0;
}

.form-vertical, .form-actions {
margin-bottom: 0;
}

@media (max-width: 480px){
#logo, #loginbox {
    width: 80%;
}
}
@media (max-width:980px) {
    .pulsante1 {
        display: block;
        margin-bottom: 20px;
    }
}