@keyframes blurin {
    /* from {filter: blur(24px); -webkit-filter: blur(24px); transform: scale(85%); opacity: 0;}
    from {filter: blur(0); -webkit-filter: blur(0); transform: scale(100%); opacity: 100;} */
    from {filter: blur(24px); -webkit-filter: blur(24px); transform: scale(90%); opacity: 0;}
    to {filter: blur(0px); -webkit-filter: blur(0px);}
}

@keyframes blurydeco {
    0% {filter: blur(2px); -webkit-filter: blur(2px); background-position: -20px 15px; background-size: (108%); animation-timing-function: ease-in;}
    25% {filter: blur(5px); -webkit-filter: blur(5px); background-position: -5px 10px; background-size:(94%); animation-timing-function: ease-out;}
    55% {filter: blur(0px); -webkit-filter: blur(0px); background-position: 0px -20px; background-size:(104%); animation-timing-function: ease-in-out;}
    100% {filter: blur(2px); -webkit-filter: blur(2px); background-position: -20px 15px; background-size:(108%); animation-timing-function: ease-in-out;}
}

@keyframes clippath1 {
    0% {clip-path: polygon( 0.462% 91.927%,29.76% 3.174%,29.76% 3.174%,29.997% 2.557%,30.279% 2.002%,30.6% 1.513%,30.954% 1.096%,31.338% 0.752%,31.747% 0.486%,32.175% 0.302%,32.617% 0.204%,33.069% 0.195%,33.526% 0.279%,94.462% 17.846%,94.462% 17.846%,94.929% 18.033%,95.367% 18.311%,95.772% 18.675%,96.14% 19.115%,96.468% 19.626%,96.75% 20.199%,96.983% 20.827%,97.162% 21.503%,97.284% 22.22%,97.344% 22.97%,99.934% 94.155%,99.934% 94.155%,99.918% 95.089%,99.807% 95.981%,99.608% 96.817%,99.329% 97.583%,98.978% 98.267%,98.562% 98.856%,98.091% 99.337%,97.57% 99.697%,97.009% 99.922%,96.416% 100%,3.592% 100%,3.592% 100%,2.829% 99.873%,2.135% 99.514%,1.521% 98.952%,0.999% 98.218%,0.581% 97.344%,0.278% 96.359%,0.103% 95.294%,0.068% 94.18%,0.183% 93.047%,0.462% 91.927% );}
    25% {clip-path: polygon( 25.417% 96.464%,0.414% 8.204%,0.414% 8.204%,0.168% 7.005%,0.095% 5.811%,0.182% 4.651%,0.415% 3.556%,0.781% 2.555%,1.266% 1.679%,1.857% 0.957%,2.539% 0.42%,3.3% 0.097%,4.126% 0.018%,93.467% 5.617%,93.467% 5.617%,94.05% 5.721%,94.604% 5.951%,95.121% 6.297%,95.596% 6.75%,96.02% 7.299%,96.389% 7.936%,96.694% 8.648%,96.93% 9.428%,97.091% 10.265%,97.168% 11.149%,100% 86.453%,100% 86.453%,99.986% 87.398%,99.876% 88.304%,99.678% 89.159%,99.398% 89.949%,99.044% 90.663%,98.624% 91.287%,98.144% 91.81%,97.611% 92.219%,97.033% 92.501%,96.418% 92.644%,29.248% 100%,29.248% 100%,28.759% 100.007%,28.281% 99.922%,27.819% 99.75%,27.377% 99.494%,26.961% 99.161%,26.574% 98.753%,26.221% 98.275%,25.908% 97.731%,25.639% 97.126%,25.417% 96.464% );}
    50% {clip-path: polygon( 14.379% 85.403%,0.257% 9.469%,0.257% 9.469%,0.071% 7.916%,0.082% 6.406%,0.273% 4.973%,0.624% 3.653%,1.117% 2.483%,1.735% 1.497%,2.458% 0.732%,3.268% 0.223%,4.147% 0.004%,5.076% 0.114%,96.956% 27.666%,96.956% 27.666%,97.77% 28.051%,98.496% 28.672%,99.125% 29.496%,99.646% 30.49%,100.051% 31.622%,100.33% 32.859%,100.474% 34.169%,100.474% 35.518%,100.319% 36.875%,100% 38.207%,82.134% 96.137%,82.134% 96.137%,81.868% 96.888%,81.555% 97.568%,81.201% 98.176%,80.81% 98.705%,80.386% 99.151%,79.935% 99.512%,79.461% 99.781%,78.969% 99.955%,78.463% 100.029%,77.948% 100%,18.057% 90.451%,18.057% 90.451%,17.552% 90.318%,17.067% 90.088%,16.606% 89.767%,16.172% 89.359%,15.771% 88.869%,15.405% 88.305%,15.079% 87.671%,14.796% 86.972%,14.562% 86.214%,14.379% 85.403% );}
    75% {clip-path: polygon( 0.244% 78.84%,8.04% 28.882%,8.04% 28.882%,8.239% 27.899%,8.519% 26.965%,8.875% 26.087%,9.302% 25.273%,9.794% 24.529%,10.346% 23.862%,10.954% 23.279%,11.612% 22.787%,12.315% 22.394%,13.057% 22.105%,83.736% 0.383%,83.736% 0.383%,84.885% 0.164%,86.011% 0.205%,87.095% 0.489%,88.116% 0.997%,89.057% 1.714%,89.898% 2.62%,90.619% 3.699%,91.202% 4.932%,91.627% 6.303%,91.874% 7.793%,100% 90.142%,100% 90.142%,100.046% 91.787%,99.867% 93.359%,99.484% 94.83%,98.916% 96.172%,98.184% 97.359%,97.307% 98.363%,96.306% 99.156%,95.201% 99.712%,94.012% 100.002%,92.759% 100%,6.158% 89.332%,6.158% 89.332%,5.01% 89.058%,3.948% 88.544%,2.986% 87.817%,2.138% 86.901%,1.418% 85.821%,0.842% 84.602%,0.422% 83.269%,0.173% 81.848%,0.109% 80.363%,0.244% 78.84% );}
    100% {clip-path: polygon( 0.462% 91.927%,29.76% 3.174%,29.76% 3.174%,29.997% 2.557%,30.279% 2.002%,30.6% 1.513%,30.954% 1.096%,31.338% 0.752%,31.747% 0.486%,32.175% 0.302%,32.617% 0.204%,33.069% 0.195%,33.526% 0.279%,94.462% 17.846%,94.462% 17.846%,94.929% 18.033%,95.367% 18.311%,95.772% 18.675%,96.14% 19.115%,96.468% 19.626%,96.75% 20.199%,96.983% 20.827%,97.162% 21.503%,97.284% 22.22%,97.344% 22.97%,99.934% 94.155%,99.934% 94.155%,99.918% 95.089%,99.807% 95.981%,99.608% 96.817%,99.329% 97.583%,98.978% 98.267%,98.562% 98.856%,98.091% 99.337%,97.57% 99.697%,97.009% 99.922%,96.416% 100%,3.592% 100%,3.592% 100%,2.829% 99.873%,2.135% 99.514%,1.521% 98.952%,0.999% 98.218%,0.581% 97.344%,0.278% 96.359%,0.103% 95.294%,0.068% 94.18%,0.183% 93.047%,0.462% 91.927%);}
}

