html::before{ position:fixed;left:0;right:0;bottom:0;color:#000;font-weight:bold;z-index:999999;display:none; }
/*----------- EXTRA ELEMENTS ------------*/
#slogan-sm,
#menu-wrapper{
display:none;
}
/************************************************ 1430px ************************************************/
@media screen and (max-width: 1430px){
html::before{ content:"1430px";background:#f0f; }
/*----------- GLOBAL CLASSES ------------*/
.curves-down{ background-size:110% 102% !important;background-position:0 -1px !important; }
.curves-up{ background-size:110% 102% !important;background-position:0 0 !important; }
/*----------- HEADER ------------*/
/* LOGO */
section.logo{ background-size:110% 102%;background-position:0 -1px; }
section.logo div:nth-of-type(1){ width:14%; }
section.logo div:nth-of-type(2){ width:23%; }
section.logo div:nth-of-type(3){ width:63%; }
section.logo h1{margin-left:-8%; }
section.logo h2{margin-left:-8%; }
/* FIXED CLASSES */
section.logo-sm{ background-size:93% 102% !important;background-position:11% 0 !important; }
section.logo-sm div:nth-of-type(1){ width:13% !important; }
section.logo-sm div:nth-of-type(2){ width:15% !important; }
section.logo-sm div:nth-of-type(3){ width:60% !important; }
/* NAV.PAGES */
header nav.site-menu ul li a{ font-size:0.9em;letter-spacing: 0.05em;}
/* NAV.NODES */
header nav.nodes-menu ul li a{ font-size:1em !important;letter-spacing: 0.05em; }
}
/************************************************ 1224px ************************************************/
@media screen and (max-width: 1224px){
html::before{ content:"1224px";background:#0ff; }
/*----------- GLOBAL CLASSES ------------*/
.curves-down{ background-size:130% 102% !important; }
.curves-up{ background-size:130% 102% !important; }
/*----------- HEADER ------------*/
/* LOGO */
section.logo{ background-size:130% 102%;background-position:0 -1px; }
section.logo div:nth-of-type(1){ width:17%; }
section.logo div:nth-of-type(2){ width:28%; }
section.logo div:nth-of-type(3){ width:55%; }
/* FIXED CLASSES */
section.logo-sm{ background-size:100% 102% !important; }
section.logo-sm div:nth-of-type(1){ width:13% !important; }
section.logo-sm div:nth-of-type(2){ width:17% !important; }
section.logo-sm div:nth-of-type(3){ width:70% !important; }
}
/************************************************ 1024px ************************************************/
@media screen and (max-width: 1024px){
html::before{ content:"1024px";background:#ff0; }
/*----------- GLOBAL CLASSES ------------*/
.curves-down{ background-size:140% 102% !important; }
.curves-up{ background-size:140% 102% !important; }
/*----------- HEADER ------------*/
/* LOGO */
section.logo{ background-size:140% 102%;background-position:0 -1px; }
section.logo div:nth-of-type(1){ width:18%; }
section.logo div:nth-of-type(2){ width:29%; }
section.logo div:nth-of-type(3){ width:53%; }
section.logo h1{ font-size:3em; }
section.logo h2{ font-size:1.4em; }
section.logo h3{ font-size:1.6em;margin-left:18%; }
/* NAV.NODES */
header nav.nodes-menu{ display:none; }
header nav.nodes-menu ul li{ width:29%;margin:1px 2%; }
header nav.nodes-menu ul li a{ font-size:1.2em !important;padding:8px 0;border-width:1px 0; }
header nav.nodes-menu ul li:first-of-type a,header nav.nodes-menu ul li:nth-of-type(2) a,header nav.nodes-menu ul li:nth-of-type(3) a{ border-width: 0 0 1px 0; }
header nav.nodes-menu ul li:nth-last-of-type(3) a,header nav.nodes-menu ul li:nth-last-of-type(2) a,header nav.nodes-menu ul li:last-of-type a{ border-width:1px 0 0 0; }
/* NAV.PAGES */
header nav.site-menu ul li { margin:0 8px;}
header nav.site-menu ul li a{ border:0;}
header nav.site-menu span.icon {
font-size:2.2em;
display:block;
}
header nav.site-menu span.text { display:none; }
/* MENU WRAPPER */
#menu-wrapper{
width:100%;
padding:5px 15px 3px 15px;
background-color:#F7D651;
display:block;
z-index:10;
}
/* TO TOP */
#totop{
position:relative;
color:#3F3718;
width:35px;
height:30px;
float:left;
cursor:pointer;
display:none;
}
#totop:hover{ color:#DD3A3B; }
#totop span{
position:absolute;
top:-5px;
font-size:2.6em;
}
/* TOGGLE BUTTON */
#menu-toggle{
color:#3F3718;
position: relative;
width: 150px;
height: 30px;
float:right;
cursor:pointer;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
#menu-toggle.active{ color:#fff;background-color:#DD3A3B; }
#menu-toggle span.text{
position: absolute;
top:0;
left:8px;
width: 100px;
font-size:1.3em;
font-weight:bold;
font-family:"Trebuchet MS", Helvetica, sans-serif;
margin-top:2px;
display: block;
}
#menu-toggle span.lines{
font-size:2em;
position: absolute;
top:1px;
right:0;
width:28px;
height:30px;
float:right;
display:block;
}
#menu-toggle span.fa-times{
font-size:1.5em;
}
/* FIXED CLASSES */
section.logo-sm div:nth-of-type(1){ width:13% !important; }
section.logo-sm div:nth-of-type(2){ width:20% !important; }
section.logo-sm div:nth-of-type(3){ width:67% !important; }
div.wrapper-sm{ top:49px !important; }
header nav.nodes-sm{ top:87px !important; }
header nav.nodes-scroll { bottom:0;overflow-y:scroll; }
body.no-scroll{overflow:hidden;}
}
/************************************************ 880px ************************************************/
@media screen and (max-width: 880px){
html::before{ content:"880px";background:#f00;color:#fff; }
/*----------- GLOBAL CLASSES ------------*/
.curves-down{ background-size:144% 102% !important; }
.curves-up{ background-size:144% 102% !important; }
/*----------- HEADER ------------*/
/* LOGO */
section.logo{ height:120px;background-size:144% 102%;background-position:0 -1px; }
section.logo div:nth-of-type(1){ width:19%; }
section.logo div:nth-of-type(1) img{ height:80px; }
section.logo div:nth-of-type(2){ width:31%; }
section.logo div:nth-of-type(3){ width:50%; }
section.logo h1{ font-size:2.7em; }
section.logo h2{ font-size:1.3em; }
section.logo h3{ font-size:1.3em;margin-left:15%; }
/* FIXED CLASSES */
section.logo-sm{ background-size:130% 100% !important;background-position:0 0 !important; }
section.logo-sm div:nth-of-type(1){ width:16% !important; }
section.logo-sm div:nth-of-type(2){ width:24% !important; }
section.logo-sm div:nth-of-type(3){ width:60% !important; }
/*----------- FOOTER ------------*/
section.info div{
width:100%;
text-align:center !important;
}
.article img{width:100%;height:100%;}
}
/************************************************ 720px ************************************************/
@media screen and (max-width: 720px){
html::before{ content:"720px";background:#0f0;color:#000; }
/*----------- GLOBAL CLASSES ------------*/
.curves-down{ background-size:155% 102% !important; }
.curves-up{ background-size:155% 102% !important; }
/*----------- HEADER ------------*/
/* LOGO */
section.logo{ height:110px;background-size:155% 102%;background-position:0 -1px; }
section.logo div:nth-of-type(1){ width:20%; }
section.logo div:nth-of-type(1) img{ height:70px;margin:0 0 0 2%; }
section.logo div:nth-of-type(2){ width:36%; }
section.logo div:nth-of-type(3){ width:44%; }
section.logo h1{ font-size:2.4em;margin:3px 0 0 -9%; }
section.logo h2{ font-size:1.1em;margin-left:-9%; }
section.logo h3{ font-size:1em;margin-left:15%; }
/* NAV.PAGES */
header nav.site-menu span.icon{ font-size:2em; }
/* NAV.NODES */
header nav.nodes-menu ul li{ width:46%; }
header nav.nodes-menu ul li a{ font-size:1.2em !important; }
header nav.nodes-menu ul li:nth-of-type(3) a,header nav.nodes-menu ul li:nth-last-of-type(3) a{ border-width: 1px 0; }
/* FIXED CLASSES */
section.logo-sm{ background-size:150% 100% !important;background-position:0 0 !important; }
section.logo-sm div:nth-of-type(1){ width:19% !important; }
section.logo-sm div:nth-of-type(2){ width:31% !important; }
section.logo-sm div:nth-of-type(3){ width:50% !important; }
section.logo-sm h1{ margin-top:0 !important; }
section.logo-sm h2{ margin-top:-2px !important; }
/*----------- FOOTER ------------*/
section.copyright div{ width:100% !important;padding:0 !important;text-align:center !important; }
section.copyright div:last-of-type{margin-top:10px;}
.article img{width:100%;height:100%;}
}
/************************************************ 560px ************************************************/
@media screen and (max-width: 560px){
html::before{ content:"560px";background:#00f;color:#fff; }
/*----------- GLOBAL CLASSES ------------*/
.curves-down{ background-size:235% 102% !important; }
.curves-up{ background-size:235% 102% !important; }
/*----------- HEADER ------------*/
/* LOGO */
section.logo{ background-size:235% 102%;background-position:0 -1px; }
section.logo div:nth-of-type(1){ width:30%; }
section.logo div:nth-of-type(2){ width:50%; }
section.logo div:nth-of-type(3){ display:none; }
section.logo h2{ font-size:1.1em;margin-left:-15%; }
#slogan-sm{ width:100%;padding:6px 0;background-color:#F7D651;display:block; }
#slogan-sm h3{ color:#3F3718;font-size:1.3em;font-weight:bold;font-family:Bookman Old Style;text-align:center; }
/* NAV.NODES */
header nav.nodes-menu ul li a{ font-size:1.1em !important; }
/* NAV.PAGES */
header nav.site-menu ul li { margin:0 4px;}
/* FIXED CLASSES */
section.logo-sm{ background-size:220% 100% !important;background-position:0 0 !important; }
section.logo-sm div:nth-of-type(1){ width:28% !important; }
section.logo-sm div:nth-of-type(2){ width:50% !important; }
header nav.nodes-sm{ padding:0; }
header nav.nodes-sm #slogan-sm h3{ font-size:1.1em !important; }
.article img{width:100%;height:100%;}
}
/************************************************ 370px ************************************************/
@media screen and (max-width: 370px){
html::before{ content:"370px";background:#fff;color:#000; }
/*----------- GLOBAL CLASSES ------------*/
.curves-down{ background-size:265% 102% !important;background-position:3% -8px !important; }
.curves-up{ background-size:265% 102% !important;background-position:3% 0 !important; }
/*----------- HEADER ------------*/
/* LOGO */
section.logo{ height:80px;background-size:265% 102%;background-position:3% -1px; }
section.logo div:nth-of-type(1){ width:25%;margin-top:17px; }
section.logo div:nth-of-type(1) img{ height:48px; }
section.logo div:nth-of-type(2){ width:75%;margin-top:11px; }
section.logo div:nth-of-type(3){ display:none; }
section.logo h1{ font-size:2em;margin-left:-11%; }
section.logo h2{ font-size:1em;margin-left:-20%; }
#slogan-sm h3{ font-size:1.1em; }
/* NAV.NODES */
header nav.nodes-menu ul li{ width:100%;margin:1px 0; }
header nav.nodes-menu ul li:nth-of-type(2) a,header nav.nodes-menu ul li:nth-last-of-type(2) a{ border-width: 1px 0; }
/* NAV.PAGES */
header nav.site-menu ul li { margin:0 3px;}
header nav.site-menu span.icon{ font-size:1.8em; }
/* TOGGLE BUTTON */
#menu-toggle{ width: 140px; }
/* FIXED CLASSES */
section.logo-sm{ height:45px !important;background-size:260% 100% !important;background-position:5% 0 !important; }
section.logo-sm div:nth-of-type(1){ width:18% !important;margin-top:5px !important; }
section.logo-sm div:nth-of-type(1) img { margin-top:-3px; }
section.logo-sm div:nth-of-type(2){ width:73% !important;margin:-1px 0 0 5px!important; }
section.logo-sm h1{ font-size:1.9em !important; }
section.logo-sm h2{ font-size:0.9em !important; }
div.wrapper-sm{ top:44px !important;height:38px !important;padding:5px 15px 3px 15px !important;}
header nav.nodes-scroll { overflow-y:scroll; }
header nav.nodes-sm{ top:82px !important; }
.article img{width:100%;height:100%;}
}
/************************************************ 280px ************************************************/
@media screen and (max-width: 280px){
html::before{ content:"280px";background:#000;color:#fff; }
/*----------- GLOBAL CLASSES ------------*/
.curves-down{ background-size:290% 102% !important;background-position:6% -1px !important; }
.curves-up{ background-size:290% 102% !important;background-position:6% 0 !important; }
/*----------- HEADER ------------*/
/* LOGO */
section.logo{ height:75px;background-size:290% 102%;background-position:6% -1px; }
section.logo div:nth-of-type(1){ width:18%;margin-top:18px; }
section.logo div:nth-of-type(1) img{ height:40px; }
section.logo div:nth-of-type(2){ width:82%;margin-top:15px; }
section.logo div:nth-of-type(3){ display:none; }
section.logo h1{ font-size:1.8em;margin-left:-3%; }
section.logo h2{ font-size:0.9em;margin-left:-11%; }
/* NAV.PAGES */
header nav.site-menu ul li { margin:0 1px;}
/* FIXED CLASSES */
section.logo-sm{ background-size:290% 100% !important;background-position:6% 0 !important; }
section.logo-sm div:nth-of-type(1){ width:21% !important;margin:5px 0 0 -3px!important; }
section.logo-sm div:nth-of-type(2){ width:79% !important;margin:-3px 0 0 0!important; }
section.logo-sm h1{ font-size:1.7em !important;margin-left:-9% !important; }
section.logo-sm h2{ font-size:0.8em !important;margin-left:-15% !important; }
.article img{width:100%;height:100%;}
}