/*Large devices (desktops)*/
@media (max-width: 1070px) {
    body {
        overflow-x: hidden;
        font-size: 90%;
   }
    .container {
        max-width: 95%;
        margin: 0 auto;
   }
    header {
        background: url(imgs/headerm.png) top center no-repeat;
        background-size: cover;
        height: 525px;
   }
    footer {
        font-size: 70%;
   }
    footer span {
        font-size: 100%;
   }
    .page-single, .page-noticias {
        display: block;
   }
    .page-noticias article {
        width: 100%;
   }
    article {
        width: 100%;
   }
    aside {
        margin-top: 20px;
        width: 100%;
   }
    p {
        font-size: 95%;
   }
    textarea, option, select, input {
        font-size: 80%;
   }
    .navigation {
        width: 100%;
        margin: 0 auto;
        height: auto;
        display: block;
        background: transparent;
        border-radius: 0;
        margin-bottom: 5px;
   }
    .welcome p {
        font-size: 13px;
   }
    .welcome {
        border-radius: 7px;
   }
    #search-home {
        width: 100%;
        margin: 0 auto;
   }
    #search-home [type="text"] {
        width: 100%;
   }
   input#searchsubmit {
      display: none;
   }
    .menu {
        width: 100%;
        overflow: hidden;
        background: transparent;
        height: auto;
        display: block;
        padding: 0;
        margin-bottom: 15px;
   }
    .menu ul:not(.sub-menu) {
        position: static;
        display: none;
        border: 0px;
   }
    .menu ul li a {
        background: rgb(255 255 255 / 5%);
        padding: 15px;
        border: 0;
        border-radius: 0;
        color: rgb(255 255 255 / 40%);
   }
    .menu ul li a:hover, .menu ul .menu-item-has-children:hover>a {
        opacity: 1;
   }
    .menu ul li, .menu li a {
        width: 100%;
        text-align: left;
        padding: 7px 0;
   }
    .sub-menu {
        display: none;
        position: relative;
        transform: none;
        left: auto;
        top: 16px;
        opacity: 1;
        visibility: visible;
        text-align: center;
        margin: 0 auto 0px auto !important;
        width: 70%;
        min-width: 0;
        width: 100%;
   }
    .sub-menu li a {
        color: #6c6c6c!important;
   }
    .menu-item-has-children:hover ul.sub-menu {
        top: 16px;
   }
    .menu-item-has-children:after {
        display: none;
   }
    .sub-menu:after {
        content: '';
        width: 16px;
        height: 16px;
        background: #6c6c6c;
        -webkit-mask-image: url(imgs/arrow-down-sign-to-navigate.svg);
        mask-image: url(imgs/arrow-down-sign-to-navigate.svg);
        -webkit-mask-size: cover;
        mask-size: cover;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        top: -12px;
        z-index: 1;
   }
    .sub-menu li {
        text-align: center;
        background: transparent;
   }
    .sub-menu li a {
        background: transparent !important;
        text-align: center;
   }
    .sub-menu li a:hover {
        color: #fff !important;
   }
    .show-menu {
        display: block;
   }
    .menu input[type=checkbox]:checked~.menu {
        margin: 0 auto;
   }
    .topo {
        width: 100%;
        /* background: #2f2f2f; */
        /* margin-bottom: 20px; */
   }
    .logo {
        width: 100%;
        display: block;
        text-align: center;
        padding: 10px 20px;
   }
    .logo img {
        max-width: 487px;
        height: auto;
        width: 100%;
   }
    .cards {
        width: 100%;
        display: block;
   }
    .card-item {
        margin-bottom: 20px;
   }
   .card-title {
        height: auto;
        display: block;
    }
    .script-online {
        font-size: 9px;
   }
    .social-container {
        display: block;
   }
    .site-twitter {
        width: 100%;
        margin-bottom: 20px;
        height: auto;
   }
   .site-twitter a {
      display: block;
   }
   .site-twitter-icone {
      margin-bottom: 5px;
   }
    .site-instagram {
        width: 100%;
        height: auto;
   }
    .nicholas-container {
        display: block;
   }
    .bio {
        display: block;
        width: 100%;
   }
    .bio-picture {
        margin-right: 20px;
        width: 110px;
        height: 140px;
        border-top: 10px solid #fff;
        border-left: 10px solid #fff;
        border-right: 10px solid #fff;
        border-bottom: 30px solid #fff;
   }
    .bio-text p {
        font-size: 10px;
   }
    .musicas {
        width: 100%;
        margin: 0 auto;
        margin-bottom: 20px;
        padding: 30px 15px;
   }
    .musica-item {
        display: grid;
   }
    .musica-picture {
        margin: 0 auto;
        margin-bottom: 15px;
   }
    .musica-infos {
        float: none;
        width: 100%;
   }
    .musica-infos span {
        font-size: 10px;
        width: auto;
        padding: 0 25px;
        margin-bottom: 15px;
   }
    .musica-infos p {
        font-size: 12px;
        margin-bottom: 0;
   }
    .galeria-title h2 {
        font-size: 20px;
   }
	.noticias-container {
 		width: calc(100%);
	}
	article .article-infos h1 {
        font-size: 17px;
    }
    .wp-caption {
        display: none;
   }
    .wp-caption p.wp-caption-text {
        display: none;
   }
    iframe, video, embed {
        max-width: 90%;
        margin: 0 auto;
   }
}
@media (max-width: 768px) {
    header {
        height: 425px;
   }
    .article-infos {
        /* width: 85%; */
        /* margin: 0 auto; */
        /* margin-top: -45px; */
        /* padding: 20px; */
        /* height: auto; */
   }
    .article-featured {
        width: 100%;
        height: 200px;
   }
    .article-topo {
        display: block;
   }
    .article-date {
        /* font-size: 28px; */
   }
    article .share {
        margin: 10px 0;
   }
    .article-title h1 {
        font-size: 95%;
   }
    .article-content p {
        font-size: 85%;
   }
    .article-footer {
        font-size: 10px;
   }
}
@media (max-width: 576px) {
    header {
        height: 325px;
   }
}
@media (max-width: 448px) {
    header {
        height: 250px;
   }
}
@media (max-width: 360px) {
}