@keyframes smallwiggle{
    0% {transform: translate(0%, 0%); clip-path: polygon( 96.211% 7.96%,6.453% 0.038%,6.453% 0.038%,5.799% 0.078%,5.173% 0.306%,4.584% 0.708%,4.04% 1.27%,3.551% 1.976%,3.124% 2.813%,2.769% 3.765%,2.494% 4.819%,2.307% 5.96%,2.217% 7.174%,0.137% 74.489%,0.137% 74.489%,0.15% 75.678%,0.258% 76.821%,0.455% 77.901%,0.733% 78.905%,1.086% 79.817%,1.507% 80.621%,1.989% 81.303%,2.525% 81.848%,3.109% 82.239%,3.733% 82.462%,87.699% 100%,87.699% 100%,88.324% 100.041%,88.929% 99.906%,89.508% 99.609%,90.052% 99.159%,90.553% 98.568%,91.003% 97.847%,91.394% 97.008%,91.717% 96.061%,91.965% 95.018%,92.129% 93.89%,100% 16.959%,100% 16.959%,100.073% 15.612%,100.02% 14.304%,99.852% 13.058%,99.576% 11.896%,99.203% 10.841%,98.743% 9.916%,98.204% 9.143%,97.596% 8.544%,96.928% 8.142%,96.211% 7.96% );}
    15% {transform: translate(4%, -3%);  clip-path: polygon( 96.619% 6.406%,11.217% 0.223%,11.217% 0.223%,10.691% 0.263%,10.183% 0.453%,9.701% 0.784%,9.249% 1.245%,8.833% 1.828%,8.461% 2.523%,8.136% 3.32%,7.867% 4.21%,7.657% 5.182%,7.514% 6.227%,0.089% 80.579%,0.089% 80.579%,0.014% 81.915%,0.052% 83.215%,0.196% 84.456%,0.436% 85.616%,0.765% 86.673%,1.173% 87.603%,1.653% 88.385%,2.197% 88.995%,2.795% 89.412%,3.439% 89.612%,85.357% 100%,85.357% 100%,85.864% 99.992%,86.356% 99.843%,86.828% 99.562%,87.274% 99.156%,87.688% 98.634%,88.065% 98.003%,88.399% 97.273%,88.685% 96.45%,88.917% 95.542%,89.09% 94.559%,100% 16.002%,100% 16.002%,100.128% 14.595%,100.127% 13.214%,100.006% 11.887%,99.775% 10.641%,99.444% 9.504%,99.022% 8.503%,98.519% 7.665%,97.944% 7.018%,97.308% 6.589%,96.619% 6.406% );}
    30% {transform: translate(-3%, 2%); clip-path: polygon( 96.211% 7.96%,6.453% 0.038%,6.453% 0.038%,5.799% 0.078%,5.173% 0.306%,4.584% 0.708%,4.04% 1.27%,3.551% 1.976%,3.124% 2.813%,2.769% 3.765%,2.494% 4.819%,2.307% 5.96%,2.217% 7.174%,0.137% 74.489%,0.137% 74.489%,0.15% 75.678%,0.258% 76.821%,0.455% 77.901%,0.733% 78.905%,1.086% 79.817%,1.507% 80.621%,1.989% 81.303%,2.525% 81.848%,3.109% 82.239%,3.733% 82.462%,87.699% 100%,87.699% 100%,88.324% 100.041%,88.929% 99.906%,89.508% 99.609%,90.052% 99.159%,90.553% 98.568%,91.003% 97.847%,91.394% 97.008%,91.717% 96.061%,91.965% 95.018%,92.129% 93.89%,100% 16.959%,100% 16.959%,100.073% 15.612%,100.02% 14.304%,99.852% 13.058%,99.576% 11.896%,99.203% 10.841%,98.743% 9.916%,98.204% 9.143%,97.596% 8.544%,96.928% 8.142%,96.211% 7.96% );} 
    50% {transform: translate(0%, 0%); clip-path: polygon( 96.619% 6.406%,11.217% 0.223%,11.217% 0.223%,10.691% 0.263%,10.183% 0.453%,9.701% 0.784%,9.249% 1.245%,8.833% 1.828%,8.461% 2.523%,8.136% 3.32%,7.867% 4.21%,7.657% 5.182%,7.514% 6.227%,0.089% 80.579%,0.089% 80.579%,0.014% 81.915%,0.052% 83.215%,0.196% 84.456%,0.436% 85.616%,0.765% 86.673%,1.173% 87.603%,1.653% 88.385%,2.197% 88.995%,2.795% 89.412%,3.439% 89.612%,85.357% 100%,85.357% 100%,85.864% 99.992%,86.356% 99.843%,86.828% 99.562%,87.274% 99.156%,87.688% 98.634%,88.065% 98.003%,88.399% 97.273%,88.685% 96.45%,88.917% 95.542%,89.09% 94.559%,100% 16.002%,100% 16.002%,100.128% 14.595%,100.127% 13.214%,100.006% 11.887%,99.775% 10.641%,99.444% 9.504%,99.022% 8.503%,98.519% 7.665%,97.944% 7.018%,97.308% 6.589%,96.619% 6.406% );}
    65%{transform: translate(4%, 3%); clip-path: polygon( 96.211% 7.96%,6.453% 0.038%,6.453% 0.038%,5.799% 0.078%,5.173% 0.306%,4.584% 0.708%,4.04% 1.27%,3.551% 1.976%,3.124% 2.813%,2.769% 3.765%,2.494% 4.819%,2.307% 5.96%,2.217% 7.174%,0.137% 74.489%,0.137% 74.489%,0.15% 75.678%,0.258% 76.821%,0.455% 77.901%,0.733% 78.905%,1.086% 79.817%,1.507% 80.621%,1.989% 81.303%,2.525% 81.848%,3.109% 82.239%,3.733% 82.462%,87.699% 100%,87.699% 100%,88.324% 100.041%,88.929% 99.906%,89.508% 99.609%,90.052% 99.159%,90.553% 98.568%,91.003% 97.847%,91.394% 97.008%,91.717% 96.061%,91.965% 95.018%,92.129% 93.89%,100% 16.959%,100% 16.959%,100.073% 15.612%,100.02% 14.304%,99.852% 13.058%,99.576% 11.896%,99.203% 10.841%,98.743% 9.916%,98.204% 9.143%,97.596% 8.544%,96.928% 8.142%,96.211% 7.96% );}
    80% {transform: translate(1%, 5%); clip-path: polygon( 96.619% 6.406%,11.217% 0.223%,11.217% 0.223%,10.691% 0.263%,10.183% 0.453%,9.701% 0.784%,9.249% 1.245%,8.833% 1.828%,8.461% 2.523%,8.136% 3.32%,7.867% 4.21%,7.657% 5.182%,7.514% 6.227%,0.089% 80.579%,0.089% 80.579%,0.014% 81.915%,0.052% 83.215%,0.196% 84.456%,0.436% 85.616%,0.765% 86.673%,1.173% 87.603%,1.653% 88.385%,2.197% 88.995%,2.795% 89.412%,3.439% 89.612%,85.357% 100%,85.357% 100%,85.864% 99.992%,86.356% 99.843%,86.828% 99.562%,87.274% 99.156%,87.688% 98.634%,88.065% 98.003%,88.399% 97.273%,88.685% 96.45%,88.917% 95.542%,89.09% 94.559%,100% 16.002%,100% 16.002%,100.128% 14.595%,100.127% 13.214%,100.006% 11.887%,99.775% 10.641%,99.444% 9.504%,99.022% 8.503%,98.519% 7.665%,97.944% 7.018%,97.308% 6.589%,96.619% 6.406% );} 
    100% {transform: translate(0%, 0%); clip-path: polygon( 96.211% 7.96%,6.453% 0.038%,6.453% 0.038%,5.799% 0.078%,5.173% 0.306%,4.584% 0.708%,4.04% 1.27%,3.551% 1.976%,3.124% 2.813%,2.769% 3.765%,2.494% 4.819%,2.307% 5.96%,2.217% 7.174%,0.137% 74.489%,0.137% 74.489%,0.15% 75.678%,0.258% 76.821%,0.455% 77.901%,0.733% 78.905%,1.086% 79.817%,1.507% 80.621%,1.989% 81.303%,2.525% 81.848%,3.109% 82.239%,3.733% 82.462%,87.699% 100%,87.699% 100%,88.324% 100.041%,88.929% 99.906%,89.508% 99.609%,90.052% 99.159%,90.553% 98.568%,91.003% 97.847%,91.394% 97.008%,91.717% 96.061%,91.965% 95.018%,92.129% 93.89%,100% 16.959%,100% 16.959%,100.073% 15.612%,100.02% 14.304%,99.852% 13.058%,99.576% 11.896%,99.203% 10.841%,98.743% 9.916%,98.204% 9.143%,97.596% 8.544%,96.928% 8.142%,96.211% 7.96% );}
} 

