/*
Muutokset ja lisäykset
*/


@media only screen and (max-width: 900px) {
    
.container img { 
    width: 20% !important;
    height: auto;
}
.row img { 
    width: 70% !important;
    height: auto;
}
.bottom-header.blog h2 {
	
    font-size: 300% !important;
}
.bottom-header blog {

    background-size: 190% !important;

    background-position: top center !important;
}
.bottom-header blog col-sm-12 {

        font-size: 30% !important;

}
.header-front-page {
	background-size: 330% !important;

    background-position: top center !important;
	background-repeat: no-repeat !important;
	background-color: #2b2b2b !important;
}

.row {    font-size: 100% !important;
}
	
.section-description { 
    width: 100% !important;
    height: auto;
}

}

.col-sm-2 img { 
    width: 100%;
    height: auto;
}

#about .skill {
    background-color: none;
display: none;
}





@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) { 

.col-sm-2 img { 
		width: 40% !important;
    height: auto;
}
.bottom-header.blog h2 {
	
    font-size: 300% !important;
}
.header-blog {

    background-size: 150% !important;

    background-position: top center !important;
}
.header-front-page {
	background-size: 330% !important;

    background-position: top center !important;
	background-repeat: no-repeat !important;
	background-color: #2b2b2b !important;
}

	.row img { 
    width: 70% !important;
    height: auto;
}

.section-description { 
    width: 100% !important;
    height: auto;
}
}

@media only screen and (max-width: 500px) {
	
#header.header-front-page{
	-webkit-background-size: 250% 100%  !important;
	-webkit-background-size: cover;
background-attachment: scroll !important;
    background-position: top center !important;
	background-repeat: no-repeat !important;
	background-color: #000000 !important;
	-webkit-background-size: 90%;
    height: auto;
}

.section-description img { 
    width: 100% !important;
    height: auto;
}
	.row img { 
    width: 90% !important;
    height: auto !important;
}
    .page #header .bottom-header h1 { 

        font-size: 250% !important;
    }
.bottom-header blog { 

        font-size: 100% !important;
    }
.bottom-header blog col-sm-12 {

	font-size: 30% !important;}	
	
}