﻿h2{
border-left: 5px solid #d80b24;
display: block;
padding-left: .45em;
margin-bottom: 1em;
}
h3{
font-size: 1.45em;
}
h3 img {
width: 24px;
}
.block{
display: flex;
width: 100%;
background: #eeeeee;
padding: 1.5em;
border: 1px solid #cccccc;
box-sizing: border-box;
margin-bottom: 1em;
position: relative;
}
.block p a::after{
    position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  pointer-events: auto;
  content: "";
  background-color: transparent;
}
.s-logo{
width: 15%;
height: 15%;
padding: 1em;
background-color: #fafafa;
margin-right: 2em;
text-align: center;
border-radius: 10px;
}
.s-logo img{
object-fit: cover;
}
.s-info{
width: 85%;
}
.s-info p{
width: 100%;
font-size: 1em;
}
.text-right{
text-align: right;
}
a {
text-decoration: none;
}
@media screen and (max-width: 768px) {
h2{
font-size: 1.5em;
}
h3{
font-size: 1.2em;
margin-bottom: .75em;
line-height: 1.8;
}
.block {
display: block;
padding: .75em;
}
.s-info{
margin-top:1em;
width: 100%;
}
.s-logo{
width: 30%;
height: 30%;
margin: 0 auto;
display: block;
}
}
.s-logo img{
max-width: 100%;
}
.text-right{
text-align: right;
font-size: 1em;
}  
}