/*
Theme Name:silicio
Author:Alessandro Giacomelli
Author URI:http://siliciovisual.com
Version:1.0.0
License:GNU General Public License v2 or later
License URI:LICENSE
Text Domain:silicio
Description:A theme made by siliciovisual. This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. silicio is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc. Underscores is distributed under the terms of the GNU GPL v2 or later.
*/
/*---Normalize---*/
html {line-height: 1.15;-webkit-text-size-adjust: 100%;}body {margin: 0;}h1 {font-size: 2em;margin: 0.67em 0;}hr {box-sizing: content-box; height: 0;overflow: visible;}pre {font-family: monospace, monospace; font-size: 1em;}a {background-color: transparent;}abbr[title] {border-bottom: none;text-decoration: underline;text-decoration: underline dotted;}b,strong {font-weight: bolder;}code,kbd,samp {font-family: monospace, monospace;font-size: 1em;}small {font-size: 80%;}sub,sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}sub {bottom: -0.25em;}sup {top: -0.5em;}img {border-style: none;}button,input,optgroup,select,textarea {font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0;}button,input {overflow: visible;}button,select {text-transform: none;}button,[type="button"],[type="reset"],[type="submit"] {-webkit-appearance: button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner {border-style: none;padding: 0;}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring {outline: 1px dotted ButtonText;}fieldset {padding: 0.35em 0.75em 0.625em;}legend {box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal;}progress {vertical-align: baseline;}textarea {overflow: auto;}[type="checkbox"],[type="radio"] {box-sizing: border-box;padding: 0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button {height: auto;}[type="search"] {-webkit-appearance: textfield;outline-offset: -2px;}[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}::-webkit-file-upload-button {-webkit-appearance: button;font: inherit;}details {display: block;}summary {display: list-item;}template {display: none;}[hidden] {display: none;}

/*---Typography---*/
body,button,input,select,optgroup,textarea {color: #606069;font-family: 'Nunito', sans-serif; font-weight: 200; font-size: 18px;line-height: 1.5;}
h1, h2, h3, h4, h5, h6 {clear: both; font-weight: 400;letter-spacing:3px;}
p {margin-bottom: 1.5em;}
dfn, cite, em, i {font-style: italic;}
blockquote {margin: 0 1.5em;}
address {margin: 0 0 1.5em;}
pre {background: #eee;font-family: "Courier 10 Pitch", Courier, monospace;font-size: 15px;font-size: 0.9375rem;line-height: 1.6;margin-bottom: 1.6em;max-width: 100%;overflow: auto;padding: 1.6em;}
code, kbd, tt, var {font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;font-size: 15px;}
abbr, acronym {border-bottom: 1px dotted #666;cursor: help;}
mark, ins {background: #fff9c0;text-decoration: none;}
big {font-size: 125%;}
h1{font-size:70px;}
.single-corsi h1{font-size:45px;}
h2{font-size:50px; margin-top: 150px;}
h3{font-size:28px;}
h4{font-size:21px;}
h5{font-size:18px;}
h6{font-size:16px;}

/*---Elements---*/
html {box-sizing:border-box;}
*, *:before, *:after {box-sizing:inherit;}
body {background:#fff;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
hr {background-color:#ccc; border:0; height:1px; margin-bottom:1.5em;}
ol {margin:0 0 1.5em 3em;}
ul {list-style: none;line-height: 1.5;padding: 5px;margin: 0px 10px 40px 15px;}
ol {list-style:decimal;}
li > ul, li > ol {margin-bottom:0; margin-left:1.5em;}
dt {font-weight:bold;}
dd {margin:0 1.5em 1.5em;}
img {height:auto;max-width:100%;}
figure {margin:1em 0;}
table {margin:0 0 1.5em; width:100%;}

/*Column*/
.col1{width:10%;}
.col2{width:20%;}
.col3{width:30%;}
.col3_3{width:33.3333%; float: left;}
.col4{width:40%;}
.col4_4{width:25%; float:left;}
.col5{width:50%;}
.col6{width:60%;}
.col7{width:70%;}
.col8{width:80%;}
.col9{width:90%;}
.col0{width:100%; clear:both; overflow:hidden;}

.left{float: left;}
.right{float:right;}
.center{margin: 0 auto 150px auto;}

.giallo1{background-color: #ffb25a;}
.viola{background: #c8556a; color: #FFF !important;}
.arancio{background: #e77e57; color: #FFF !important;}
.ocra{background: #dea25a; color: #FFF !important; }
.avio{background: #6b7282; color: #FFF !important;}
.avio2{background: #d6dbe1;}

#home, #artaruga, #spazio, #adesione, #contatti, #gallery, #corsi, #corso, #appuntamenti {position: relative;}

.triangolo1 {position: absolute;top: 0;width: 100%;height: 90px; z-index: 9;}
.triangolo2 {position: absolute;bottom: -1px;width: 100%;height: 90px;z-index: 9;}
.triangolo3 {position: absolute;bottom: -1px;width: 100%;height: 90px;z-index: 9;}

/*header*/
.site-header {background: none;position: fixed;top: 0;width: 100%; z-index: 99;transition: all 0.3s ease-in-out 0s;padding: 15px 30px;}
.change {background: rgba(0,0,0,0.5);}
.site-branding{ max-width:250px; overflow: hidden; float: left;transition: all 0.3s ease-in-out 0s;}
.site-branding a {background:url('img/artaruga-logo.png'); background-size:cover; display: block;text-indent:-999px; width: 120px; height:90px;transition: all 0.3s ease-in-out 0s;}
.change .site-branding a {background:url('img/artaruga-logo-a.png'); width: 60px; height:60px; background-repeat: no-repeat;background-size:cover;}
.site-description{display:none;}

/*Footer*/
#colophon {background: #222;color: #FFF;padding: 10px 30px;font-size: 12px;}
.site-info{float: left;}
.site-info ul{ margin:0; padding:0; list-style:none;}
.footerLink{float:right;}
.footerLink a{color: #d6dbe1; text-decoration: none;}
.footerLink a:visited{color: #d6dbe1;}

/*--- Navigation---*/
/*---# Links---*/
a {color: royalblue; text-decoration: none;}
a:visited {color: purple;}
a:hover, a:focus, a:active {color: midnightblue;}
a:focus {outline: thin dotted;}
a:hover, a:active {outline: 0;}

.down { animation: MoveUpDown 1s ease-in infinite; position: absolute;z-index: 9999;font-size: 50px;width: 50px;text-align: center;height: 50px;left: 50%;margin-left: -25px;text-align: center; color: #FFF;}
.down:visited{color: #FFF !important;}

@keyframes MoveUpDown {
  0%, 100% {
    bottom: 0;
  }
  50% {
    bottom: 100px;
  }
}

/*---# Menus----*/
.main-navigation {display: block;float: left;width:450px;}
.main-navigation ul {list-style: none;margin: 0;padding-left: 0;}
.main-navigation ul ul {box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);float: left;position: absolute;top: 100%;left: -999em;z-index: 99999;}
.main-navigation ul ul ul {left: -999em;top: 0;}
.main-navigation ul ul li:hover > ul,.main-navigation ul ul li.focus > ul {left: 1;}
.main-navigation ul ul a {width: 220px;}
.main-navigation ul li:hover > ul,.main-navigation ul li.focus > ul {left: auto;}
.main-navigation li {float: left;position: relative; margin:0 10px; text-transform: lowercase;}
.main-navigation a {display: block;text-decoration: none; color: #FFF; font-size: 24px; font-weight: 400;}

/* Small menu. */
.site-main .comment-navigation, .site-main.posts-navigation, .site-main.post-navigation {margin: 0 0 1.5em;overflow: hidden;}
.comment-navigation .nav-previous,.posts-navigation .nav-previous,.post-navigation .nav-previous {float: left;width: 50%;}
.comment-navigation .nav-next,.posts-navigation .nav-next,.post-navigation .nav-next {float: right;text-align: right;width: 50%;}

/*---# Accessibility---*/
.screen-reader-text {clip:rect(1px, 1px, 1px, 1px); position:absolute !important; height:1px; width:1px; overflow:hidden; word-wrap:normal !important;}.screen-reader-text:focus {background-color:#f1f1f1; border-radius:3px; box-shadow:0 0 2px 2px rgba(0, 0, 0, 0.6); clip:auto !important; color:#21759b; display:block; font-size:14px; font-size:0.875rem; font-weight:bold; height:auto; left:5px; line-height:normal; padding:15px 23px 14px; text-decoration:none; top:5px; width:auto; z-index:100000;}#content[tabindex="-1"]:focus {outline:0;}
/*---# Alignments---*/
.alignleft {display:inline; float:left; margin-right:1.5em;}.alignright {display:inline; float:right; margin-left:1.5em;}.aligncenter {clear:both; display:block; margin-left:auto; margin-right:auto;}
/*---# Clearings---*/
.clear:before, .clear:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after {content:""; display:table; table-layout:fixed;}.clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after {clear:both;}
/*---# Widgets---*/
.widget {margin:0 0 1.5em;}.widget select {max-width:100%;}

/*---Content---*/
/*---Posts and pages---*/
/*home*/
#home h1 {line-height: 110%;}
#home h1 a {color: #FFFFFF;}
#artaruga .col6{ position: relative; right: 1%; z-index: 1;}
#spazio .col6, #artaruga .col5, #contatti .bg{position: absolute;left: 1%;}
#artaruga .bg {position: absolute; opacity: 0.3;font-size: 500px;top: 0;}
#spazio .bg {opacity: 0.3;font-size: 370px;}
#adesione .bg {opacity: 0.3;font-size: 450px;}
#contatti .bg {opacity: 0.3;font-size: 450px;}
#adesione .col7{margin-bottom: 200px;}
.partecipanti {padding: 20px; }
.partecipanti h3 {margin: 80px 0 50px -20px;}
.partecipanti p {padding: 0 30px 0 30px;}
.ti-rocket, .ti-spray, .ti-ruler-pencil {padding: 20px;font-size: 30px;border: 1px solid #707070;border-radius: 100%;margin: 50px 0 20px 0;}
#adesione {font-size: 16px;}

.img1{line-height: 0; margin: 0; padding: 0;}

.read-more-trigger {display: block;position: relative;margin: 68px auto 120px auto;width: 60px;height: 60px;border-radius: 30px;border: solid 2px #6b7282;overflow: hidden;-webkit-transition: all 300ms;-moz-transition: all 300ms;-ms-transition: all 300ms;transition: all 300ms;}
.read-more-trigger i {display: block;position: absolute;top: 0;left: 0;width: 20px;height: 20px;margin: 19px;font-size: 60px;font-weight: 100;line-height: 0.35;text-indent: -3px;color: #6b7282;-webkit-transition: all 300ms;-moz-transition: all 300ms;-ms-transition: all 300ms;transition: all 300ms;}
.read-more-trigger span {display: block;width: 136px;margin-left: -42px;font-size: 14px;font-weight: 700;line-height: 52px;text-align: center;text-transform: uppercase;white-space: nowrap;color: #b1b3b7;opacity: 0;-webkit-transition: all 300ms;-moz-transition: all 300ms;-ms-transition: all 300ms;transition: all 300ms;}
.read-more-trigger:hover {width: 140px;}
.read-more-trigger:hover i {margin: 16px 58px;opacity: 0;}
.read-more-trigger:hover span {margin-left: 0;opacity: 1;}

#spazio li::before {content: '\0044';font-family: 'Arta';font-style: normal;margin: 0 5px 0 -20px;font-size: 13px;}


.single-corsi .main-navigation a {
    display: block;
    text-decoration: none;
}

#corsi h4 {
    font-size: 35px;
    margin: 0;
}

a h4 {
    color: 
    #FFF;
    text-decoration: underline;
}
.meta_info{font-size: 14px;}
/*privacy*/
.iubenda_legal_document {background: #FFF;max-width: 900px;margin: 70px auto;width: 100%; padding: 50px 30px;}
.iubenda_legal_document h1{ font-size: 27px;}
.iubenda_legal_document h2{ font-size: 24px;}
.iubenda_legal_document h3{ font-size: 21px;}
.iubenda_legal_document a{ color: #999;}
.mfp-close-btn-in .mfp-close {color: #FFF !important;}

/*404*/
.error-404.not-found {position: absolute;background: none;z-index: 999;bottom: 10px;width: 100% !important;padding: 5px 30px;text-align: right;color: #FFF;}
.page-title {color: #FFF;margin: 10px auto;}

/*follow*/
.socialFollow {float: right;margin: 10px 0 0 0;padding: 0;}
.socialFollow li {float: left;border: 1px solid;width: 30px;height: 30;text-align: center;border-radius: 100%;color: #FFF;margin-left: 10px;padding: 5px 3px 3px 4px;font-size: 16px;line-height: 100%;}
.socialFollow li a {color:#FFF;text-decoration: none;}

/*----Forms----*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {border: 1px solid #FFF;border-radius:25px; background:none;color: rgba(255, 255, 255, 1);font-size: 16px; font-weight: 400; text-transform: uppercase; line-height: 1;padding: .6em 1em .4em;}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {border-color: #ccc #bbb #aaa;}

button:active, button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {border-color: #aaa #bbb #bbb;}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {color: #FFF;border: none;border-radius:none;background: rgba(0,0,0,0.3) !important;max-width: 100%;padding: 20px;}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {color: #f3f3f3;}

select {border: 1px solid #ccc;}
textarea {}

/*---# Infinite scroll---*/
.infinite-scroll .posts-navigation,.infinite-scroll.neverending .site-footer {display:none;}.infinity-end.neverending .site-footer {display:block;}

/*---# Media---*/
.page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley {border:none; margin-bottom:0; margin-top:0; padding:0;}
embed, iframe, object {max-width:100%;}
.custom-logo-link {display:inline-block;}

/*---## Captions---*/
.wp-caption {margin-bottom:1.5em; max-width:100%;}
.wp-caption img[class*="wp-image-"] {display:block; margin-left:auto; margin-right:auto;}
.wp-caption .wp-caption-text {margin:0.8075em 0;}
.wp-caption-text {text-align:center;}

/*---## Galleries---*/
.gallery {margin-bottom:1.5em;}
.gallery-item {display:inline-block; text-align:center; vertical-align:top; width:100%;}
.gallery-columns-2 .gallery-item {max-width:50%;}
.gallery-columns-3 .gallery-item {max-width:33.33333%;}
.gallery-columns-4 .gallery-item {max-width:25%;}
.gallery-columns-5 .gallery-item {max-width:20%;}
.gallery-columns-6 .gallery-item {max-width:16.66667%;}
.gallery-columns-7 .gallery-item {max-width:14.28571%;}
.gallery-columns-8 .gallery-item {max-width:12.5%;}
.gallery-columns-9 .gallery-item {max-width:11.11111%;}
.gallery-caption {display:block;}

.gallery ul {list-style: none;line-height: 1.5;}
.gallery li {max-width:20%; display:inline-block; text-align:center; vertical-align:top; }
.gallery h6{ font-size: 12px; margin:0; padding:5px 0;}
.gallery p{ font-size: 11px; margin:0 0 20px 0; padding:0;}

/* ---- masonry ---- */
.grid { margin-bottom: 200px;}
.grid:after {content: '';display: block;clear: both;}
.grid-sizer,.grid-item {width: 25%;z-index: 2;}
.grid-item {float: left;}
.grid-item img {display: block;max-width: 100%;}

#list {
    margin-top: 100px;
}


/*extras*/
/*fullbg*/
html, body	{height:100%!important;}
.fullPage {height: 100%; width:100%;}
.fullPage header {position: absolute;top: 20%;right: 30px;color: #FFF;text-align: right; z-index: 3;}
.fullBg {position:absolute; background-repeat: no-repeat !important; height: 100%; width: 100%; background-size:cover !important;}
.grecaptcha-badge{visibility: collapse !important;  }

#map-canvas {height: 600px;}
.popup{ color: #404040;}
.popup h4{ margin:0;}
/* ---- flexslider ---- */
.fullBg .flexslider, .flex-viewport	{width:100%;height:100%!important;}
.fullBg .flexslider .slides {height:100%!important;}
.fullBg .flexslider .slides li{width:100%;height:100%!important; margin:0;padding:0;-webkit-background-size: cover!important;-moz-background-size: cover!important;-o-background-size: cover!important;background-size: cover!important;}
.flexslider ul {list-style: none;margin: 0;padding: 0;}

#comunity img {
	padding: 40px;
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
	transition-duration: 0.5s;
	
}

#comunity img:hover {
    -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);
}


/* Styles for dialog window */
#small-dialog {
	background: white;
	padding: 20px 30px;
	text-align: left;
	max-width: 400px;
	margin: 40px auto;
	position: relative;
}


/**
 * Fade-zoom animation for first dialog
 */

/* start state */
.my-mfp-zoom-in .zoom-anim-dialog {
	opacity: 0;
	-webkit-transition: all 0.2s ease-in-out; 
	-moz-transition: all 0.2s ease-in-out; 
	-o-transition: all 0.2s ease-in-out; 
	transition: all 0.2s ease-in-out; 
	-webkit-transform: scale(0.8); 
	-moz-transform: scale(0.8); 
	-ms-transform: scale(0.8); 
	-o-transform: scale(0.8); 
	transform: scale(0.8); 
}

/* animate in */
.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
	opacity: 1;

	-webkit-transform: scale(1); 
	-moz-transform: scale(1); 
	-ms-transform: scale(1); 
	-o-transform: scale(1); 
	transform: scale(1); 
}

/* animate out */
.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
	-webkit-transform: scale(0.8); 
	-moz-transform: scale(0.8); 
	-ms-transform: scale(0.8); 
	-o-transform: scale(0.8); 
	transform: scale(0.8); 

	opacity: 0;
}

/* Dark overlay, start state */
.my-mfp-zoom-in.mfp-bg {
	opacity: 0;
	-webkit-transition: opacity 0.3s ease-out; 
	-moz-transition: opacity 0.3s ease-out; 
	-o-transition: opacity 0.3s ease-out; 
	transition: opacity 0.3s ease-out;
}
/* animate in */
.my-mfp-zoom-in.mfp-ready.mfp-bg {
	opacity: 0.8;
}
/* animate out */
.my-mfp-zoom-in.mfp-removing.mfp-bg {
	opacity: 0;
}

/*** Fade-move animation for second dialog*/
/* at start */
.my-mfp-slide-bottom .zoom-anim-dialog {
	opacity: 0;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;

	-webkit-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
	-moz-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
	-ms-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
	-o-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
	transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );

}

/* animate in */
.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {
	opacity: 1;
	-webkit-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
	-moz-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
	-ms-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
	-o-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
	transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
}

/* animate out */
.my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {
	opacity: 0;

	-webkit-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
	-moz-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
	-ms-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
	-o-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
	transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
}

/* Dark overlay, start state */
.my-mfp-slide-bottom.mfp-bg {
	opacity: 0;

	-webkit-transition: opacity 0.3s ease-out; 
	-moz-transition: opacity 0.3s ease-out; 
	-o-transition: opacity 0.3s ease-out; 
	transition: opacity 0.3s ease-out;
}
/* animate in */
.my-mfp-slide-bottom.mfp-ready.mfp-bg {
	opacity: 0.8;
}
/* animate out */
.my-mfp-slide-bottom.mfp-removing.mfp-bg {
	opacity: 0;
}

@media screen and (max-width: 1024px) {
	h2 {margin-top: 100px;
}
}
@media screen and (max-width: 900px) {
	.contatti.col5.center {
    text-align: center;
}
	.col7{width: 100%}
	.left, .right {float: none;}
	#comunity img {padding: 15px;}
}
@media screen and (max-width: 800px) {
	#artaruga .col6, #spazio .col5 {right: 0;}
	#spazio .col6, #artaruga .col5 {left: 0;}
	.col6 {width: 100%; padding: 0 30px;}
	.col5{width: 100%;}
	.col3_3 {width: 100%;}
	.partecipanti p {padding: 0;}
	#artaruga .bg {opacity: 0.1;font-size: 300px;}
#spazio .bg {opacity: 0.1;font-size: 270px;}
}
@media screen and (max-width: 700px) {
	h1 {font-size: 50px;}
	.site-branding a {width: 100px;height: 75px;}
	.main-navigation {display: block;float: right;width:250px;}
	.main-navigation li {margin: 0 4px;}
	.main-navigation a {font-size: 16px;}
	.fullPage header {position: absolute;top: 20%;right: 20px;}
	.grid-sizer, .grid-item {width: 50%;}

}

@media screen and (max-width: 600px) {
	h2 {font-size: 35px;}
	h3 {font-size: 22px;}
	.ti-rocket, .ti-spray, .ti-ruler-pencil {padding: 12px;font-size: 19px;margin: 40px 0 20px 20px;}
	
}
@media screen and (max-width: 500px) {
	h1 {font-size: 40px;}
	.site-header {padding: 5px 5px;}
	.main-navigation {width: 250px;}
	.change .site-branding a {width: 40px;height: 40px;}
}