/* TAGS */
*{ margin:0px; padding:0px; }
html { position: relative; width:100%; height:100%; min-height: 100%; background-color: #ffffff; }
body { font-family: 'GFS Didot', serif; color:#000000; width:100%; font-size:16px; background:#ffffff url(../img/bg.png) center -183px no-repeat; }
header { }
ul { list-style: none; margin: 0; padding: 0; }
a { text-decoration: none; color:#000000; }
a:hover { text-decoration: underline; color:#808080; }
    

    .mTop5 { margin-top:5px; }
.mTop10 { margin-top:10px; }
.mTop15 { margin-top:15px; }
.mTop20 { margin-top:20px; }
.mTop30 { margin-top:30px; }
.mTop40 { margin-top:40px; }
.mTop50 { margin-top:50px; }
    .mTop60 { margin-top:58px; }
    .mTop100 { margin-top:100px; }
    .italic { font-style: italic;}
 

.fSize12 { font-size:12px; }
    .fGray { color:#b8b8b8; font-size:12px; }
    
    .headTop { height: 60px; background-color:#000000; }
    .pad-logo img { margin-left: 53px; }
    
    
    .line-head { margin-top:30px; margin-bottom: 30px; }
    
.diamod {position: relative; display: inline-block; width: 260px; height: 260px;  margin-left: 0px; }
.diamod-img { position: relative; display: block; overflow: hidden; transform: rotate(45deg); margin-left: 15%; margin-top: 4%; width: 70%; height: 70%; }
.diamod img { position: absolute; left:-40px; top: -40px; width: 260px; transform: rotate(-45deg); z-index: 1;  }
.diamod-tit { position: relative; text-align: left; margin-left: -55px; padding-left: 10px; margin-top: 0px; width: auto; transform: rotate(-45deg);  z-index: 2; font-size: 15px; }

/* Grow */
.diamod img { vertical-align : middle;   -webkit-backface-visibility : hidden; backface-visibility : hidden; -moz-osx-font-smoothing : grayscale; -webkit-transition-duration : 0.3s; transition-duration : 0.3s; -webkit-transition-property : transform; transition-property : transform; }
.diamod img:hover, .diamod img:focus, .diamod img:active { -webkit-transform : scale(1.02); transform : scale(1.2) rotate(-45deg); cursor: pointer;} 
    
    
    .match-of-music-head { display: inline-block; }
    .match-of-music-logo { display: inline-block; display: none; }
    .match-of-music-icon { display: inline-block; }
    .match-of-music-logo-mobile { max-width: 100%; }
    
    .form-element { background-color: #ffffff; border-radius: 0px; border: none; }
    .form-btn { background-color: #f5f5f5; border-radius: 0px; border: 1px #b8b8b8 solid; }
    
    .footer { background-color: #000000; color: #ffffff; padding: 20px 0px 80px 0px; }
    .footer a { color: #ffffff; margin: 0px 5px 0px 5px; }
    .bg-fix { background:transparent url(../img/bg2.png) center 30px no-repeat; }
    .txt-parraf { font-size:16px; }
.mTopRoaster { margin-top: 41px; }
.email-send { display: none; }

.jaleo { position: absolute; right:20px; top: 35px; font-size:11px; }

.menu-home { position: absolute; left: 64px; top: -1px; z-index: 1;}

@media (max-width:690px){
	.jaleo { display: none; }
}
    
    h2 { font-size:36px; letter-spacing:-1px; }
@media (max-width:960px){
	h2 { font-size:30px; letter-spacing:0px; }
}
@media (max-width:690px){
	h2 { font-size:22px; }
}
    
@media (max-width:1200px){
	body { background:#ffffff url(../img/bg.png) center -260px no-repeat; }
    .match-of-music-logo { display: none; }
    .match-of-music-logo-mobile { display: inline-block; max-width: 60%; }
    .match-of-music-icon { display: none; }
    .match-of-music-head { display: none; }
    .mTop60 { margin-top:0px; }
    .bg-fix { background:transparent url(../img/bg2.png) center -98px no-repeat; }
    
    .mTopRoaster { margin-top: 20px; }
}
    
@media (max-width:991px){
	body { background:#ffffff url(../img/bg.png) center -351px no-repeat; }
    .bg-fix { background:transparent url(../img/bg2.png) center 30px no-repeat; }
}
    
@media (max-width:690px){
	.txt-parraf { font-size:15.5px; }
}
    
@media (max-width:526px){
	.bg-fix { background:transparent url(../img/bg2.png) center -114px no-repeat; }
    .diamod { margin-left: 0px; }
}