@charset "UTF-8";
/* CSS Document */

body {font-family: 'Roboto', sans-serif; font-weight:400; font-size:14px; color:#f5f5f5; background:url('../images/col_bg.jpg') no-repeat top center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-color:#2b2b2b; margin:0px; padding-bottom:30px;}

img {border:none; border-style:none;}

h1 {font-size:25px; font-weight:400; line-height:30px; text-align:center; color:#FFC724; margin:25px 0px;}
h2 {font-size:23px; font-weight:400; line-height:30px; text-align:center; color:#FFC724; margin:20px 0px 0px;}

.clearfix {clear:both;}

.wrap {max-width:800px; margin:auto}

a:link, a:visited {color:#FFC724; text-decoration:none;}
a:hover {color:#dba812}

.logo img {width:100%; }
.col { max-width:300px; margin:40px auto 0px;}
.naxos { max-width:100px; margin:0px auto;}
.arkivmusic { max-width:225px; margin:30px auto;}
.arkivjazz { max-width:200px; margin:35px auto;}
.desc { margin-top:5px;}

.con { width:100%; }
.col1, .col2, .col3 { width:250px; float:left; padding:15px 8px;}

.subs-btn {width:230px; margin:15px auto;}
.btn {width:230px; background-color: #FFC724; border:1px solid #ecb514; padding:10px; border:none; outline:none; text-transform:uppercase; font-size:16px; text-align:center; color:#2B2B2B; font-weight:500;}




/*MEDIA QUERIES*/
/*************************************************************************************/
/* for 980px or less */
@media screen and (max-width: 980px) {
	.col1 { width: 41%; padding: 15px; }
	.col2 { width: 41%; padding: 15px; float: right; }
	.col3 { clear: both; padding: 15px; width: auto; float: none; }
}

/* for 700px or less */
@media screen and (max-width: 600px) {
	.col1 { width: auto; float: none; }
	.col2 { width: auto; float: none; margin-left: 0px; }
	.col3 { width: auto; float: none; }
}

/* for 480px or less */
@media screen and (max-width: 480px) {
	.col3 { display: none; }
}