div#inicio{
    margin: 0;
    padding: 0;
    padding-left: 48px;
    width: 100vw;
    height: 100vh;
    max-height: 726px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-image: url(../img/bk/violinbk/500w.png);
    background-repeat: no-repeat;
    background-position: right 0% top 0%;
    background-size: contain;
    animation: blurin;
    animation-duration: 1.5s;
    z-index: 5;
}

div#inicio h1 {
    filter: drop-shadow(0px 0px 12px rgba(0,0,0,.5));
    animation: blurin;
    animation-duration: 1s;
    z-index: 10;
}
div#inicio h3{
    z-index: 10;
}

div.decorativo{
    background-size: contain;
    background-repeat: no-repeat;
    animation: 5s infinite blurydeco;
    z-index: 1;
}

div.decorativo.sax{
    background-image: url(../img/bk/saxbk/170w.png);
    width: 170px;
    aspect-ratio: 170/505;
    margin-top: -17%;
}

div.decorativo.flute{
    background-image: url(../img/bk/flutebk/550w.png);
    width: 550px;
    aspect-ratio: 550/400;
    margin-top: -10%;
    margin-left: calc(100vw - (550px - 20px));
    animation-direction: reverse;
}



article.missao-acao svg{
    z-index: 0;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    fill: var(--darkgrey);
    filter: drop-shadow(0px 0px 12px rgba(0, 0, 0, .4));
}

