/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : Aug 18, 2016, 1:23:10 PM
    Author     : Wilson
*/

.brand-before,
.brand-name {
    text-transform: capitalize;
}

.brand-before {
    margin: 15px 0;
}

.brand-name {
    margin: 0;
    font-size: 4em;
}

#otsikko1 {color:#fff;  }
#logo1 { margin:auto;  display:inline-block;  }
#terv{font-size: 1.3em;}
#faceB2{height:auto; width:120px; padding:0; margin-left:auto; margin-right: auto; display:block;}
#ajaKoht{}

#ray {height:auto; width:100px; float:right; margin:0; padding: 0; }
#oiva {height:auto; width:100px; float:right; margin:0; padding: 0; }
#faceB{height:auto; width:70px; margin:0; padding:0; float:left;  }

.oiva_logo{
    margin-left:auto;
    margin-right: auto;
    display:block;
    width:270px;

}


@media screen and (max-width:320px){
    #navOts{
        font-size: 0.9em;
    }


}


/*Breakpoint*/
@media screen and (min-width:768px) {
    .brand {
        display: inherit;

        margin: 0;
        padding: 30px 0 10px;
        text-align: center;
        text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
        font-family: "Josefin Slab","Helvetica Neue",Helvetica,Arial,sans-serif;
        font-size: 5em;
        font-weight: 700;
        line-height: normal;
        color: #fff;

    }
#ray {height:auto; width:150px; float:right; margin:0; padding: 0;}
#oiva {height:auto; width:150px; float:right; margin:0; padding: 0;}
#faceB{height:auto; width:70px; margin:0; padding:0; }
#faceB2{height:auto; width:200px; margin-left:auto; margin-right: auto; display:block; }

#varkLogo{ margin-left:auto;
    margin-right: auto;
    display:block;
    }
.oiva1{  width: 50%;
    margin: 0 auto; }


    #yhtEmail{ font-size: 0.5em;}


}