body{
background: #fff;
}

a img { border: none }

.wrapper{
width: 720px;
margin: auto;
padding: 100px 25px 25px;
}

div.logo-header{
width: 500px;
margin-left: 100px;
margin-top: 50px;
}

div.yeslogiccontent{
margin-left: 100px;
width: 400px;
}

div.logo-header p.tagline{
margin-top: 50px;
}

div.logo-header a:link, div.logo-header a:hover, div.logo-header a:visited{
color: #800080;
font-size: 78px;
text-decoration: none;
}

.logo-large {
    font-family: Verdana, Arial, sans-serif;
}
.logo-large .y {
    margin-right: -4px
}
.logo-large .logic {
    color: #999;
}

.software{
background: radial-gradient(260px circle at 180px 130px, #f2f2f2 49.5%, transparent 50%);
min-height: 260px;
margin: 80px 0px;
}

.software #picture{
float: left;
}

.software .content a{
color: black;
text-decoration:none;
}

.software .content a:hover{
text-decoration:underline;
}

#prince .picture{
margin: 20px 20px;
}

#protoforum .picture{
margin: 20px 0px;
}

#prince .slogan{
color: #8d405d;
font-style: italic;
font-family: Georgia, serif;
font-size: 22px;
margin-top: 12px;
}

#protoforum .slogan{
color: #666;
font-style: italic;
font-family: Arial, sans-serif;
font-size: 20px;
}

.software .content{
width: 500px;
float: right;
margin-top: 30px;
}

#abn, #email{
font-weight: bold;
padding-right: 30px;
}

p.footer{
margin-top: 50px;
margin-left: 100px;
font-size: 13px;
}

p.link {
margin-top: -0.5em
}

.desktop-br {
  white-space: pre-line;
}

@media screen and (max-width: 760px) {
  .wrapper{
    width: auto;
  }

  div.logo-header{
    width: auto;
    margin-left: 0;
  }

  div.yeslogiccontent{
    margin-left: 0;
    width: auto;
  }

  .software .content{
    width: auto;
    float: none;
  }

  .desktop-br {
    white-space: normal;
  }
}