.screenshot{
    width: 100%;
    border-radius: 5px;
}
body{
    font-family: 'Open Sans', sans-serif;
}
.melodi{
    width: 170px;
    padding-bottom: 20px;
}
.pad{
    margin-top: 25px;
}
.alert-success{
position: fixed;
bottom: 20px;
left: 20px;
z-index: 999;
}
#titlesection{
    padding-bottom: 25px;
}
#loginarea{
    display: none;
    float: right;
    width: 200px;
    top: 100px;
}
#login{
    float:right;
    width:55px;
    top:5px;
    height:55px;
}
#login img{
  margin: 10px 0;
}
#login .center {
  text-align: center;
}

#login .login {
  max-width: 300px;
	margin: 35px auto;
}

#login .login-form{
  padding:0px 25px;
}
#loginarea2{
    position: absolute;
}
.active{
    display: block!important;
}

@media (max-width: 670px) {
    h3,p,a{
        text-align: center;
        
    }
    .btn{
        display: block; margin: 0 auto;
        margin-bottom: 20px;
    }
    body{
        padding-top: 15px;
    }
    .melodi{
        display: block; margin: 0 auto;
    }
}