body {
	font-family: arial,helvetica,sans-serif;
	margin: 0px;
	padding: 0px;
	background-color: #CCCCCC;
	color: black;
    text-align: center;
}

div,p {
	color: black;
}

a:link,a:visited { color: #333333; text-decoration: none }
a:hover { color: #666666; }

img {
	border: 0px;
}

#main {
    margin-left: auto;
    margin-right: auto;
}


#logo {
    margin-top: 70px;
}

#slogan {
    margin-top: 50px;
    margin-bottom: 60px;
}

#cds {
    width: 560px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-left: auto;
    margin-right: auto;
}

.cd {
    width: 280px;
    height: 253px;
}

#nr {
    margin-top: 80px;
    margin-right: 16px;
    color: #BB0000;
    text-align: right;
}

#nr a:link,a:visited { color: #BB0000; text-decoration: none }
#nr a:hover { color: #666666; }


.aimg {
	width: 250px;
    height: 226px;
}

#inf {
    height: 28px;
}


/* Smartphones (portrait) ----------- */
@media only screen and (max-device-width : 650px) and (orientation: portrait)  {

    #cds {
        width: 280px;
    }

    #cd-nr {
        height: unset;
        margin-bottom: 16px;
    }

    #nr {
        text-align: center;
        margin-top: 0px;
    }

}




/* Smartphones (landscape) ----------- */
@media only screen and (max-device-width : 650px) and (orientation: landscape) {


}