body{
    overflow-x: hidden;
    max-width: 100vw;
}
.sectioncd{
    background-image: none;
}
#discography{
    padding: 190px 0;
}
#discography h2{
    margin-bottom: 51px;
}
#discography h3{
    margin-top: 32px;
}
.modalTriger{
    cursor: pointer;
}
.modalCustom{
    display: none;
    z-index: 9999;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
}
.modalOverlay{
    cursor: pointer;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.8);
}
.modalBody{
    position: relative;
    background: #000;
    width: 50vw;
    height: 90vh;
    padding: 55px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5vh;
    overflow-y: auto;
}
.modalBody img{
    margin-bottom: 32px;
}
.modalClose{
    cursor: pointer;
    position: absolute;
    right: 32px;
    top: 32px;
    color: #D5D5D5;
}
.modalClose img{
    max-width: 18px;
}
#about{
    background-image: none;
}
#about img {
    margin-bottom: 32px;
    min-width: 100%;
}
.buttonStore {
    font-size: 22px;
    border: 1px solid #fff;
    text-transform: uppercase;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    display: block;
    max-width: 130px;
    padding: 6px;
    transition: all .32s ease-in-out
}.buttonStore:hover{
    background: #fff;
    color: #000;
}
.navbar {
	z-index: 9;
	position: relative;
}
.navbox{
    background: transparent;
    box-shadow: none;
}
.img-responsive{
    max-width: 100%;
}
#about {
	background-image: none;
	padding-top: 0;
}
.noPadding{
    padding: 0;
}
#modalFragile .modalBody{
    background: url('../img/filigran.jpg');
    background-size: cover;
}
.fullWidth{
    width: 100%;
    margin: 0;
}
.stampImg {
	width: 350px;
	margin-left: auto;
	margin-right: auto;
    max-width: 100%;
    transform: rotate(-20deg);
    margin-top: -30px;
}
@media(max-width:1280px){
    /* .intro{
        background-image: none;
    } */
    .modalBody{
        width: 90vw;
    }
}
@media(max-width:850px){
    .logo{
        margin-top: 40%;
    }
}
@media(max-width:480px){
    .modalBody{
        padding: 75px 18px 18px 18px;
    }
    #discography {
        padding: 80px 0;
    }
    #contact {
        padding-top: 32px;
    }
}

#modalDualis .modalBody{
    background-image: url('../img/bg-matt-mathews-2023-3.jpg');
    background-position: bottom right;
}
#modalPromisedLand .modalBody{
    background-image: url('../img/bgorange.png'), url('../img/bgbleu.png');
    background-position: top left, bottom right;
}
#about{
    background: url('../img/bg-matt-mathews-2023-4.jpg'); 
    background-attachment: fixed;
}
#live{
    background: url('../img/bg-matt-mathews-2023-4.jpg'); 
    background-attachment: fixed;
}
#news{
    background: url('../img/bg-matt-mathews-2023-4.jpg'); 
    background-attachment: fixed;
    /*
    background: url('../img/bg-matt-mathews-2023-3.jpg') no-repeat center scroll;
    background-size:cover;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover*/
}
.music{
    padding-bottom: 5%;
}
.logo{
    width: 60%;
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-top: 0;
}
.txtMatt{
    padding: 18px;
}
#about{
    max-width: 100vw;
    overflow-x: hidden;
}
.intro{
    padding-top: 20%;
}
@media(max-width:992px){
    .intro{
        padding-top: 6%;
    }
    .stampImg{
        width: 300px;
        margin-top: 45px;
    }
}
@media(max-width:440px){
    .intro{
        padding-top: 45%;
    }
    .logo{
        width: 80%;
    }
    .stampImg {
        width: 210px;
    }
}
.english {
	z-index: 999;
}

.gsf-title {
	color: #fff;
	text-transform: uppercase;
	font-size: 22px;
}
.newsFbIframe{
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.sportifyLink{
    display: inline-block;
    margin-bottom: 32px;
}

.homeTxt_wrapper{
    max-width: 80%;
    height: 100vh;
    margin: 3% auto auto auto;
}
.homeTxt {
	font-size: 32px;
	text-align: center;
	font-size: 26px;
	font-style: italic;
    text-shadow: 0 0 2px black, 0 0 5px black, 0 0 12px black;
    font-weight: 700;
    //max-width: 80%;
    width: 100%;
    margin: auto;
}
.spotifyTxt {
	font-size: 22px;
	margin-top: 8px;
	display: inline-block;
}
.homeTxt:first-child{
    margin-top: 51px;
}
@media(max-width:1450px){
    .homeTxt_wrapper{
        margin: 10% auto auto auto;
    }
}
@media(max-width:1300px){
    .homeTxt_wrapper{
        margin: 18% auto auto auto;
    }
}
@media(max-width:1100px){
    .homeTxt_wrapper{
        margin: 28% auto auto auto;
    }
}
@media(max-width:992px){
    .homeTxt_wrapper{
        margin: 53% auto auto auto;
    }
}
@media(max-width:768px){
    .homeTxt{
        font-size: 17px;
    }
    .intro {
        padding-top: 25%;
    }
    .homeTxt_wrapper{
        margin: 50% auto auto auto;
    }
    #about{
        background: url('../img/bg-matt-mathews-5-mobile.jpg'); 
    }
    #live{
        background: url('../img/bg-matt-mathews-5-mobile.jpg'); 
    }
    #news{
        background: url('../img/bg-matt-mathews-5-mobile.jpg'); 
    }
}