@import url('https://fonts.googleapis.com/css?family=Palanquin:200,400');

* { 
	margin:0px;
	padding:0px;
}

body {
    background-image: url(https://ar.soaresbasto.pt/tv/images/bg_05.jpg);
    background-repeat: no-repeat;
    background-position: bottom center;
    background-attachment: fixed;
    background-size: cover;
    font-family: "Palanquin", sans-serif;
}

/***** WRAPPER *****/
.wrapper {
    position: absolute;
    top: 0; bottom: 0;
    max-width: 400px;
    box-shadow: 0px 0px 10px #333;
    padding: 20px;
    text-align: center;
    /*background-color: #eee;*/
    background-color: #102333cc;
}
.wrapper img { width: 70%; padding: 40px 0; }
.wrapper p { padding: 40px; font-size: 150%; font-weight: 200; color:#FFF; }
.right { right: 0px; }
.left { left: 0px; }

/***** CONTAINER *****/
.container {
    width: 300px;
    margin: 20px auto 0 auto;
    background-color: #fff;
    padding: 20px;
    position: relative;
    box-shadow: 0px 0px 10px #333;
    text-align: center;
}
.container img { width: 70%; padding: 40px 0; }
.container p { width: 200px; padding: 20px; }


p span {
    color: #ff0c0c;
    font-size: 80%;
    font-weight: 400;
}

.g-signin2{
    display: inline-block;
}

@media (max-width: 480px) {
    .wrapper { position: unset; padding: 0; max-width: 100%; height: 100%; }
}