article.missao-acao div{
    position: relative;
    z-index: 10;
    background: transparent;
    width: 100%;
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
}

article.missao-acao div.acao{
    text-align: right;
    align-items: flex-end;
    margin-top: 5rem;
}

article.missao-acao h3{
    width: fit-content;
}

article.missao-acao h3 b{
    transition: .5s;
}

article.missao-acao h3 b:hover{
    color: var(--gold);
}

article.missao-acao h3:nth-child(2)::after{
    content: '\A' url(../img/effects/underline.svg);
    display: flex;
    align-items: flex-start;
    justify-content: right;
}

article.missao-acao div.acao h3:nth-child(2)::after{
    transform: scaleX(-70%);
    margin-right: -900px;
}

article.jovemorquestra {
    height: max-content;
    padding-bottom: 15vh;
}

article.jovemorquestra h2, article.jovemorquestra h3{
    z-index: 3;
}

article.jovemorquestra img{
    width: 50vw;
    position: absolute;
    box-shadow: 4px 2px 12px rgba(0,0,0,.25);
}

article.jovemorquestra img#orquestra{
    animation: 4s infinite clippath1;
    right: 0px;
    top: 20px;
    z-index: 1;
}

article.jovemorquestra img#grupo{
    left: 24px;
    z-index: 2;
    animation: 8s ease infinite smallwiggle;
}

