html,body{
    width:100%;
    height:100%;
    font-family: 'Dosis', sans-serif;
    font-size: 1.1em;
}

.bright{
    color: white;
}

.dark{
    color: #555555;
}

h1, h2, h3, h4{
    font-family: 'Play', sans-serif;
}

h1{
    font-size: 1.4em;
    color: #669ae0 !important; 
}

h2{
    color: #669ae0;
    font-size: 1.3em;
    text-align: center;
    margin-top: 1em;
    margin-bottom: 1.2em;
    
}

h3{
    text-align: center;
    color: #669ae0;
    font-size: 1.2em;
    margin-top: 1em;
    margin-bottom: 0.8em;
}   


/*
.service a img{
    max-width: 80px;
    max-height: 80px
}
*/

h4{
    text-align: center;
    color: #669ae0;
    font-size: 1.1em;
    margin-top: 1em;
    margin-bottom: 0.8em;
}   

.btn-primary{
    color: #fff;
    background-color: #FF9900;
    border-color: #d58512;
}

iframe{
    width:100%;
    height:350px; 
    border:0px;
    margin: 0px;
    overflow: hidden;
}

a,
strong,
.glyphicon{
    color: #FF9900;
}

a:hover{
    color: #428bca;
    text-decoration: none;
}


label{
   font-weight: normal;
}


p{
    margin-bottom: 1.5em;
}

body {
    padding-top: 0px;
    color: white;
}

.jumbotron {
    text-align: center;
    background-color: transparent;
}

.jumbotron .btn {
    font-size: 21px;
    padding: 14px 24px;
}

.pages{
    /*background-attachment: fixed;*/
    width:100%;
    min-height:100%;
    position: relative;
    box-shadow:inset 0px 10px 10px rgba(0,0,0,0.3);
    padding-top: 50px;
    background-repeat:no-repeat;
    margin: 0 auto; 
}

.last-page{
    min-height:10%;
}

#home { 
    padding-top: 20px;
    text-align: center;
    background: url(../img/szczecin02.jpg) 50% 0 fixed;
    background-repeat:no-repeat;
    box-shadow:none;
}
 
.jumbotron .logo{
    width:30%;
}

#about { 
    background: url(../img/wtm.jpg) 50% 0 fixed;
}

@media screen and (min-width: 320px) {
    .pagee{
        min-height:auto;
    }
    #home { 
        background: white;
    }
    #about { 
        background: url(../img/escheresque.png) 50% 0 fixed;
    }
    h1{
        font-size: 1.5em;
    }
}

@media screen and (min-width: 768px) {
    #home{
        background:  url(../img/szczecin02.jpg) 50% 0 fixed;
    }
    #about { 
        background: url(../img/wtm.jpg) 50% 0 fixed;
    }

}
 
#projects { 
    background: url(../img/graphy.png) 50% 0 fixed;
}

#projects .container p{ 
    text-align: justify;
}


#services { 
    background: url(../img/shattered_bright.png) 50% 0 fixed;
}

.service{
    text-align: center;
}

.service h3{
    color: #ff9900;
}   

#contact { 
    background: url(../img/debut_dark.png) 50% 0 repeat fixed;
}

#menu{
    margin-bottom: -50px;
    min-height: 50px;
    width: 100%;
    z-index:2000;
    border-radius: 0px;
    box-shadow: rgba(0,0,0,0.3) 0px 5px 10px;
    -moz-box-shadow: rgba(0,0,0,0.3) 0px 5px 10px;
    -webkit-box-shadow: rgba(0,0,0,0.3) 0px 5px 10px;
}

#menu .logo {
    width: 25px;
}

@media screen and (min-width: 768px) {
    .masthead,
    .marketing,
    .footer {
        padding-left: 0;
        padding-right: 0;
    }
}

.t-btn{
    width: 120px;
    height: 120px;
    /*display: block;*/
    border-radius: 50%;
    margin: 20px;
    box-shadow:
        0px 0px 0px 8px #fff, 
        0px 0px 0px 10px #ff9900,
        0px 0px 5px 9px #fff;
    transition: all 0.3s linear;
}

.t-btn:hover{
    box-shadow:    
        0px 0px 0px 14px #fff, 
        0px 0px 0px 16px #ff9900,
        0px 0px 0px 9px #fff;
   /* -webkit-animation:scale 1s linear;
    -moz-animation:scale 1s linear;
    animation:scale 1s linear;*/
}

@keyframes scale{
    0% { transform: scale(1);}
    50% { transform: scale(0.9);}
    100% { transform: scale(1);}
}
@-webkit-keyframes scale{
    0% { -webkit-transform: scale(1);}
    50% { -webkit-transform: scale(0.9);}
    100% { -webkit-transform: scale(1);}
}
@-moz-keyframes scale{
    0% { -moz-transform: scale(1);}
    50% { -moz-transform: scale(0.9);}
    100% { -moz-transform: scale(1);}
}

#map-canvas{
    width:100%;
    height:350px; 
    border:0px;
    margin: 0px;
    overflow: hidden;    
}