.external{

display: inline-flex;
width: 100%;
flex-wrap: wrap;

}

.external h1{

width: 100%;
text-align: center;

}

.external .list{

width: 100%;
display: inline-flex;
flex-wrap: wrap;
justify-content: center;

}

.external .item{

max-width: 400px;
display: inline-flex;
flex-wrap: wrap;
margin: 25px;
flex-direction: column;

}

.external .item .image{

margin: 0 auto;

}

.external .item img{

height: 250px;
max-width: min(100%, 400px);
object-fit: contain;
transition: transform .5s ease;

}

.external .item img:hover{

text-decoration: none;
-webkit-transform: scale(1.1);
transform: scale(1.1);

}

.external .item div{

margin-top: 10px;
max-width: min(calc(100vw - 40px), 400px);

}

.external .item .sub{

color: grey;

}

.external .item a:hover{

text-decoration: none;

}

.external .item p:last-child{

margin-bottom: 0;

}

.external .more{

margin-top: 50px;
margin-right: 25px;
margin-left: auto;
padding: 10px;
display: inline-flex;
border: 1px black solid;
border-radius: 5px;
color: initial;

}

.external .more:visited{

color: initial;

}