/*custom*/

html { 
  background: url(../images/roger.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.lang {
position:fixed;
top:0;
right:5;
}

.roger_logo {
position:fixed;
padding-top:40px;
padding-left:0px;
}

.roger_logo_mobile {
display:none;
}

.palvelut_bg {
background: rgb(0, 0, 0); /* The Fallback */ 
background: rgba(0, 0, 0, 0.68); 
float:right;
width:300px;
right:0;
top:0;
}

.yhteystiedot {
background: rgb(0, 0, 0); /* The Fallback */ 
background: rgba(0, 0, 0, 0.75);
height:100px;
}

.yhteys_icon {
display:block;
text-align:center;
margin-left:auto;
margin-right:auto;
padding-top:10px;
}

@media only screen and (max-width: 580px) {

.yhteys_icon {
display:block;
text-align:center;
margin-left:auto;
margin-right:auto;
padding-top:20px;
}

.text {
padding-left:2em;
padding-right:2em;
padding-top:0px;
}

.roger_logo_mobile {
display:block;
margin-left:auto;
margin-right:auto;
position:relative;
padding-top:35px;
text-align:center;
}

.roger_logo {
display:none;
}

}



.text {
padding-left:2em;
padding-right:2em;
}

.logos {
padding-top:30px;
padding-bottom:60px;
}

.logos img{
padding-left:20px;
}

/***** Phone (portrait 300px) *****/
@media only screen and (max-width: 567px) {

.cv_bg {
background: rgb(0, 0, 0); /* The Fallback */ 
background: rgba(0, 0, 0, 0.68); 
float:right;
width:100%;
right:0;
top:0;
padding-left:3em;
padding-right:3em;
padding-top:2em;
padding-bottom:2em;
}

}

.title {
margin-top:1em;
}

.stoori {
margin-top:1em;
}