span.concprd {
    z-index: 5;
    position: absolute;
    width: 220px;
    right: 0;
    text-align: right;
    top: 32vw
}

article.jovemorquestra div.grid{
    margin-top: 35vw;
}

article.jovemorquestra div.content div.button{
    position: absolute;
    bottom: -24px;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: center;
}

div.musicos {
    grid-column-start: 1;
    grid-column-end: 3;
}
div.arranjos {
    grid-column-start: 3;
    grid-column-end: 6;
}

article.quemsomos div.grid{
    margin-top: 5vh;
}

div.prom_novamusica{
    grid-column-start: 1;
    grid-column-end: 4;
    grid-row-start: 1;
    grid-row-end: 2;
}
div.jovensmusicos{
    grid-column-start: 4;
    grid-column-end: 6;
    grid-row-start: 1;
    grid-row-end: 3;
}
div.talento{
    grid-column-start: 1;
    grid-column-end: 4;
    grid-row-start: 2;
    grid-row-end: 6;
}
div.concertos{
    grid-column-start: 4;
    grid-column-end: 6;
    grid-row-start: 3;
    grid-row-end: 6;
}

article.marcarconc div.title{
    display: flex;
    align-items: baseline;
    gap: 4px;
    margin-left: 12px;
}

article.marcarconc div.banner{
    margin-top: -20px;
    height: 30vw;
    padding: 0;
    border: 2px solid white;
    border-radius: 12px;
    box-shadow: 2px 4px 12px rgba(0,0,0,.15);
    background-image: url(../img/bk/singersbk/singersbk_1200w.jpg);
    background-position: right center;
    background-size: cover;
    overflow: hidden;
}

