h4 {
    display: inline;
}
.detail {
    width: 22%;
    min-width: 200px;
    margin-left: 2%;
    margin-bottom: 50px;
    float: left;
    font-weight: bold;
    display: flex;
}
.detail img {
    width: 70%;
    height: auto;
    margin: 1px auto;
}
.detail h4 {
    position: relative;
    display: inline;
}
#flex-container {
   display: -webkit-flex;
   display: -ms-flex;
   display: flex;
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
}
.imginn {
    width: 35%;
    height: auto;
    min-width: 250px;
    float: right;
    border: 4px solid red;
}
.imginn img {
    width: 100%;
    height: auto;
}
.profil {
width: 50%;
    margin: 0 auto 30px;
}
@media only screen and (max-width: 1100px) {
.profil {
width: 70%;
}
}
 @media only screen and (max-width: 860px) {
.profil {
width: 90%;
}
}
 @media only screen and (max-width: 640px) {
.profil {
width: 100%;
}
 .imginn {
    display: block;
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
}
}