.mo {
text-align: center;
float: left;
margin: 0 auto;
margin: 10px;
width: 350px;
height: 360px;
border: solid 1px #ccc;
color:#188da7;
font-weight: bold;}
.mo h2, .mo hr{
margin-top: 7px;
margin-bottom: 3px;}
.mo:hover {box-shadow: 0px 0px 2px #000;}
.mo a{color:#188da7;display: block;}
.mo select {font-size:18px;padding: 0px;text-align: center;border: none; width: 100%;}
.mo p {color:#000; font-size:20px;text-align: center !important;}
#mp, #ot{display: table;margin: 0 auto;}
p.nr img {box-shadow: 0px 0px 14px #7ea5cc;padding: 7px;border-radius: 20px;}
.ot {text-align: justify;
float: left;
margin: 0 auto;
margin: 10px;
width: 250px;
height:265px;
border: solid 1px #ccc;
background: linear-gradient(0deg, rgb(220 227 232) 0%, rgb(241 249 255) 100%);
box-shadow: 0px 0px 14px #7ea5cc;
color:#000;
padding: 7px;
border-radius: 20px;
font-size: 15px;
}

.prof {
    margin: 1rem;
    padding: 1.5rem;
      }

  .tab {
    display: flex;
    flex-wrap: wrap;
  }

  .tab > input[type="radio"] {
    display: none;
  }

  .tab-prof {
    display: none;
    width: 100%;
    margin-top: 1rem;
  }

  #tbt-1:checked~#prof-1,
  #tbt-2:checked~#prof-2,
  #tbt-3:checked~#prof-3,
  #tbt-4:checked~#prof-4,
  #tbt-5:checked~#prof-5,
  #tbt-6:checked~#prof-6,
  #tbt-7:checked~#prof-7,
  #tbt-8:checked~#prof-8 {
    display: block;
  }

  .tab > label {
    display: block;
    padding: 0.5rem 1rem;
    cursor: pointer;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
    text-decoration: none;
    color: #147cce;
      }

  .tab > input[type="radio"]:checked + label {
    cursor: default;
    color: #fff;
    background-color: #0076b6;
  }
@media (max-width: 640px) {
p.nr img {width:auto; height:90px;margin: 5px;}
.mo, .ot {width:98% !important;height: auto !important;}
img.m3{width:90% !important;}}
@media (min-width: 640px) and  (max-width: 1000px){
.mo {width:350px !important;}
#mp {width: 750px;margin: 0 auto;}
#ot{width: 555px;}}