article.marcarconc div.banner div.text{
    width: 60%;
    height: 100%;
    margin: 0;
    padding: 20px;
    padding-top: 40px;
    background: linear-gradient(90deg, rgba(26,26,26,1) 0%, rgba(26,26,26,0.742734593837535) 55%, rgba(26,26,26,0) 100%);
}

article.marcarconc div.banner p{
    width: 50%;
}

div.cardsscroll{
    width: 100vw;
    display: flex;
    flex-direction: row;
    gap: 20px;
    padding-right: 150px;
    overflow-x: scroll;
    padding: 20px 0px;
    scroll-snap-type: x mandatory;
}

div.cardsscroll::-webkit-scrollbar-thumb {
    background: var(--lightgrey);
    border-radius: 2px;
}

div.cardsscroll::-webkit-scrollbar{
    background: var(--lightergrey);
    height: 4px;
    border-radius: 2px;
}

div.cardsscroll::before{
    content: '';
    text-align: center;
    height: 100%;
    background: linear-gradient(90deg, transparent, var(--darkgrey));
    width: 50px;
    position: absolute;
    right: 0;
    z-index: 10;
}

div.cardsscroll div.card{
    flex: 460px;
    flex-grow: 0;
    flex-shrink: 0;
    background-color: var(--lightgrey);
    border-radius: 12px;
    overflow: hidden;
    display: block;
    scroll-snap-align: start;
    scroll-snap-stop: always;
}

div.cardsscroll div.card img{
    width: 100%;
}

