#nastymlist { display:flex; width:100%; flex-wrap:wrap; max-width:90%; margin:auto; padding-bottom:3rem; justify-content:center; }
#nastymlist .boxagent{ width:calc(33.333% - 30px); margin:30px 15px 0 15px; display:flex; flex-wrap:nowrap;
                       background-color:#e9e9e9; transition: transform .2s;

}
#nastymlist .boxagent:hover { transform: scale(1.05); }
#nastymlist .photo{ width:30%; position:relative; }
#nastymlist .photo .photocontent{ width:100%; height:100%; position:absolute; display:block; background-position:center center; background-repeat:no-repeat; background-size:cover; }
#nastymlist .description { width:70%; }
#nastymlist .desccontent{ width:calc(100% - 30px); padding:15px;  }
#nastymlist .description .title{ color:var(--color3); font-family:var(--font-title); font-weight:500; font-size:1.4rem; margin-bottom:1rem; }
#nastymlist .description .title .grade{ color:var(--color11); font-family:var(--font-title); font-weight:300; font-size:1rem; display:block; }
#nastymlist .description .ico { display:inline-block; width:25px; font-size:1.2rem; }
#nastymlist .description a { font-weight:normal; color:var(--color11); }
#nastymlist .description .shortdescription{ margin-bottom:15px; font-size:0.9rem; }
#nastymlist .description .phone{ }
#nastymlist .description .email{ }
#nastymlist .description .www{ }

@media all and (max-width: 42em) {
    #nastymlist .boxagent { flex-wrap:wrap; }
    #nastymlist .description { width:100%; }
    #nastymlist .photo { height:150px; margin:auto; }
}