@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Oswald:200,300,400');
/*-----------------------------------------*/
[data-id="d1784516-1"] .row {
padding: 4% 0 12%;
background-color: #000000;
/*background-image: url("/products/contents/music_production/cp_concept/sound/images/wave_01.jpg");*/
background-repeat: no-repeat;
background-position: 0 0;
color: #ffffff;
text-shadow: 1px 1px 10px rgba(0,0,0,0.4), -1px 1px 10px rgba(0,0,0,0.4), 1px -1px 10px rgba(0,0,0,0.4), -1px -1px 10px rgba(0,0,0,0.4);
}
[data-id="d1784516-1"] .row.row {
margin: 0 auto;
}
[data-id="d1784516-1"] .row h2 {
margin: 0 0 6%;
padding: 8% 0 0;
font-size: 40px;
font-weight: 200;
}
[data-id="d1784516-1"] .row p {
margin: 0;
line-height: 1.6;
}
[data-id="d1784516-1"] .row .media-box.pull-right {
margin-left: 5%;
}
[data-id="d1784516-1"] .row .media-box {
margin: 0;
}
[data-id="d1784516-1"] .row .media-box img {
margin: 0 0 6%;
padding: 0;
width: 420px;
height: auto;
}
[data-id="d1784516-1"] .row h3.heading, [data-id="d1784516-1"] .row ul.links {
display: none;
}

@media screen and (max-width:767px) {
[data-id="d1784516-1"] .row {
background-size: 80% auto;
}
[data-id="d1784516-1"] .row h2 {
padding-top: 10%;
}
[data-id="d1784516-1"] .row .media-box.pull-right {
float: none!important;
margin-left: 0;
}
[data-id="d1784516-1"] .row .media-box img {
display: block;
width: 100%;
height: auto;
margin: 0 0 4%;
}
}
/*-----------------------------------------*/
#d1751863 {
margin: 60px 0;
text-align: center;
}
#d1751863 .media-box, #d1751863 h3, #d1751863 p, #d1751863 ul.list-unstyled a span.fa {
display: none;
}
#d1751863 ul.list-unstyled {
clear: both;
margin: 0 auto;
text-align: center;
}
#d1751863 ul.list-unstyled a {
display: inline-block;
color: #333333;
padding: 20px 40px;
font-size: 20px;
line-height: 1;
border: 1px solid #636363;
}
#d1751863 ul.list-unstyled a:hover {
border: 1px solid #000000;
background: #636363;
color: #ffffff;
text-decoration: none;
}
#d1751863 ul.list-unstyled a:before {
width: 1.414213562em;
margin-right:.2em;
content: "\f104";
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
}

@media screen and (max-width:420px) {
#d1751863 {
margin: 30px 0;
}
#d1751863 ul.list-unstyled a {
padding: 5% 10%;
font-size: 4.5vw;
}
}
/*-----------------------------------------*/

/*-----------------------------------------*/
[data-id="d1784516-1"]{
  max-width:100%;
  padding:0;
}
/*-----------------------------------------*/