html{ margin: 0px; padding: 0px;}
body{ font-family: 'Montserrat', sans-serif; font-size:14px; line-height:18px;position: relative; margin: 0px; padding: 0px; background: url(../images/back.jpg) #a1090c fixed repeat-x;  letter-spacing: 2px;
    width: 100%;  overflow: auto; color: #ffff}
img{ margin: 0px; padding: 0px; border: 0px;}
input{ position: relative; margin: 0px; padding: 0px}
a{ text-decoration: none;  color: inherit;  transition: all 0.5s ease;}
a:hover{ color: #d1d2d2; text-decoration: none; }
.img-fluid {
    display: block;
    height: auto;
    max-width: 100%; margin: 0px auto 0px auto; position: relative;
}
.inner{ width:95%; max-width:900px; position:relative; margin:0px auto; }
.widget_container{ position:relative; display: flex; align-items: center; justify-content: center; margin-top:15px;}
.widget_img{ position:relative; border:12px solid #fff;background: #fff}
.widget_slider_container{
        width: 100%; max-width: 416px; margin: 0px auto 0px auto;
}
    .widget_ttl{ position:relative; margin:10px auto 0px auto; max-width:415px;text-align:center; font-size:20px; font-weight:700;color:#fff; text-transform:uppercase; line-height:1.4  }

.ttl{ position:relative; margin:10px auto 0px auto; max-width:415px;text-align:center; font-size:20px; font-weight:700;color:#fff; text-transform:uppercase; line-height:1.4  }
.title{position:relative; margin:10px auto 0px auto; max-width:650px;text-align:center; font-size:20px; font-weight:400;color:#fff; text-align: center; line-height:1.4 }
.note{ position:relative; margin:10px auto 0px auto; max-width:415px; font-size:12px; line-height:14px; font-weight:300; color: #fff; text-align:center;  }
.upload_btn{ margin-top:10px; }
.connect_btn{ margin-top:10px; }
.music{ margin: 0px auto; position:relative; max-width:414px; }
.card_text{ position:absolute; top: 0.5%;
left: 5%;
width: 90%;
height: 18.3%;
 background:url(../images/lines_w.png) bottom center no-repeat; } 
.card_text textarea{ position:relative; width: 100%; height: 100%; background: transparent; font-family: 'Lobster Two', cursive; color: #f7f7f7; border:0px; resize: none;font-size: 30px;
line-height: 35px;}
.widget{max-width: 650px;
margin: 0px auto; position: relative; display: block;}

 @media handheld, only screen and (max-width: 500px) {
.widget_slider_container{ width: calc(100% - 40px); }
.arrow{ width:20px; }
}

 @media handheld, only screen and (max-width: 380px) {
.card_text textarea{
    font-size: 20px;
line-height: 25px;
 }
}

@media handheld, only screen and (max-width: 750px) {
    .hide-desk{ display:none; }
    }
    @media handheld, only screen and (min-width: 750px) {
    .hide-mob{ display:none; }
    }
.photos img{}