body {
    font-family: 'Lato', sans-serif;
    font-size: 21px;
    background: #ffefff;
    width: 100%;
}

#Top {
    display: block;
    width: 100%;
    background-color: #dfefdf;
}

#MainLogo {
    display: inline-block;
    max-width: 400px;
    margin: 8px;
}

#MenuDesktop {
    display: inline-block;
    padding-left: 20px;
}

#MenuDesktop a {
    display: inline-block;
    background: #11deaa;
    margin: 0 10px;
    padding: 8px;
    border: 2px solid #3399ee;
    border-radius: 10px;
}

#MenuDesktop a:hover {
    background: #00ffdd;
    border: 2px solid #229999;
}

#MainContent {
    display: block;
    width: 80%;
    margin: 10px auto;
}

.list {
    display: block;
}

.row {
    display: block;
    background: #d7f7d9;
    border-radius: 16px;
    min-height: 120px;
    margin: 18px auto;
    padding: 4px;
    box-shadow: 2px 14px 12px 0px #889;
}

.clogo {
    display: block;
    margin-right: 40px;
    float: left;
    height:100%;
    
}

.clogo img {
    border-radius: 16px;
    max-height: 120px;
}

.cname {
    display: block;
    color: #333;
    height: 100%;
    margin-top: 0;
    margin-right: 40px;
    float: left;
}

.cname h4 {
    font: 'Ubuntu';
}

.cdetails {
    display: block;
    color: #344;
    margin-right: 40px;
    float: left;
}

.cstars {
    display: block;
    max-width: 280px;
    margin-right: 40px;
}

.cstars img {
    max-width: 180px;
    margin: 40px auto;
    float: left;
}

.ccta {
    display: block;
    min-width: 80px;
    max-width: 160px;
    margin-right: 10px;
    float: right;
}

.ccta a {
    text-align: center;
    color: purple;
    background: #11deaa;
    padding: 8px;
    border: 2px solid #3399ee;
    border-radius: 10px;
}

.ccta a:hover {
    color: white;
    background: #113355;
    border: 2px solid #1199ee;
}