/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,
body{
    /*height: 100%;*/
    padding: 0;
    margin: 0;

}
a, a:visited {
    color: #1C96A7;
    text-decoration: none;
}
.intro{
    height: 100%;
    width: 100%;
    /*background: url(parallax.jpg) no-repeat center center fixed; 
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;*/
    background-color: #fff;
    vertical-align: middle;
}
.inner_intro{
    /*background: rgba(255, 255, 255, 0.5);*/
    width: 40%;
    height: auto;
    left: 30%;
    position: absolute;
    top: 14%;
    text-align: center;
    padding: 50px;
    color: #000;
    font-family: Raleway;
}
@media (max-width: 1280px) {

    .inner_intro{
        width: 50%;
        left: 20%;
        top:10%;
    }
}
@media (max-width: 1024px) {

    .inner_intro{
        width: 60%;
        left: 18%;
        top:12%;
        padding: 20px;
    }
    .inner_intro img{
        width: 80%;
        height: auto;
    }
}
@media (max-width: 768px) {

    .inner_intro{
        width: 90%;
        left: 2%;
        top:18%;
        padding: 10px;
    }
}
@media (max-width: 480px) {

    .inner_intro{
        width: 90%;
        left: 2%;
        top:15%;
        padding: 10px;
    }
    .header{
        font-size: 36px !important;
    }
    h1{   
        font-size: 36px !important;
    }

    h3{
        font-size: 18px !important;
    }
    .text{
        font-size: 14px !important;
        font-weight: normal !important;
    }
    .text i{
        font-size: 12px !important;
    }
}
.header{
    font-weight: 700;
    font-size: 60px;
    margin: 20px;
    height: auto;
    color: rgb(5, 8, 195);
}
.inner_intro img{
    width: 100%;
    height: auto;
}
.inner_intro ul{
    height: auto;
}
.inner_intro li{
    list-style: none;
    display: inline;
    height: auto;	
    margin: 0 5px;
}
.text{
    margin-top: 20px;
    height: auto;
    font-weight: 700;
}
.text i{
    color: #000;
    margin: 5px 2px;
    font-size: 18px;
    padding: 1px;
}
h1{
    font-weight: 700;    
    font-size: 75px;
    margin-top: 15px;
}
h2{
    font-size: 29px;

}
h3{
    font-size: 22px;
    margin-top: 20px;
}



.img-logo{
    background-image: url(img/JTC.png);
}

.img-text{
    background-image: url(img/logis.png);
}

.img-world{
    background-image: url(img/world.png);
}