.hosts{color:#07b1d3;padding:20px 0}.hosts h1{font-size:2rem;font-weight:bolder;text-align:center}.hosts-container{background-color:#f8f9fa;display:flex;display:inherit;flex-direction:column;margin-bottom:20px;padding-top:20px}.hosts-container .host-container:nth-child(odd){flex-direction:row}.hosts-container .host-container:nth-child(odd) .details{padding-left:50px;padding-right:15px}@media (max-width:600px){.hosts-container .host-container:nth-child(odd){flex-direction:column}.hosts-container .host-container:nth-child(odd) .details{padding-left:0;padding-right:0}}.hosts-container .host-container:nth-child(2n){flex-direction:row-reverse}.hosts-container .host-container:nth-child(2n) .details{padding-left:15px;padding-right:50px}@media (max-width:600px){.hosts-container .host-container:nth-child(2n){flex-direction:column;padding-right:0}.hosts-container .host-container:nth-child(2n) .details{padding-left:0;padding-right:0}}.host-container{display:flex;padding:15px}.fullname{font-size:22px}.description{font-weight:400;padding-top:15px}.description p{font-size:16px}.description span{color:#838383}.avatar{flex:0 0 25%;height:auto;max-width:25%;padding-left:15px;padding-right:15px}@media (max-width:600px){.avatar{max-width:100%;padding-bottom:15px}}@media (min-width:601px) and (max-width:800px){.avatar{height:200px;max-width:50%}}