div.cardsscroll div.card h4{
    font-weight: bold;
    color: var(--gold);
    width: 80%;
    border-radius: 12px;
    padding: 12px 0 12px 0;
    margin: 0;
    margin-left: 50%;
    background-color: rgba(255, 255, 255, 0.3);
    border: 1px solid white;
    text-align: center;
    transform: translate(-50%, -50%);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

div.cardsscroll div.card h4 span{
    font-size: .9rem;
    font-weight: 100;
    color: white;
    position: absolute;
    top: -22px;
    left: 12px;
    background-color: rgba(255, 255, 255, 0.3);
    line-height: 16px;
    padding: 2px;
    border: 0.1px solid white;
    border-radius: 4px 4px 0px 0px;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

div.cardsscroll div.card div.dados{
    width: 80%;
    margin-top: -18px;
    margin-left: 50%;
    transform: translateX(-50%);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

div.cardsscroll div.card div.dados div{
    display: flex;
    gap: 4px;
    align-items: center;
    font-weight: lighter;
}

div.cardsscroll div.card div.dados div span:not(.txt){
    font-size: 2rem;
}

div.cardsscroll div.card p{
    margin-top: 20px;
    width: 80%;
    text-align: justify;
    margin-left: 50%;
    transform: translateX(-50%);
    color: #A3A3A3;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;  
    overflow: hidden;
}

div.cardsscroll div.card div.button{
    margin-left: 50%;
    transform: translateX(-25%);
    padding: 24px 0px;
}


@media (max-width: 1200px){
    div#inicio{
        background-image: url(../img/bk/violinbk/400w.png);
    }

    div.decorativo.flute{
        width: 480px;
        margin-left: calc(100vw - (480px - 20px));
        background-image: url(../img/bk/flutebk/480w.png);
    }

    article.missao-acao h3:nth-child(2)::after{
        transform: scale(80%);
    }

    article.jovemorquestra img{
        width: 80vw;
        position: absolute;
    }
    article.jovemorquestra img#orquestra{
        right: 0px;
        top: 70vw;
        z-index: 1;
    }
    article.jovemorquestra img#grupo{
        left: 0;
        z-index: 2;
    }
    span.concprd {
        top: 120vw;
        font-size: 1rem;
        line-height: 1.2rem;
    }
    article.jovemorquestra div.grid{
        margin-top: 120vw;
    }

    div.musicos {
        grid-column-start: 1;
        grid-column-end: 6;
    }
    div.arranjos {
        margin-top: 3rem;
        grid-column-start: 1;
        grid-column-end: 6;
    }

    div.prom_novamusica{
        grid-column-start: 1;
        grid-column-end: 6;
        grid-row-start: 1;
        grid-row-end: 2;
    }
    div.jovensmusicos{
        grid-column-start:1;
        grid-column-end: 4;
        grid-row-start: 2;
        grid-row-end: 3;
    }
    div.talento{
        grid-column-start: 1;
        grid-column-end: 6;
        grid-row-start: 4;
        grid-row-end: 4;
    }
    div.concertos{
        grid-column-start: 4;
        grid-column-end: 6;
        grid-row-start: 2;
        grid-row-end: 3;
    }

    article.marcarconc div.banner{
        height: 50vw;
    }
    article.marcarconc div.banner p{
        width: 75%;
    }
}

@media (max-width: 800px){
    div#inicio{
        background-image: url(../img/bk/violinbk/300w.png);
    }

    div.decorativo.flute{
        width: 400px;
        margin-left: calc(100vw - (400px - 20px));
        background-image: url(../img/bk/flutebk/400w.png);
    }

    article.missao-acao h3:nth-child(2)::after{
        transform: scale(50%);
    }

    article.missao-acao svg{
        left: 50%;
        top: 50%;
        transform: translate(-50%, -60%) scale(50%) ;
    }

    div.jovensmusicos{
        grid-column-start:1;
        grid-column-end: 6;
        grid-row-start: 2;
        grid-row-end: 3;
    }
    div.concertos{
        grid-column-start: 1;
        grid-column-end: 6;
        grid-row-start: 5;
        grid-row-end: 6;
    }

    div.cardsscroll div.card{
        flex: 300px 0 0;
    }
    div.cardsscroll div.card div.dados{
        margin-top: 10px;
    }
    div.cardsscroll div.card div.button{
        transform: translateX(-50%);
    }

    article.marcarconc div.banner{
        margin-top: -14px;
        width: calc(100% - 14px);
        aspect-ratio: 550/700;
        background-image: url(../img/bk/singersbk/singersbk_800w.jpg);
    }
    article.marcarconc div.banner div.text{
        width: 80%;
        padding-top: 32px;
    }
    article.marcarconc div.banner p{
        width: 70%;
    }
}

@media (max-width: 670px){
    article.marcarconc div.banner{
        margin-top: -14px;
        width: calc(100% - 14px);
        background-position: center;
        aspect-ratio: 1/1;
        height: auto;
        background: url(../img/bk/singersbk/singersbk_square_700w.jpg);
        background-repeat: no-repeat;
    }
    article.marcarconc div.banner div.text{
        width: 100%;
        height: 60%;
        margin: 0;
        padding: 20px;
        padding-top: 40px;
        background: linear-gradient( rgba(26,26,26,1) 0%, rgba(26,26,26,0.742734593837535) 55%, rgba(26,26,26,0) 100%);
    }
    
    article.marcarconc div.banner p{
        width: 80%;
    }
}

@media (max-width: 450px){
    article.marcarconc div.banner{
        aspect-ratio: 1/1.5;
    }
}