html{height: 100%;}

body {
    background-color: #f6f6f6;
    margin: 0;
    padding: 0;
    position: relative;
  /*top: 25%;*/
    /* top: 50%; */
 /* transform: perspective(1px) translateY(-25%); */
    /* transform: perspective(1px) translateY(-50%); */
}

.container {    background-color: #f6f6f6;    padding-bottom: 50px;    padding-top: 50px;} 

.image {
    background-color: #f6f6f6;
    display: block;
    margin-left: auto;
    margin-right: auto;

}

.buts{width: 100%;background-color: #f6f6f6;display: block;text-align:center; margin-top: -50px;} 

img {
    display: block;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    max-width: 550px;
    min-width: 200px;
    width: 50%;
}

a {    background-color: #7c76b7;    border: 1px solid #7c76b7; border-radius: 4px;   color: white;    display: inline-block;    font-family: "OpenSans-Regular",Helvetica,Arial,sans-serif;    font-size: 1.6em;    margin-left: 40px;    margin-right: 40px;    margin-top: 30px;    padding: 20px;    text-decoration: none;    width: 200px;border-radius: 4px; box-shadow: 1px 1px 1px 1px #cccccc;}

a:hover, a:focus, a:active {    background-color: #585483;}


*:focus {
   /* outline: none; */
}
*:hover { outline: none; }
*:active { outline: none; }
body.user-is-tabbing *:focus {
    outline: 7px solid #e41313 !important;
}