div#logo {
    position: absolute;
    left: 5px;
    top: 3px;
    width: 60%;
}
div#main {
    margin-bottom: 50px;
}
div#logo img{width:100%; height:auto;
}

img{width:100%;height:auto}
 
 #right{position:relative}
 
.service_link {
    position: absolute;
    bottom: 0;
    left: 0px;
    /* margin-left: 36%; */
    width: 62%;
    text-align: right;
}
 .service_link a{
text-transform:uppercase;     text-decoration: none
}



.mod_article {
    margin-top: 100px;
    min-height: 100%;
    display: flex;
}
h3 {
    display: block;
    font-size: 14px;
    -webkit-margin-before: 0px;
    -webkit-margin-after: 0px;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    font-weight: normal;  
	padding-bottom:10px;
} 

p {
    display: block;
    -webkit-margin-before: 0px;
    -webkit-margin-after: 0px;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}
a, a:hover, a:focus {
    color: #333;
    text-decoration: underline;
}


@media (max-width: 768px) {
#right {
    position: absolute;
    width: 90%;
    top: 20px;
    left: 20px;
}.service_link {
    position: absolute;
    top: 70px;
    left: 6px;
   margin-left: 0%; 
}
div#start {
    position: absolute;
    top: 130px;
    width: 90%;
}

#service .col-xs-9{width:100%}
}