@media (max-width: 768px){
h1{
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN",Century Gothic;
    font-size: 23px;
    text-transform: uppercase;
    font-weight: 900;
    line-height: 34px;
    margin: 0 0 40px 0;
    color: #222;
}
h2{
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN",Century Gothic;
    font-size: 23px;
    text-transform: uppercase;
    font-weight: 900;
    line-height: 34px;
    margin: 0 0 40px 0;
    color: #222;
}
.animation-title {
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN",Century Gothic;
    font-size: 23px;
    text-transform: uppercase;
    font-weight: 900;
    line-height: 34px;
    margin: 0 0 40px 0;
    color: #222;
}

/* home
==============================*/
#iz-home{
    background: url(../img/izore-s.jpg);
    background-size: 250%;
    background-position: top center;
    background-repeat: no-repeat;
    color: #cfcfcf;
}
#iz-home .overlay{
    height: auto;

}
.content{
    position: relative;
    padding: 26% 0 24% 0;
}

/* About
==============================*/
#iz-about{
    padding: 60px 0 70px 0;
    background-color: #f4f4f4;
}

/* works
==============================*/
#iz-works{
    padding: 80px 0;
    background-color: #f4f4f4;
}

/* Business
==============================*/
#iz-business{
    background: url(../img/business-bg.jpg);
    background-size: 130%;
    background-position: top center;  
    background-repeat: no-repeat;
    color: #ffffff;
}
.ta-width{
    width: 80%;
}
}

@media (max-width: 630px){

/* home
==============================*/
#iz-home{
    background: url(../img/izore-s.jpg);
    background-size: 260%;
    background-position: top center;
    background-repeat: no-repeat;
    color: #cfcfcf;
}
#iz-home .overlay{
    height: auto;

}
.content{
    position: relative;
    padding: 32% 0 30% 0;
}

/* About
==============================*/
#iz-about{
    padding: 60px 0 70px 0;
    background-color: #f4f4f4;
}

/* works
==============================*/
#iz-works{
    padding: 70px 0;
    background-color: #f4f4f4;
}

/* Business
==============================*/
#iz-business{
    background: url(../img/business-bg.jpg);
    background-size: 230%;
    background-position: top center;  
    background-repeat: no-repeat;
    color: #ffffff;
}
.ta-width{
    width: 90%;
}

/* gaiyou
==============================*/
#iz-gaiyou{
    padding: 70px 0;
}

label{
    float: none !important
}
.pull-left.fnav,
.pull-right.fnav {
    float: none !important;
    text-align: center;
}

.hover-bg .hover-text {
    padding: 12% 10%;
}
}
@media (max-width: 360px){
.hover-bg .hover-text {
    padding: 22% 10%;
}
}