/* Document Index

0. Reset Generic CSS
1. FONT
2. GENERAL STYLES
3. Menu






/*----------------------------------------------------------------------------------*/
/* 0. Reset Generic CSS
/*-----------------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; }
ol, ul {list-style:none;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after, q:before, q:after{content:''; content:none;}
:focus {outline:0;}
a {outline:0;}
a img {outline:0;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
table{border-collapse:collapse; border-spacing:0;}
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width:0px; line-height:0px; font-size:0px;}







/*----------------------------------------------------------------------------------*/
/* 1. FONT
/*-----------------------------------------------------------------------------------*/
@font-face {
    font-family: 'Lora-Regular';
    src: url('../fonts/lora/Lora-Regular.eot');
    src: url('../fonts/lora/Lora-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/lora/Lora-Regular.woff') format('woff'),
        url('../fonts/lora/Lora-Regular.ttf') format('truetype'),
        url('../fonts/lora/Lora-Regular.svg#Lora-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Lora-Bold';
    src: url('../fonts/lora/Lora-Bold.eot');
    src: url('../fonts/lora/Lora-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/lora/Lora-Bold.woff') format('woff'),
        url('../fonts/lora/Lora-Bold.ttf') format('truetype'),
        url('../fonts/lora/Lora-Bold.svg#Lora-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Avenir-Medium';
    src: url('../fonts/avenir/Avenir-Medium.eot');
    src: url('../fonts/avenir/Avenir-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/avenir/Avenir-Medium.woff') format('woff'),
        url('../fonts/avenir/Avenir-Medium.ttf') format('truetype'),
        url('../fonts/avenir/Avenir-Medium.svg#Avenir-Medium') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*ICON MOON*/
@font-face {
  font-family: 'icomoon';
  src:  url('../assets/icons/fonts/icomoon.eot?87mz6');
  src:  url('../assets/icons/fonts/icomoon.eot?87mz6#iefix') format('embedded-opentype'),
    url('../assets/icons/fonts/icomoon.ttf?87mz6') format('truetype'),
    url('../assets/icons/fonts/icomoon.woff?87mz6') format('woff'),
    url('../assets/icons/fonts/icomoon.svg?87mz6#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}




/*----------------------------------------------------------------------------------*/
/* 2. GENERAL STYLES
/*-----------------------------------------------------------------------------------*/
body {}
/*headings*/
h2 {font-family: 'Lora-Regular', Helvetica, Arial, serif; font-weight: bold; color: #fff; font-size: 28px; }
h3 {font-family: 'Lora-Regular', Helvetica, Arial, serif; font-style: italic; font-weight: bold; color: #fff;}
h4 {font-weight: normal; font-size: 18px; color: #aaa69d; font-family: Lora, serif;}
h5 {font-family: 'Lora-Bold', Helvetica, Arial, serif; color: #0b0b0b; line-height: 1.4; font-size: 16px; margin: 0 0 20px 0;}



/*VARIABLES*/
:root {
  --black-color:#0b0b0b;
  --action-color:#aaa69d;
  --action-color-hover:#84817a;
  --white-hover:#fff;
  --regular-font:'Lora-Regular';
  --bold-font:'Lora-Bold';
  --alt-font:'Avenir-Medium';
}





body {min-width:320px; min-height:100%; height:100%; font-family: 'Lora-Regular', Helvetica, Arial, serif; color:#fff; font-weight:400; background-color:#0b0b0b;}
body.site-interaction-overflow-hidden {overflow: hidden;}
strong, b {font-weight: 600;}
em, i, address {font-style: italic;}
textarea, button, select, input {font-family: 'Avenir-Medium', Arial, Helvetica, sans-serif; font-weight: 400;}
input[type="text"],
input[type="password"],
input[type="email"],
input[type="search"],
textarea {border-radius: 0; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; text-overflow: ''; border: 0;border-radius: 0;}
input, textarea {outline: 0;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #999;}
input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder {color: #555;}
input::-moz-placeholder, textarea::-moz-placeholder {color: #999;}
input:focus::-moz-placeholder, textarea:focus::-moz-placeholder {color: #555;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color: #999;}
input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder {color: #555;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #999;}
input::-moz-placeholder, textarea::-moz-placeholder {color: #999;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color: #999;}
input::-ms-input-placeholder, textarea::-ms-input-placeholder {color: #999;}
input::placeholder, textarea::placeholder {color: #999;}
input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder {color: #555;}
input:focus::-moz-placeholder, textarea:focus::-moz-placeholder {color: #555;}
input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder {color: #555;}
input:focus::-ms-input-placeholder, textarea:focus::-ms-input-placeholder {color: #555;}
input:focus::placeholder, textarea:focus::placeholder {color: #555;}
select::-ms-expand {display: none;}
article {-webkit-tap-highlight-color: rgba(0,0,0,0); position: relative; margin:20px 10px 0; overflow:hidden;}


/* ------------ 1-LINKS ------------ */
a, a:link, a:visited {}
a:hover {}
a:focus,
a:active {outline: 0;}
.section-links-theme-red a, .section-links-theme-red a:link, .section-links-theme-red a:visited {color: #aaa69d; -webkit-transition:0.2s; -o-transition:0.2s; transition:0.2s;}
.section-links-theme-red a:hover {color: #84817a; text-decoration:underline;}
.active {color:#aaa69d !important;}



/* ------------ 1-BUTTONS ------------ */
.btn-1, a.btn-1 {-webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; text-overflow: ''; border: 0;
  border-radius: 0; display: inline-block; min-width: 86px; height:22px;text-align:center;  padding: 11px 18px 9px 18px; background-color: #aaa69d;
  font-size: 14px; white-space: nowrap; line-height: 1.3; color: #fff; text-decoration:none;
  outline: 0; cursor: pointer; -webkit-transition:0.2s; -o-transition:0.2s; transition:0.2s;}
.btn-1:hover {background-color:#84817a;}
.btn-1:focus, .btn-1:active {background-color:#84817a;}

/*load more button*/
a.btn-center {left:50%; position:relative; margin-left:-64px; min-width:initial; width:92px; margin-top:40px;}


/* ------------ 1-CHECKBOX ------------ */
.input-checkbox100 {display: none;}
.label-checkbox100 {font-size:16px; color:#9d9d9d; text-align:left; line-height: 1.3; display: block; position: relative; padding-left: 26px; cursor: pointer;}
.label-checkbox100::before {content: "\f00c"; font-family: FontAwesome; font-size: 13px; color: transparent; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; justify-content: center; align-items: center;
  position: absolute; width: 18px; height: 18px; border-radius: 3px; background: #fff; border: 2px solid #fc363b; left: 0;
  top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);}
.input-checkbox100:checked + .label-checkbox100::before {color: #fc363b;}

/* ------------ 1-GRIDS ------------ */
.grid12 {padding: 0 10px;}
.grid12 > .grid-row {font-size: 0;}
.grid12 > .grid-row > [class^="grid-col-"] {display: inline-block; vertical-align: top; font-size: 10px; /*font-size faz botão ver mais desalinhado*/}
.grid12 .grid-col-12 {width: 100%;}
.grid12 .grid-col-11 {width: 91.66666666%;}
.grid12 .grid-col-10 {width: 83.33333333%;}
.grid12 .grid-col-9 {width: 74.99999999%;}
.grid12 .grid-col-8 {width: 66.66666666%;}
.grid12 .grid-col-7 {width: 58.33333333%;}
.grid12 .grid-col-6 {width: 49.99999999%;}
.grid12 .grid-col-5 {width: 41.66666666%;}
.grid12 .grid-col-4 {width: 33.33333333%;}
.grid12 .grid-col-3 {width: 24.99999999%;}
.grid12 .grid-col-2 {width: 16.66666666%;}
.grid12 .grid-col-1 {width: 8.33333333%;}

/* ------------ 1-TABLES ------------ */
table{margin: auto; border-spacing: inherit;}
table,tr,th,td{ padding: 15px; text-align: left; width:100%; color:#fff;}
td {line-height:1.3;}
table tr {border-bottom:solid 1px #aaa69d;}
table tr:last-child {border-bottom:none;}

.table-col-1 td {width:100%;}
.table-col-2 td {width:50%;}
.table-col-3 td {width:33.333333333%;}
.table-col-4 td {width:25%;}
.table-col-5 td {width:20%;}
.table-col-6 td {width:16.666666667%;}
.table-col-7 td {width:14,285714286%;}
.table-col-8 td {width:12,5%;}


.table-col-5 {padding:20px 0; font-size:11px;}
.table-col-5 tr, table.col-5 th, table.col-5 td {font-size:11px;}


.section-white {background-color:#fff;}


.text-black {color:#0b0b0b;}
.text-black .menu-bottom {color:#0b0b0b;}
.avenir {font-family: 'Avenir-Medium', Arial, Helvetica, sans-serif;}












































/*----------------------------------------------------------------------------------*/
/* 3. MENU
/*-----------------------------------------------------------------------------------*/
.hamburger {display:block; width:100px; height:80px; position:fixed; top:0px; right:0px; z-index:99; background-color:#0b0b0b;
  padding:15px 29px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-tap-highlight-color: transparent;
  -webkit-tap-highlight-color: transparent; -ms-touch-action: manipulation; touch-action: manipulation;}
.hamburger__icon {position:relative; margin-top:23px;}
.hamburger__icon, .hamburger__icon:before, .hamburger__icon:after {display:block; width:42px; height:3px; background-color:#fff;
  -moz-transition-property:background-color, -moz-transform; -o-transition-property:background-color, -o-transform;
  -webkit-transition-property:background-color, -webkit-transform; transition-property:background-color, transform;
  -moz-transition-duration:0.4s; -o-transition-duration:0.4s; -webkit-transition-duration:0.4s; transition-duration:0.4s;}
.hamburger__icon:before, .hamburger__icon:after {position: absolute; content: "";}
.hamburger__icon:before {top: -13px;}
.hamburger__icon:after {top: 13px;}
.hamburger.active .hamburger__icon {background-color: transparent;}
.hamburger.active .hamburger__icon:before, .hamburger.active .hamburger__icon:after {background-color: #fff;}
.hamburger.active .hamburger__icon:before {-moz-transform: translateY(13px) rotate(45deg); -ms-transform: translateY(13px) rotate(45deg);
  -webkit-transform: translateY(13px) rotate(45deg); transform: translateY(13px) rotate(45deg);}
.hamburger.active .hamburger__icon:after {-moz-transform: translateY(-13px) rotate(-45deg); -ms-transform: translateY(-13px) rotate(-45deg);
  -webkit-transform: translateY(-13px) rotate(-45deg); transform: translateY(-13px) rotate(-45deg);}

.fat-nav {top:0; left:0; z-index:99; position:fixed; display:none; width:100%; height:100%; background:#0b0b0b;
  -moz-transform:scale(1.4); -ms-transform:scale(1.4); -webkit-transform:scale(1.4); transform:scale(1.4); -moz-transition-property:-moz-transform;
  -o-transition-property:-o-transform; -webkit-transition-property:-webkit-transform; transition-property:transform; -moz-transition-duration:0.4s;
  -o-transition-duration:0.4s; -webkit-transition-duration:0.4s; transition-duration:0.4s; overflow:hidden; -webkit-overflow-scrolling:touch;}
.fat-nav__wrapper {width:100%; height:100%; display:table; table-layout:fixed; z-index:1;}
.fat-nav.active {-moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1);}
.fat-nav ul {display: table-cell; vertical-align: middle; margin: 0; padding: 0;}
.fat-nav li {list-style-type: none; text-align: right; padding: 10px 60px 10px 10px; font-size: 36px;}
.fat-nav li, .fat-nav li a {color: #fff;}
.fat-nav li:hover, .fat-nav li a:hover {color: #aaa69d;}
.fat-nav li a {text-decoration: none;-webkit-transition:0.5s; -o-transition:0.5s; transition:0.5s;}
.fat-nav li a:hover {color:var(--red-color);}

.fat-nav .menu-logo {position:absolute; z-index:1; top:30px; left:5%; width:250px; height:180px; background-image:url(../assets/homepage/logo.svg); background-size:cover; background-repeat:no-repeat;}
.fat-nav .language {width: 90%; font-size:20px; bottom:20px; color:#fff; position:absolute; margin-left:5%; z-index:1;}
.fat-nav .language a {color:#fff; text-decoration:none; -webkit-transition:0.2s; -o-transition:0.2s; transition:0.2s;}
.fat-nav .language a:hover {color:#aaa69d;}
.menu-bg {width:990px; height:1558px; position:absolute; left:-370px; margin-left:0; opacity:0.2; z-index:-1; top:-100px; background-image: url("../assets/homepage/bg-logo.svg"); background-repeat: no-repeat; background-position: center center; background-size:cover;}


@media screen and (max-width: 767px) {
  .menu-bg {width:878px; height:1380px;}
}

@media screen and (max-width: 599px) {
  .hamburger {width:70px; height:70px; padding:10px 16px;}
  .hamburger.active .hamburger__icon:before {-moz-transform: translateY(9px) rotate(45deg); -ms-transform: translateY(9px) rotate(45deg);
  -webkit-transform: translateY(9px) rotate(45deg); transform: translateY(9px) rotate(45deg);}
  .hamburger__icon:after {top:11px !important;}
  .hamburger__icon:before {top:-11px !important;}

  .fat-nav {height:100vh !important;}
  .fat-nav .menu-logo {width:170px; height:123px !important; top:20px;}
  .fat-nav ul {display:initial; vertical-align:initial;}
  .fat-nav li {font-size:28px;}
  .fat-nav__wrapper {margin-top:200px; height:initial !important;}

  .hamburger__icon, .hamburger__icon:before, .hamburger__icon:after {width:38px;}
  .hamburger__icon:before {top: -10px;}
  .hamburger__icon:after {top: 10px;}
  .fat-nav .language {bottom:initial; position:relative; margin-top:50px;}

  .menu-bg {width:640px; height:1004px; left:-242px;}
}


@media screen and (max-width: 359px) {
  .fat-nav .menu-logo {width:170px; height:123px !important;}
  .fat-nav li {font-size:25px; padding:6px 30px 6px 10px;}
  .fat-nav .language {margin-top:40px;}

  .menu-bg {width:360px; height:566px; left:-112px; top:-70px;}
}























/*----------------------------------------------------------------------------------*/
/* 4. HOMEPAGE
/*-----------------------------------------------------------------------------------*/
.site-main {padding: 0; position: relative;}

.section-1 {min-height: 200px;}
.section-1 .section-body {max-width:1140px; margin:0 auto; padding:50px 0 60px 0; position:relative; z-index:1;}
.section-body .grid12 {padding: 0;}
.section-1 .section-body .grid12 > .grid-row {}
.section-1 .section-body .grid12 > .grid-row-2 {padding:0 12.44444449%;}
.section-1 .section-body .grid12 > .grid-row > [class^="grid-col-"] {}

.section-1-bg {width:790px; height:1242px; position:absolute; left:50%; margin-left:-395px; opacity:0.2; z-index:0; bottom: 120px; background-image: url("../assets/homepage/bg-logo.svg"); background-repeat: no-repeat; background-position: center center; background-size:cover;}



.section-article .article-bg {height:100%; width:100%; background-color:rgba(0, 0, 0, 0); z-index:1; top:0; position:absolute; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s;}
.section-article:hover .article-bg {background-color:rgba(11, 11, 11, 0.4);}
/*.section-article:hover .event {transform:scale(1.15);}
.section-article:hover .concert {transform:scale(1.15);}*/

.site-main .section-body .section-article {height:300px; margin:20px 10px 0;}
.site-main .section-body .section-article-intro {height:300px; margin:20px 10px 0;}

.logo {height:262px; max-width:370px; margin-top:20px;}
.festival-date {position: relative; height: 262px; text-align: center; margin-top: 20px;}
.festival-date .date-text {color:#aaa69d; text-align:left; bottom:0; position:absolute; font-size:24px;}
.festival-date .date-text .date-de {font-size:14px;}

.day {position: relative; height:calc(100% - 4px); width: -webkit-calc(100% - 4px); width:calc(100% - 4px); border:2px solid #aaa69d; text-align: center; background-color:#0b0b0b;}
.day .day-text {color:#aaa69d; text-align:left; bottom:20px; left:20px; right:20px; position:absolute; font-size:28px;}

/*.section-article-concert:hover {cursor:pointer;}*/
.concert {position:relative; height:300px; width:100%; background: #f0f0f0; font-family:'Lora-Bold'; text-align: center; cursor: pointer; color:#aaa69d;
  background-size:cover; background-repeat:no-repeat; background-position:center center; top:0 left:0;
  -webkit-transition:0.2s; -o-transition:0.2s; transition:0.2s;}
.concert-text {text-align:left; position:absolute; bottom:20px; left:20px; right:20px; z-index:2; display:block; float:left;}
.concert-text-top {background-color:rgba(0, 0, 0, 0.7); padding:10px 18px; float:left;}
.concert-text-middle {width:100%; display:inline-block;}
.concert-text .btn-1 {margin-top: -3px;}

/*.section-article-event:hover {cursor:pointer;}*/
.event {position:relative; height:300px; width:100%; background: #f0f0f0; font-family:'Lora-Bold'; text-align: center; cursor: pointer; color:#aaa69d;
  background-size:cover; background-repeat:no-repeat; background-position:center center; top:0 left:0;
  -webkit-transition:0.2s; -o-transition:0.2s; transition:0.2s;}
.event-text {text-align:left; position:absolute; bottom:20px; left:20px; right:20px; z-index:2; display:block; float:left;}
.event-text-top {background-color:rgba(0, 0, 0, 0.7); padding:10px 18px; float:left;}
.event-text-middle {width:100%; display:inline-block;}
.event-text .btn-1 {margin-top: -3px;}

.day-subject {font-family:'Avenir-Medium'; font-size:16px; color:#aaa69d;}
.day-title {color:white; font-size:20px;}
.day-place {font-family:'Avenir-Medium'; font-size:16px; padding:10px 18px; float:left; color:#aaa69d;}
.day-place a {text-decoration:none; color:#aaa69d; -webkit-transition:0.2s; -o-transition:0.2s; transition:0.2s;}
.day-place a:hover {color:#84817a; text-decoration:underline;}

.menu-bottom {color:white; width:100%; margin-top:12px; text-decoration:none; font-size: 22px; float:left; -webkit-transition:0.2s; -o-transition:0.2s; transition:0.2s;}
.menu-bottom:first-child {margin-top: 70px;}
.menu-bottom:hover {color:#aaa69d;}



.teste {position:relative; height:300px; background: #fff; margin-top: 20px; color:#aaa69d;}



@media screen and (max-width: 1319px) {
  .section-1 .section-body {max-width:1100px; margin:0 auto; padding:50px 0 60px 0; position:relative; z-index:1;}
  .day-subject {font-size:14px;}
  .day-title {font-size:18px;}
  .day-place {font-size:14px;}
}


@media screen and (max-width: 1199px) {
  .section-1 .section-body {max-width:940px;}
  .day-subject {font-size:14px;}
  .day-title {font-size:17px;}
  .day-place {font-size:13px;}
}



@media screen and (max-width: 1023px) {
  .section-1-bg {width:680px; height:1074px; margin-left:-340px;}
  .section-1 .section-body .grid12-main > .grid-row {display: grid; grid-template-columns: 1fr 1fr; }
  .section-1 .section-body .grid12-main > .grid-row > [class^="grid-col-"] {width:100%;}
  .section-1 .section-body .grid12-main > .grid-row > [class^="grid-col-"]:nth-child(1) { order: 1; }
  .section-1 .section-body .grid12-main > .grid-row > [class^="grid-col-"]:nth-child(2) { order: 2; }
  .section-1 .section-body .grid12-main > .grid-row > [class^="grid-col-"]:nth-child(3) { order: 3; grid-column: 1 / 3; margin-bottom:40px;}
  .section-1 .section-body .grid12-main > .grid-row > [class^="grid-col-"]:nth-child(4) { order: 6; grid-column: 1 / 3; margin-bottom:40px;}
  .section-1 .section-body .grid12-main > .grid-row > [class^="grid-col-"]:nth-child(5) { order: 5; }
  .section-1 .section-body .grid12-main > .grid-row > [class^="grid-col-"]:nth-child(6) { order: 4; }
  .section-1 .section-body .grid12-main > .grid-row > [class^="grid-col-"]:nth-child(7) { order: 8; }
  .section-1 .section-body .grid12-main > .grid-row > [class^="grid-col-"]:nth-child(8) { order: 7;}
  .section-1 .section-body .grid12-main > .grid-row > [class^="grid-col-"]:nth-child(9) { order: 9; grid-column: 1 / 3; margin-bottom:40px;}

  .section-1 .section-body .grid12-main > .grid-row > [class^="grid-col-"]:nth-child(10) { order: 10; }
  .section-1 .section-body .grid12-main > .grid-row > [class^="grid-col-"]:nth-child(11) { order: 12; grid-column: 1 / 3; margin-bottom:40px; }
  .section-1 .section-body .grid12-main > .grid-row > [class^="grid-col-"]:nth-child(12) { order: 11; }
  .section-1 .section-body .grid12-main > .grid-row > [class^="grid-col-"]:nth-child(13) { order: 13; }


  .section-1 .section-body .grid12-main > .grid-row > [class^="grid-col-"]:nth-child(14) { display: none; }
  .section-1 .section-body .grid12-main > .grid-row > [class^="grid-col-"]:nth-child(15) { order:15; }
  .section-1 .section-body .grid12-main > .grid-row > [class^="grid-col-"]:nth-child(16) { order: 14; }
  .section-1 .section-body .grid12-main > .grid-row > [class^="grid-col-"]:nth-child(17) { order:17;}
  .section-1 .section-body .grid12-main > .grid-row > [class^="grid-col-"]:nth-child(18) { order: 16; grid-column: 1 / 3;}

  
  .site-main .section-body .section-article-menu {margin:20px 10px 0 60px;}
}


@media screen and (max-width: 767px) {
  .section-1-bg {width:560px; height:880px; margin-left:-280px;}
}


@media screen and (max-width: 599px) {
  .btn-1, a.btn-1 {min-width: 85px; padding:11px 10px 8px}
  a.btn-center {margin-left:-56px;}

  .section-1 .section-body {padding:20px 0 60px 0;}
  .section-1 .section-body .grid12-intro > .grid-row {display: grid; grid-template-columns: 1fr; }
  .section-1 .section-body .grid12-intro > .grid-row > [class^="grid-col-"] {width:100%; }

  .logo {height:180px; max-width:250px; margin-top:0;}
  .festival-date {margin-top:8px; margin-left:50%; height:79px; }
  .festival-date .date-text {font-size:22px;}
  .section-1-bg {width:340px; height:538px; margin-left:-170px; margin-top:0;}
  .site-main .section-body .section-article-intro {height:180px; margin-top:0}
  .site-main .section-body .section-article-intro-small {height:88px; margin-top:0px; margin-bottom:14px;}

  .site-main .section-body .section-article {height:252px; margin:10px 5px 0;}
  .section-1 .section-body .grid12-main > .grid-row {margin:0 5px;}
  
  .concert-text {left:10px; right:10px;}
  .event-text {left:10px; right:10px;}
  .day .day-text {font-size:20px;}
  .day-subject {font-size:13px;}
  .day-title {font-size:16px;}
  .day-place {font-size:12px; padding:10px 12px;}
  .concert-text-top {padding:10px 12px;}
  .event-text-top {padding:10px 12px;}

  .site-main .section-body .section-article-menu {margin:20px 10px 0 0px;}
}


@media screen and (max-width: 359px) {
  .section-1-bg {width:300px; height:472px; margin-left:-150px;}

  .site-main .section-body .section-article {height:230px;}
  
  .day .day-text {font-size:20px;}
  .day-subject {font-size:13px;}
  .day-title {font-size:15px; line-height:1.1;}
  .day-place {font-size:11px; line-height:1.1; padding:9px 8px;}
  .concert-text {left:8px; right:8px;}
  .event-text {left:8px; right:8px;}
  .concert-text-top {padding:9px 8px;}
  .event-text-top {padding:9px 8px;}

  .site-main .section-body .section-article-intro {height:154px;}
  .site-main .section-body .section-article-intro-small {height:88px;}
  .logo {height:154px; max-width:214px;}
  .festival-date .date-text {font-size:20px;}
}















/*----------------------------------------------------------------------------------*/
/* 5. MODAL HOMEPAGE
/*-----------------------------------------------------------------------------------*/
div#modal {display:none; height: 100%; -webkit-overflow-scrolling: touch; /*iphone scroll*/ position:fixed; right:0; left:0; top:0; background:#0b0b0b; z-index: 10001;}
div#modal .modal {display: none; width: 100%; height:100%; position: relative; overflow:auto;/* iphone bounce */}
.modal-open {overflow: hidden;}
.modal-buttons {z-index:3; width:100px; height:80px; position:fixed; right:0px; top:0px;background-color:#0b0b0b;}
.modal-buttons .icon-close {width:100%; height:100%; background-color:transparent; background-image:url(../assets/homepage/close-modal.svg); 
  background-repeat:no-repeat; border-style:none; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s;}
.modal-buttons .icon-close:hover {cursor:pointer; background-image:url(../assets/homepage/close-modal-hover.svg);}

.modal-buttons .nav-close {top: 0; right: 0; padding:18px 28px; border:none; color: #aaa69d; width:100px; height:80px; background-color:#0b0b0b; -webkit-transition:0.2s; -o-transition:0.2s; transition:0.2s;}
.modal-buttons .nav-close:hover {color: #aaa69d; cursor:pointer;}

.header-modal {width: calc(100% - 100px); width: -webkit-calc(100% - 100px); position:relative; height:400px; background-size:cover; background-position:center center; background-repeat:no-repeat;}
.header-modal .concert-text {left:40px;}
.header-modal .event-text {left:40px;}
.header-modal  .day-subject {font-size:16px;}
.header-modal .day-title {font-size:29px;}
.header-modal .day-place {font-size:15px;}
.content-modal {width:100%; overflow:hidden; position:relative; height:auto; float:left; padding-bottom:100px; margin-bottom:80px; background-color:var(--main-bg-color);}
.modal-group {margin-bottom:40px;}
.modal-date {max-width:1140px; font-size:26px; color:#aaa69d; margin:30px auto 30px;}
.modal-title {max-width:1140px; margin:0 auto; text-align:right; font-size: 24px;}
.modal-text-one {max-width:1140px; margin:0 auto; font-size: 13px; font-family:'Avenir-Medium', Helvetica, arial, sans-serif; color:#aaa69d;}
.modal-text-two {max-width:1140px; margin:10px auto 0; font-size: 22px;  font-family:'Lora-Bold', Helvetica, arial, serif;}
.modal-text-three {max-width:1140px; margin:4px auto 0; font-size: 16px;}
.modal-text-four {max-width:1140px; margin:10px auto 0; font-size: 18px;  font-family:'Lora-Bold', Helvetica, arial, serif;}
.modal table {width:100%; font-size:16px; margin:4px auto 0;}
.modal table td {padding:15px; max-width:1140px !important; display:block; margin:0 auto;}
.highlight {font-weight: 600; color: #aaa69d;}

.grid12-modal {max-width:1140px; margin:4px auto 0; line-height:1.6;}
.grid12-modal > .grid-row > [class^="grid-col-"] {font-size:16px;}

@media screen and (max-width: 1319px) {
  .modal-date {max-width:1100px;}
  .modal-title {max-width:1100px;}
  .modal-text-one {max-width:1100px;}
  .modal-text-two {max-width:1100px;}
  .modal-text-three {max-width:1100px;}
  .modal-text-four {max-width:1100px;}
  .modal table td {max-width:1100px !important;}
  .grid12-modal {max-width:1100px;}
}

@media screen and (max-width: 1199px) {
  .header-modal {height:360px;}
  .modal-date {max-width:940px;}
  .modal-title {max-width:940px;}
  .modal-text-one {max-width:940px;}
  .modal-text-two {max-width:940px;}
  .modal-text-three {max-width:940px;}
  .modal-text-four {max-width:940px;}
  .modal table td {max-width:940px !important;}
  .grid12-modal {max-width:940px;}
}

@media screen and (max-width: 1023px) {
  div#modal .modal {width: 100%; margin-left:initial; padding-top:initial;}
  .header-modal  .day-subject {font-size:14px;}
  .header-modal .day-title {font-size:25px;}
  .header-modal .day-place {font-size:13px;}
  .content-modal {margin-bottom:0px;}

  .modal-date {margin:30px 30px;}
  .modal-title {margin:0px 30px;}
  .modal-text-one {margin:0 30px;}
  .modal-text-two {margin:10px 30px 0;}
  .modal-text-three {margin:4px 30px 0;}
  .modal-text-four {margin:10px 30px 0;}
  .modal table td {margin:0 30px;}
  .grid12-modal {margin:4px 30px 0;}

  .grid12-modal > .grid-row > [class^="grid-col-"] .musicians {margin:0 10px;}

}

@media screen and (max-width: 767px) {
  .header-modal .concert-text {left:30px;}
  .header-modal .event-text {left:30px;}
  .header-modal .day-title {font-size:24px;}

  .modal-title {font-size: 23px;}
  .modal-text-two {font-size: 20px;}
  .modal table {font-size:15px;}
  .grid12-modal > .grid-row > [class^="grid-col-"] {font-size:14px;}
}


@media screen and (max-width: 599px) {
  .modal-buttons {width:70px; height:70px;}
  .modal-buttons .nav-close {padding:17px 17px; width:70px; height:70px;}

  .header-modal {height:240px; width:calc(100% - 70px); width:-webkit-calc(100% - 70px);}
  .header-modal .concert-text {left:20px;}
  .header-modal .event-text {left:20px;}
  .header-modal .day-title {font-size:23px;}

  .modal-date {font-size:20px; margin:30px 20px 30px;}
  .modal-title {font-size: 23px; margin:0 20px 30px;}
  .modal-text-one {font-size: 13px; margin:0px 20px;}
  .modal-text-two {font-size: 18px; margin:10px 20px 0;}
  .modal-text-three {font-size:15px; margin:4px 20px 0;}
  .modal-text-four {font-size: 16px; margin:10px 20px 0;}
  .modal table {font-size:14px;}
  .modal table td {margin:0 20px;}
  .grid12-modal {margin:4px 10px 0; padding:0;}
  .grid12-modal > .grid-row > [class^="grid-col-"] {font-size:12px;}
}


@media screen and (max-width: 359px) {
  .header-modal .concert-text {left:10px;}
  .header-modal .event-text {left:10px;}
  .header-modal .day-title {font-size:22px;}

  .modal-date {font-size:20px; margin:30px 10px 30px;}
  .modal-title {font-size: 22px; margin:0 10px 30px;}
  .modal-text-one {font-size: 13px; margin:0px 10px;}
  .modal-text-two {font-size: 17px; margin:10px 10px 0;}
  .modal-text-three {font-size:15px; margin:4px 10px 0;}
  .modal-text-four {font-size: 15px; margin:10px 10px 0;}
  .modal table {font-size:13px;}
  .modal table td {margin:0 10px;}
  .grid12-modal {margin:4px 0 0; padding:0;}
  .grid12-modal > .grid-row > [class^="grid-col-"] {font-size:12px;}
}























/*----------------------------------------------------------------------------------*/
/* 6. ARTISTAS
/*-----------------------------------------------------------------------------------*/
.intro-text {color:#fff; text-align:right; font-size:44px; margin-top:170px; margin-right:60px;}
.logo-small {max-width:322px; margin-top:0px;}


.section-2 {min-height: 200px; background-color:#0b0b0b; position:relative; z-index: 1;}
.section-2 .section-body {max-width:1140px; margin:0 auto; padding:50px 0 60px 0; position:relative; z-index:1;}
.section-2 .section-body .grid12 {padding: 0;}
.section-2 .section-body .grid12 > .grid-row {}
.section-2 .section-body .grid12 > .grid-row-2 {padding:0 12.44444449%;}
.section-2 .section-body .grid12 > .grid-row > [class^="grid-col-"] {}

.section-2-bg {width:790px; height:1242px; position:absolute; left:50%; margin-left:-395px; opacity:0.2; z-index:0; bottom: 120px; background-image: url("../assets/homepage/bg-logo.svg"); background-repeat: no-repeat; background-position: center center; background-size:cover;}



.section-3 {position:relative;}
/* GRID GENERAL STYLE */
.grid-gallery ul {list-style: none; margin: 0; padding: 0;}
.grid-gallery figure {margin: 0;}
.grid-gallery figure img {display: block; width: calc(100% - 4px); width: -webkit-calc(100% - 4px); border: 2px solid #aaa69d;}
.grid-gallery figcaption h3 {margin: 0; padding: 0 0 0 0;}
.grid-gallery figcaption p {margin: 0;}

/* GRID STYLE */
.grid-wrap {max-width: 1140px; margin: 0 auto; padding:0;}
.grid {margin: 0 auto;}
.grid li {width: 25%; float: left; cursor: pointer;}
.grid figure {padding: 15px; -webkit-transition: opacity 0.2s; transition: opacity 0.2s;}
.grid li:hover figure {opacity: 0.7;}


.grid figcaption {background: #0b0b0b; padding: 15px; border-left: 2px solid #aaa69d; border-right: 2px solid #aaa69d; 
  border-bottom: 2px solid #aaa69d;}

/* Slideshow style */
.slideshow {position: fixed; background: rgba(0,0,0,0.9); width: 100%; height: 100%; top: 0; left: 0; z-index: 9999;
  opacity: 0; visibility: hidden; overflow: hidden; -webkit-perspective: 1000px; perspective: 1000px; 
  -webkit-transition: opacity 0.5s, visibility 0s 0.5s; transition: opacity 0.5s, visibility 0s 0.5s;}
.slideshow-open .slideshow {opacity: 1; visibility: visible; -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s; -webkit-overflow-scrolling: touch; /*iphone scroll*/}
.slideshow ul {width: 100%; height: 100%; -webkit-transform-style: preserve-3d; transform-style: preserve-3d;
  -webkit-transform: translate3d(0,0,150px); transform: translate3d(0,0,150px); -webkit-transition: -webkit-transform 0.5s;
  transition: transform 0.5s;}
.slideshow ul.animatable li {-webkit-transition: -webkit-transform 0.5s; transition: transform 0.5s;}
.slideshow-open .slideshow ul {-webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);}
.slideshow li {width: 660px; height: 80%; position: absolute; top: 10%; left: 50%; margin:0 0 0 -330px;
  visibility: hidden;}
.slideshow li.show {visibility: visible;}
.slideshow li:after {content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; 
background: rgba(255,255,255,0.8); -webkit-transition: opacity 0.3s; transition: opacity 0.3s;}
.slideshow li.current:after {visibility: hidden; opacity: 0; -webkit-transition: opacity 0.3s, visibility 0s 0.3s;
  transition: opacity 0.3s, visibility 0s 0.3s;}
.slideshow figure {width: calc(100% - 44px); width: -webkit-calc(100% - 44px); height: calc(100% - 44px); height: -webkit-calc(100% - 44px); 
  background: #fff; border: 2px solid #aaa69d; overflow:scroll; padding: 0 0 40px 40px;}
.slideshow figcaption {padding-right:5%; width: 45%; float: left;}
.slideshow figcaption-right { width: 45%; float: right; padding-right:5%;}
.slideshow figcaption-right a {color:#aaa69d; font-family:'Lora-Bold', Helvetica, Arial, serif;; float:left; text-decoration:none; margin-top:20px; 
font-size:26px; -webkit-transition:0.2s; -o-transition:0.2s; transition:0.2s;}
.slideshow figcaption-right a:hover {color:#84817a;}
.slideshow figcaption h3 {font-weight: bold; font-style: italic; font-size: 32px; color: #0b0b0b; padding-top: 40px;}
.slideshow figcaption h4 {font-weight: normal; font-size: 18px; color: #aaa69d; font-family: Lora, serif; margin: 0;
    padding-bottom: 20px;}
.slideshow figcaption p, .slideshow figcaption-right p  {color: #0b0b0b; font-size:14px; margin-top:20px;}    
.slideshow figcaption p:last-child {padding-bottom:40px;}
.slideshow figure img {float: right; top: 0; width: calc(50% - 4px); width: -webkit-calc(50% - 4px); position: relative; right: 0; display: block; border-right: 0; border-top: 0; }

/* Navigation */
.slideshow nav span {position: fixed; color: #aaa69d; text-align: center; padding: 3%; cursor: pointer;
  font-size: 2.2em;}
.slideshow nav span.nav-prev, .slideshow nav span.nav-next {top: 50%; -webkit-transform: translateY(-50%);
  transform: translateY(-50%);}
.slideshow nav span.nav-next {right: 0;}
.slideshow nav span.nav-close {top: 0; right: 0; padding:18px 20px; color: #aaa69d; width:60px; height:44px; background-color:#0b0b0b; -webkit-transition:0.2s; -o-transition:0.2s; transition:0.2s;}
.slideshow nav span.nav-close:hover {color: #aaa69d;}
.icon:before, .icon:after {font-family: 'icomoon' !important;  speak: none; font-style: normal; font-weight: normal;
  font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;}
.icon:hover {color: #8a867f;}

.nav-prev:before {content: "\e900";}
.nav-next:before  {content: "\e901";}
.nav-close:before {content: "\e902"; z-index:100; font-size:44px;}

span.artist-type {font-size:15px; color:#aaa69d;}

/* Info on arrow key navigation */
/*.info-keys {position: fixed; top: 10px; left: 10px; width: 60px; font-size: 8px; padding-top: 20px; text-transform: uppercase;
  color: #fff; letter-spacing: 1px; text-align: center;}
.info-keys:before, .info-keys:after {position: absolute; top: 0; width: 16px; height: 16px; border: 1px solid #fff;
  text-align: center; line-height: 14px; font-size: 12px;}
.info-keys:before {left: 10px; content: "\e603";}
.info-keys:after {right: 10px; content: "\e604";}
*/
@media screen and (max-width: 1319px) {
  .grid-wrap {max-width: 1100px;}
}


@media screen and (max-width: 1199px) {
  .grid-wrap {max-width: 940px;}
  .logo-small {margin-left:40px;}
}


/* Example media queries (reduce number of columns and change slideshow layout) */
@media screen and (max-width: 1023px) {
  /* responsive columns; see "Element sizing" on http://masonry.desandro.com/options.html */
  .grid li {width: 33.3%; }
  .slideshow li {width: 100%; height: 100%; top: 0; left: 0; margin: 0;}
  .slideshow li.current {z-index:9;}
  .slideshow figure {width: calc(100% - 64px); width: -webkit-calc(100% - 64px); padding: 0 0 40px 60px;}
  .slideshow figcaption {width: 42%; padding-bottom:0; padding-right:0;}
  .slideshow figcaption-right {width: 42%; padding-right:60px;}
  .slideshow li figure img { margin: 0 auto; right:60px; width:calc(42% - 4px); width:-webkit-calc(42% - 4px); border-right:2px solid #aaa69d;}
  .slideshow nav span {font-size:40px; padding:5px;}
  .info-keys {display: none;}
  .slideshow nav span.nav-close {background-color:transparent; font-size:initial; width:44px; height:44px; padding:10px;}
  .nav-close:before {font-size:36px;}
  span.artist-type {font-size:14px;}


}

@media screen and (max-width: 599px) {
  .section-2 .section-body {padding:20px 0 15px 0;}
  .section-2 .section-body .grid12-intro > .grid-row > [class^="grid-col-"] {width:100%;}
  .grid-wrap {padding:0px 5px 0px;}
  .grid figure {padding: 5px;}
  .logo-small {max-width:186px; margin-left:10px;}
  .grid li {width: 50%;}
  .intro-text {font-size:34px; margin-top:20px;}
  .slideshow figure {width: calc(100% - 84px); width: -webkit-calc(100% - 84px); padding: 0 40px 40px 40px;}
  .slideshow li figure img {right:initial; float:initial; width:calc(90% - 4px); width:-webkit-calc(90% - 4px);}
  .slideshow figcaption {width:90%; height:initial; padding-left:5%;}
  .slideshow figcaption-right {width:90%; padding-right:0; padding-left:5%; float:left;}
  .slideshow figcaption p:last-child {padding-bottom:0;}
  span.artist-type {font-size:13px;}
  .section-4 {margin-bottom:30px;}
  .grid figcaption {padding:8px;}
  .grid-gallery figcaption h3 {font-size:15px; padding-bottom:0;}
}

@media screen and (max-width: 359px) {
  .grid-wrap {padding:0 5px 0;}
  .grid figure {padding: 5px;}
  .logo-small {max-width:200px;}
  .section-4 {margin-bottom:50px;}
  .grid figcaption {padding:7px;}
  .grid-gallery figcaption h3 {font-size:14px;}
  .slideshow nav span.nav-close {width:34px; height:38px;}
}






















/*----------------------------------------------------------------------------------*/
/* 6. GALLERY
/*-----------------------------------------------------------------------------------*/
.section-5 {min-height: 200px;}
.section-5 .section-body {max-width:1140px; margin:0 auto; padding:0 0 60px 0; position:relative; z-index:1;}
.section-body .grid12 {padding: 0;}
.section-5 .section-body .grid12 > .grid-row {}
.section-5 .section-body .grid12 > .grid-row-2 {padding:0 12.44444449%;}
.section-5 .section-body .grid12 > .grid-row > [class^="grid-col-3"] {display:none; float:left;}

.section-5 .div-gallery {display:none; border:2px solid #aaa69d; float:left; width:calc(33.333333333% - 14px); width:-webkit-calc(33.333333333% - 14px); margin:5px;}
#gallery {padding:0 5px;}
.section-footer {width: 100%; position:relative; float:left;}
.gallery-img {width:100%;}

.pswp__counter {font-family:'Avenir-Medium', Helvetica, Arial, sans-serif; font-size:18px !important;}

@media screen and (max-width: 1319px) {
  .section-5 .section-body {max-width:1100px;}
  
}


@media screen and (max-width: 1199px) {
  .section-5 .section-body {max-width:940px;}
}


@media screen and (max-width: 1023px) {
  .section-5 .grid12 .grid-col-3 {width:33.333333333%;}
}

@media screen and (max-width: 767px) {
  .section-5 .div-gallery {width:calc(33.333333333% - 12px); width:-webkit-calc(33.333333333% - 12px); margin:4px;}
  #gallery {padding:0 4px;}
}

@media screen and (max-width: 599px) {
  .section-5 .div-gallery {width:calc(50% - 14px); width:-webkit-calc(50% - 14px); margin:5px;}
  #gallery {padding:0 5px;}
  .section-5 .grid12 .grid-col-3 {width:50%;}
}

@media screen and (max-width: 359px) {


}












/*----------------------------------------------------------------------------------*/
/* 7. ABOUT
/*-----------------------------------------------------------------------------------*/
.about-edition {margin-top:50px; font-size:16px; color:#aaa69d;}
.about-name-one {font-size:30px; color:#0b0b0b;}
.about-name-two {font-size:30px; margin-bottom:15px; color:#0b0b0b;}
.about-buttons {width:100%; margin-bottom:40px; text-align:right; font-size:23px;}
.tabs_goto {margin-right:10px; font-size:25px; border:none; background-color:transparent; 
  font-family:'Lora-Regular', Helvetica, Arial, serif; -webkit-transition:0.2s; -o-transition:0.2s; transition:0.2s;}
.tabs_goto:hover {cursor:pointer; color:#aaa69d;}
.tabs_goto.active {font-family:'Lora-Bold', Helvetica, Arial, serif;}
.tabs_goto:last-child {margin-right:0; margin-left:10px;}
.year-date-grey {width:100%; text-align:right; color:#aaa69d; font-size:15px; margin-top:10px;}
.year-date-50-grey {width:50%; text-align:right; color:#aaa69d; font-size:15px; margin-bottom:40px; margin-top:16px;}
.year-text {width:100%; font-family: 'Avenir-Medium', Helvetica, Arial, sans-serif; font-size:15px;}
.year-text-grey {width:100%; margin-top:66px; color:#aaa69d; font-family: 'Lora-Bold', Helvetica, Arial, serif; font-size:20px; font-style:italic;}
.year-text-50-grey {width:50%; color:#aaa69d; font-family: 'Lora-Bold', Helvetica, Arial, serif; font-size:20px; font-style:italic;}


.tabs_section {display: none; min-height: 12rem; padding:0;}
.tabs_section.-open {display: block;}
.tabs_section a {text-decoration:none;}
.tabs_section a p {-webkit-transition:0.2s; -o-transition:0.2s; transition:0.2s; text-decoration:underline; text-decoration-color:#aaa69d;}
.tabs_section a p:hover {color:#84817a;}

.section-6 {min-height: 200px;}
.section-6 .section-body {max-width:100%; margin:0px 0 60px 0;}
.section-6 .section-body .grid-row {max-width:1140px; margin:0 auto;}
.section-6 .grid12 .grid-col-4 {margin-bottom:40px; margin-top:28px; }
.section-6 .grid12 .grid-col-4:last-child {margin-bottom:0;}
.section-6 .grid12 .grid-col-8 {padding-left:40px; padding-right:40px;}
.section-6 .grid12 .grid-col-8 .person-name {font-size:27px; font-family:'Lora-Bold', Helvetica, Arial, serif; font-style:italic; 
margin-top:28px; margin-bottom:4px;}
.section-6 .grid12 .grid-col-8 .person-title {font-size:20px; color:#aaa69d; margin-bottom:40px;}
.section-6 .grid12 .grid-col-8 .person-description {font-size:16px; font-family: 'Avenir-Medium', Helvetica, Arial, sans-serif;}


@media screen and (max-width: 1319px) {
  .js .cd-h-timeline__event {max-width: 1100px;}
}


@media screen and (max-width: 1199px) {
  .js .cd-h-timeline__event {max-width: 940px; padding:0 10px;}
}

@media screen and (max-width: 1023px) {
  .section-6 .grid12 .grid-col-8 .person-title {font-size:18px; margin-bottom:24px;}
  .section-6 .grid12 .grid-col-8 .person-description {font-size:15px;}
  .section-6 .grid12 .grid-col-8 {padding:0 30px;}
}

@media screen and (max-width: 767px) {
  .section-6 .grid12 .grid-col-8 .person-title {font-size:18px; margin-bottom:16px;}
  .section-6 .grid12 .grid-col-8 .person-description {font-size:14px;}
  .section-6 .grid12 .grid-col-8 {padding:0 20px;}
  .about-edition {margin-top:36px;}
  .about-name-two {margin-bottom:35px;}
}

@media screen and (max-width: 599px) {
  .about-name-one {font-size:24px;}
  .about-name-two {font-size:24px;}
  .about-buttons {font-size:21px;}
  .tabs_goto {font-size:23px; margin-right:8px; padding:0;}
  .tabs_goto:last-child {margin-right:0; margin-left:8px;}
  .year-text-50-grey {width:100%; font-size:18px;}
  .year-date-50-grey {width:100%; font-size:14px;}
  .year-text {font-size:14px;}
  .year-text-grey {font-size:18px;}

  .section-6 .grid12 .grid-row {display:grid;}
  .section-6 .grid12 [class^="grid-col-"]:nth-child(1) { order: 1;}
  .section-6 .grid12 [class^="grid-col-"]:nth-child(2) { order: 2;}
  .section-6 .grid12 [class^="grid-col-"]:nth-child(3) { order: 4;}
  .section-6 .grid12 [class^="grid-col-"]:nth-child(4) { order: 3; margin-top:60px;}

  .section-6 .grid12 {padding:0 30px;}
  .section-6 .grid12 .grid-col-4 {width:100%; margin-bottom:0;}
  .section-6 .grid12 .grid-col-8 {padding:0 8px; width:100%;}
  .section-6 .grid12 .grid-col-8 .person-name {font-size:24px; margin-top:12px}
  .section-6 .grid12 .grid-col-8 .person-title {font-size:16px;}
  .section-6 .grid12 .grid-col-8 .person-description {font-size:13px;}
}

@media screen and (max-width: 359px) {
  .tabs_goto {font-size:22px; margin-right:6px;}
  .tabs_goto:last-child {margin-right:0; margin-left:6px;}
  .year-text-50-grey {font-size:17px;}
  .year-date-50-grey {font-size:13px;}
  .year-text {font-size:13px;}
  .year-text-grey {font-size:17px;}
  .section-6 .grid12 {padding:0 20px;}
  .section-6 .grid12 .grid-col-8 {padding:0 6px;}
  .section-6 .grid12 .grid-col-8 .person-name {font-size:22px;}
  .section-6 .grid12 .grid-col-8 .person-title {font-size:16px;}
  .section-6 .grid12 .grid-col-8 .person-description {font-size:12px;}
}


/*----------------------------------------------------------------------------------*/
/* 8. FOOTER
/*-----------------------------------------------------------------------------------*/
footer .section-body {max-width:1140px; margin:0 auto; padding:0 0 30px 0; position:relative; z-index:1;}
footer .section-body .grid12 {padding: 0;}
    .section-body .grid12-partners {max-width:960px; margin:110px auto 0;}
    .section-body .grid12-partners > .grid-row > [class^="grid-col-"] {}

    .section-body .grid12-partners > .grid-row > [class^="grid-col-"] .partner {height:100px; width:100px; margin:0 auto;}
    .section-body .grid12-partners > .grid-row > [class^="grid-col-"] img {height:100px; background-size:cover; 
  background-position:center center; background-repeat:no-repeat;}

footer .section-body .grid12 > .grid-row {}
footer .section-body .grid12 > .grid-row-2 {padding:0 12.44444449%;}
footer .section-body .grid12 > .grid-row > [class^="grid-col-"] {}
footer .section-article {font-size: 16px; margin:20px 20px 0;}
footer .section-article a {color: #aaa69d; text-decoration: none; -webkit-transition:0.2s; -o-transition:0.2s; transition:0.2s;}
footer .section-article a:hover {color:#84817a;}
footer .created-by {text-align:right;}


@media screen and (max-width: 1199px) {
  footer .section-article {font-size: 15px;  margin:20px 30px 0;}
}


@media screen and (max-width: 767px) {
  footer .section-article {font-size: 14px; margin:20px 15px 0;}
  footer .copyright {font-size: 12px;}

      .section-body .grid12-partners > .grid-row > [class^="grid-col-"] .partner {height:80px; width:80px;}
      .section-body .grid12-partners > .grid-row > [class^="grid-col-"] img {height:80px;}

@media screen and (max-width: 599px) {
  footer .grid12 .grid-col-6 {width:100%;}
  footer .section-article {font-size: 15px; text-align:center;}
  footer .copyright {font-size: 13px;}
      .section-body .grid12-partners {margin:110px auto 0;}
      .section-body .grid12-partners > .grid-row > [class^="grid-col-"] {width:33.333333333%;}
      .section-body .grid12-partners > .grid-row > .col-special {width:50% !important;}
      .section-body .grid12-partners > .grid-row > [class^="grid-col-"] .partner {height:120px; width:120px;}
      .section-body .grid12-partners > .grid-row > [class^="grid-col-"] img {height:120px;}
}

@media screen and (max-width: 359px) {
      .section-body .grid12-partners > .grid-row > [class^="grid-col-"] .partner {height:100px; width:100px;}
      .section-body .grid12-partners > .grid-row > [class^="grid-col-"] img {height:100px;}
}