#grasshopper_first{
    background-color:#0095ce;
    height:700px;
    width: 100%;
    position:relative;
}
#grasshopper_second{
    position:relative;
    width:100%;
    height:200px;
    background-color: #fff;
    padding-top: 2%;
}
#grasshopper_left{
    position:relative;
    height:auto;
    width:50%;
    float:left;
}
#grasshopper_left_title{
    position:relative;
    top: 130px;
    line-height:42px;
    margin-left: 20%;
    width: 80%;
    height:auto;
    
}
.grasshopper_left_title_span{
    position:relative;
    height:100%;
    width:100%;
    color: #f0f0f0;
    font-family: 'Roboto', sans-serif;
    font-size:30px;    
}
#grasshopper_right{
    position:relative;
    height:100%;
    width:50%;
    float:right; 
}
.grasshopper_img_text{
    position:relative;
    width:auto;
    height:auto;
    top:150px;
    max-width: 100%;
}
.grasshopper_left_text_span{
    position:relative;
    height:100%;
    width:100%;
    color: #f0f0f0;
    font-family: 'Roboto', sans-serif;
    font-size:20px;
    float:left;
    line-height: 30px;
}
#grasshopper_container{
    position:relative;
    width: 100%;
    height:auto;
}
#grasshopper_eye{
    position:relative;
    width:34px;
    height:auto;
    float:left;
}
.icon_eye{
    position:relative;
    width:34px;
    height:34px;
}
.grasshopper_eye_span_title{
    color:#808080;
    font-family: 'Roboto', sans-serif;
    line-height: 42px;
    font-size:30px;
    float:left;
}
.grasshopper_eye_span_text{
    color:#808080;
    font-family: 'Roboto', sans-serif;
    line-height: 25px;
    font-size:18px;
    float:left;
}
#grasshopper_eye_text{
    position:relative;
    float:left;
    height:auto;
    width: 300px;
    left:21px;
}
#grasshopper_second_container_eye{
    padding-top: 2%;
    position:relative;
    width:40%;
    height:auto;
    float:left;
    margin-left: 10%;
}
#grasshopper_second_container_bullseye{
    padding-top:2%;
    position:relative;
    width:40%;
    height:auto;
    float:left; 
    margin-left: 10%;
}
@media screen     
    and (max-width: 780px){

#grasshopper_left{
            position:relative;
            width:100%;
            float:none;
            height: 100%;
}
#grasshopper_right{
    position:relative;
    width:100%; 
    float: none;
    height:100%;
}
#grasshopper_first{
    background-color:#0095ce;
    height:auto;
    width: 100%;
    position:relative;
}
#grasshopper_second{
    position:relative;
    width:100%;
    height: 100%;
    background-color: #fff;
}
#grasshopper_left_title{
    position:relative;
    padding-top: 130px;
    width: 90%;
    height:100%;
    margin: 0 auto;
    top:0px;
}
.grasshopper_left_title_span{
    position:relative;
    line-height:30px;
    width:100%;
    color: #f0f0f0;
    font-family: 'Roboto', sans-serif;
    font-size:30px;    
}
.grasshopper_img_text{
    position:relative;
    width:100%;
    margin-top:3%;
    height: 100%;
    top:0px;
}
.grasshopper_left_text_span{
    position:relative;
    width:100%;
    color: #f0f0f0;
    font-family: 'Roboto', sans-serif;
    font-size:20px;
    float:none;
    line-height: 30px;
}
#grasshopper_container{
    position:relative;
    width: 100%;
    height:auto;
}
#grasshopper_eye{
    position:relative;
    width:34px;
    height:auto;
    float:none;
}
.icon_eye{
    position:relative;
    width:34px;
    height:34px;
}
.grasshopper_eye_span_title{
    color:#808080;
    font-family: 'Roboto', sans-serif;
    line-height: 42px;
    font-size:30px;
    float:none;
}
.grasshopper_eye_span_text{
    color:#808080;
    font-family: 'Roboto', sans-serif;
    line-height: 25px;
    font-size:18px;
    float:none;
}
#grasshopper_eye_text{
    position:relative;
    float:none;
    height:auto;
    width: 300px;
    left:21px;
}
#grasshopper_second_container_eye{
    margin: 2% auto;
    position:relative;
    width:90%;
    height:auto;
    float:none;
    margin-bottom: 10%;
}
#grasshopper_second_container_bullseye{
    margin:0 auto;
    position:relative;
    width:90%;
    float:none;
    margin-bottom: 10%;
}

    }