


* { margin:0; padding:0; outline:none;}
body{ background-color:#eaeaea; cursor:default;}
a{ text-decoration:none; outline:none;}
a:hover{ }
li{ list-style:none;}
span, p{ font-size:1.2em; line-height:1.5; }
img{ border:0;}

       



h1 {
	font-size: 1.6em;
	height: 20px;
	padding-top: 0;
}

h2{
	font-size: 1.2em;
	height: 20px;
	padding-top: 0;
}*/

.highlight {background-color:#FF9D9D;border-bottom:#F30 1px solid;border-top:#F30 1px solid;padding: 4px 10px}


#container {
  	width: 100%;
  	height: 100%;
  	text-align: center;
}

#content {
  	
  	margin: 0 auto;
  	text-align: left;
	padding: 20px;
}
﻿

@font-face {
	font-family: 'Museo500Regular';
	src: url('museo300-regular-webfont.eot');
	src: local('?'), url('museo500-regular-webfont.woff') format('woff'), url('museo500-regular-webfont.ttf') format('truetype'), url('museo500-regular-webfont.svg#webfontVHHYtszH') format('svg');
	font-weight: normal;
	font-style: normal;
}



.clear {clear: both;height: 0;line-height: 0;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}

* html .clearfix {height: 1%;}
.clearfix {display: block;}

.clearfix {height: 1%;}
.clearfix {display: block;}


.margin{
	width:980px;
	margin:0 auto;
	overflow:hidden;
}



.tab {
  	background: transparent url(../img/panel/tab_b.png) repeat-x 0 0;
	height: 32px;
	position: relative;
    top: 0;
    z-index: 999;
}

.tab ul.login {
	display: block;
	position: relative;
  	float: right;
  	clear: right;
  	height: 32px;
	width: auto;
	line-height: 42px;
	margin: 0;
  	color: white;
  	font-size: 80%;
	text-align: center;
}



.tab ul.login li.right {
  	background: url(../img/panel/tab_r.png) no-repeat left 0;
  	height: 32px;
	width: 2px;
	padding: 0;
	margin: 0;
  	display: block;
	float: left;
}

.tab ul.login li {
 	text-align: left;
  	padding: 0 6px;
	display: block;
	float: left;
	height: 32px;
  	background: url(../img/panel/tab_m.png) repeat-x 0 0;
}

.tab ul.login li a {
	color: #ffffff;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.4em;
	text-decoration:none;
}

.tab ul.login li a:hover {
	color: white;
}

.tab .sep {color:#414141}

.tab a.open, .tab a.close {
	height: 22px;
	line-height: 20px !important;
	padding-left: 34px !important;
	cursor: pointer;
	display: block;
	width: 73px;
	position: relative;
	top: 9px;
}

.tab a.open {background: url(../img/panel/bt_open.png) no-repeat 5px 0;}
.tab a.close {background: url(../img/panel/bt_close.png) no-repeat 5px 0;}



#toppanel {
    position: absolute;   
       
    top: 0;
    width: 100%;
    z-index: 2000;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

#panel {
	width: 100%;
	height: 340px;
	color: #999999;
	background: #4d4d4d;
	overflow: hidden;
	position: relative;
	z-index: 3;
	display: none;
}

#panel .logo-share{
	clear:both;
	margin-top:0.5em;
	text-align:center;
	overflow:hidden;
	width:980px;
	padding-bottom:4em;
}

#panel h1 {
	font-size: 2.4em;
	font-family:'Museo500Regular', sans-serif;
	padding: 5px 0 10px;
	margin: 0;
	color:#999999;
	font-weight:normal;
}

#panel h2{
	font-size: 1.2em;
	padding: 10px 0 5px;
	margin: 0;
	color: white;
}

#panel p {
	margin: 5px 0;
	color:#f3f3f3;
	font-size:1.5em;
	padding: 0;
	line-height:1.7;
}

#panel a {
	text-decoration: underline;
	color: #f3f3f3;
	font-size:1.3em;
}

#panel a:hover {
	color: white;
}

#panel a-lost-pwd {
	display: block;
	float: left;
}

#panel .content {
	width: 980px;
	margin: 0 auto;
	padding-top: 15px;
	text-align: left;
	font-size: 0.85em;
}

#panel .content .left {
	width: 286px;
	float: left;
	padding: 0 15px;
}

#panel .content .right {
}

#panel .content .right ul {
}

#panel .content .right ul li{
	float:left;
	padding-bottom:1.2em;
}

#panel .content .right ul li img{
	float:left;
	margin-right:1em;
}
#panel .content .right ul li img.marca{
	border:#ffffff 1px solid;
}
#panel .content .right ul li span{
	font-family:'Museo500Regular', sans-serif;
	font-size:1.6em;
	line-height:1.1;
}

#panel .content .right ul li ul.formats{
	padding-top:0.2em;
}

#panel .content .right ul li ul.formats li{
	border-left:#a0a0a0 1px solid;
	padding:0 0.4em;
}

#panel .content .right ul li ul.formats li:first-child{
	border-left:none;
	padding-left:0;
}

@font-face {
	font-family: 'Museo300Regular';
	src: url('http://humanstxt.org/fonts/museo300-regular-webfont.eot');
	src: local('?'), url('http://humanstxt.org/fonts/museo300-regular-webfont.woff') format('woff'), url('http://humanstxt.org/fonts/museo300-regular-webfont.ttf') format('truetype'), url('http://humanstxt.org/fonts/museo300-regular-webfont.svg#webfontVHHYtszH') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Museo500Regular';
	src: url('http://humanstxt.org/fonts/museo500-regular-webfont.eot');
	src: local('?'), url('http://humanstxt.org/fonts/museo500-regular-webfont.woff') format('woff'), url('http://humanstxt.org/fonts/museo500-regular-webfont.ttf') format('truetype'), url('http://humanstxt.org/fonts/museo500-regular-webfont.svg#webfontVHHYtszH') format('svg');
	font-weight: normal;
	font-style: normal;
}


a{ text-decoration:none;}
a:hover{ text-decoration:underline;}
body{ background-color:#eaeaea; color:#000000;}
p{ line-height: 1.2;}
#wrapper{ font-size:62.5%; margin:0 auto; line-height:1; font-family:Georgia, "Times New Roman", Times, serif;}
.extras{ background-color:#4d4d4d; height:1em; margin:0 auto;}
.panel{ width:980px; margin:0 auto; text-align:right; position:relative; overflow:hidden;}
#user_panel{ float:right; background-color:#4d4d4d; padding:1em 0 0.5em;}
#user_panel a{ font-size:1.3em; color:#ffffff; background:transparent url(http://humanstxt.org/img/panel/ico-letter.png) no-repeat 0.8em 0.04em; padding:0.1em 0.4em 0.2em 3em;}




header{ color: #777777; display:block; width:980px; margin:0 auto; text-align:center;}
.lang{ position:absolute; top:1em; left:auto; z-index:2000; float:left;}
	.lang ul{ text-align:left;}
	.lang ul li{ display:inline; font-weight: normal; text-decoration: none; white-space: nowrap; list-style:none; font-family:Georgia, "Times New Roman", Times, serif; font-size:1.4em;}
		.lang ul li a{ color:#E64B07; padding:0 5px 4px; text-decoration:underline;}
		.lang ul li a:hover{ background-color:#4d4d4d; -moz-box-shadow: 1px 1px 0 #ababab; -webkit-box-shadow: 1px 1px 0 #ababab;	text-decoration:none; color:#ffffff;}
		.lang ul li a.active{ background-color:#4d4d4d; -moz-box-shadow: 1px 1px 0 #ababab; -webkit-box-shadow: 1px 1px 0 #ababab;	text-decoration:none; color:#ffffff; padding:0px 5px 4px;}
	.lang p{ font-size:1.1em; padding-top:1.3em;}
		.lang p strong a{ color:#777777; text-decoration:underline;}

img.logo { margin-top:2.5em; margin-left:30.5em; float:left;}
.socialmedia{ float:right; margin-top:4.5em;}
	.socialmedia li{ display:inline-block; padding:0 0 0 0.2em;}
nav{ padding:2.8em 0 4em 0; width:980px; float:left; overflow:hidden; clear:both; text-align:center;}
	nav ul{ margin:0 auto; width:820px;}
		nav ul li{ border-radius:7px; -moz-border-radius: 7px; -webkit-border-radius: 7px;  float:left; padding:0 0.3em;}

			nav ul li a { padding-top:0.6em; color:#FFFFFF; background-color:#4e4e4e; border-radius:7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; font-family:'Museo300Regular', sans-serif; font-size:1.6em; height:26px; width:122px; display:block;}

			nav ul li a:hover{ background-color:#E64B07; text-decoration:none;}
			nav ul li a.active{ background-color:#E64B07; text-decoration:none;}




#content2{ width:980px; clear:both; margin:0 auto;}
#content2.team{ padding-bottom:3em;}
	#content2 h1{ font-family:'Museo300Regular', sans-serif; font-size:3.6em; color:#E64B07; border-bottom:#d1d1d1 1px solid; line-height:1.3; margin-bottom:0.6em; height:auto;}
	#content2 section{ display:block; overflow:hidden; width:980px; padding-bottom:2.5em;}
	#content2 article{ background-color:#FFFFFF; padding:0; margin-left:1.3em; width:318px; float:left; height:300px;}
	#content2 section article:first-child{ margin-left:0;}
	#content2 section.intro article{ width:464px; height:200px; margin:0 0 0 4em; background-color:transparent;}
	#content2 section.intro article:first-child{ margin-left:0;}
		#content2 section.intro article h2{ font-family:'Museo500Regular', sans-serif; color:#777777; font-size:2.4em; padding-bottom:0.5em; font-weight:normal; padding:0 0 0.5em;}
		#content2 section.intro article p{ font-size:1.4em; line-height:1.4; padding:0 0.5em 0 0;}
		#content2 section.intro article img{ float:left; margin:0 1.8em 0 0;}
	#content2 article h2{ font-family:'Museo500Regular', sans-serif; color:#777777; font-size:2.4em; font-weight:normal; padding:0.7em 0.7em 0.3em; height:auto; line-height:1.1;}
	#content2 article p{ font-size:1.4em; line-height:1.4; padding:0 1.4em 0.5em;}
		#content2 article p span.code{ color:#d518f1; font-family:"Courier New", Courier, monospace; font-size:1em; clear:left; display:block;}

	#content2 article.hteam{ background-color:#FFFFFF; padding:0; margin:0 1.3em 4em; width:300px; float:left; height:auto; float:left; padding-bottom:1em;}
	#content2 article.hteam.modul{ padding-bottom:0;}
	#content2 article.hteam:first-child{ margin-left:1.3em;}
		#content2 article.hteam img{ width:35%; float:left; margin:14px;}
		#content2 article.hteam h2{ margin-top:0px; text-decoration:underline; padding-bottom:0.2em; font-size:1.9em;}
		#content2 article.hteam span{ line-height:1.8;}
		#content2 article.hteam p{ padding-bottom:0.1em;}
		#content2 article.hteam a,
		#content2 article.hteam a:visited,
		#content2 article.hteam a,
		#content2 article a:visited{ color:#de6800; }






	#content2 article.envio{ width:980px; height:auto; display:block; float:none; }

		#content2 article.envio h2{ margin-bottom:1em;}
		#content2 article.envio form{ margin:0 2em; padding-bottom:1em;}
		#content2 article.envio fieldset{ display:block; border:0; margin-bottom:1.5em;}
			#content2 article.envio label{ float:left; width:110px; font-size:1.4em; line-height:1.4; }

			#content2 article.envio input{ width:400px;}

			#content2 article.envio textarea{ width:740px; height:200px;}

		#content2 article.envio fieldset.boton{ text-align:center; padding-top:0.5em;}

			#content2 article.envio .button{ width:auto; padding:7px; background-color:#E64B07; color:#FFF; border:0px; font-family:'Museo500Regular', Arial, sans-serif; font-size:1.4em; border-radius:7px; -moz-border-radius: 7px; -webkit-border-radius: 7px;}

			#content2 article.envio .button:hover{background-color:#4e4e4e; cursor:pointer;}



footer{ color: #010101; display:block; width:980px; margin:0 auto; padding:0.5em 0 5em; overflow:hidden;}

	footer article{ padding:0; margin-left:13px; width:308px; float:left;}

	footer article:first-child{ margin-left:0;}

	footer article.second{ width:265px;}

	footer article.third{ width:360px;}

		footer article h3{ font-family:'Museo500Regular', sans-serif; font-size:1.8em; color:#E64B07; font-weight:normal; line-height:1.2; padding-bottom:0.3em; padding-left:0.9em;}
		footer article h3.close{ padding-right:4em;}
		footer article p{ float:left; font-family:Georgia, "Times New Roman", Times, serif; font-size:1.1em; line-height:1.8; padding-left:1.4em;}
		footer article .send{ clear:both; float:left; width:302px;}
			footer article .send p{ width:100%;}
			footer article .send form{ float:left; margin:0.1em 0 0 0.4em;}
			footer article .send form input{ cursor:pointer;}

		footer article ul{ margin:1.8em 0 0 1.7em;}

			footer article ul li{ display:inline; padding:0 0.1em;}
			footer article ul li:first-child{ padding-left:0;}

			footer article ul li.spotify{ border-left:#DE6800 1px solid; float:left; overflow:hidden; margin-left:0.8em; padding-left:0.8em;}

		footer article .creative{ float:left; width:230px; margin-right:4.2em;}

			footer article .creative p{ padding-left:0;}

			footer article .creative p a{ color:#DE6800;}

			footer article .creative img{ display:block;}
			footer article .creative small{ font-family:Georgia, "Times New Roman", Times, serif; font-size:1.1em; line-height:1.2; display:block; padding:0.4em 0 0;}

		footer article.third a img.html5{ float:right; margin-right:2em; margin-bottom:1em;}


::selection {background-color:#FFCC00;  color:#333333; padding:5px;}
::-moz-selection {background-color:#FFCC00; color:#333333; padding:5px;}

@media screen and (max-width: 795px) {
       #wrapper{
        width:90%;
      }
      #content2{
        width:100%;
      }
      #sidebar-left{
          width: 100%;
          clear:both;
          border-top: solid 1px #8C8C8C;
          margin:10px 0px 10px 0px;
          padding-top:10px;
      }
}

.clearfix:after { height:0; line-height:0; display:block; visibility:hidden; clear:both; content:"." }
.clearfix { display:inline-block; margin:1em 0 0; }
html[xmlns] .clearfix { display:block }
* html .clearfix { height:1%; }

#web {  margin:0 auto; padding:1.5em 3em; }
.standard h2{ color:#777777; font-family:'Museo500Regular',sans-serif; font-size:2.4em; font-weight:normal; height:auto; line-height:1.1; padding:0.2em 0.7em 0em 0;}
.standard strong.subtitulo{ display:block; font-size:1.4em; padding-bottom:1.2em; padding-top:0.5em; color:#777777;}
ol{ padding:0 0 3em 2.4em; }
	ol li { background-color:#fff; list-style-type:decimal; list-style-position:outside; font-size:1.4em; line-height:1.4; padding:0.5em 2em 0.5em 1em;}
		ol li strong{ color:#E64B07;}
	ol li:first-child{ padding-top:1em;}
	ol li:last-child{ padding-bottom:1em;}
	ol li code { font-weight:bold; font-size:1.2em;}
ol.none{ padding:1em 0;}
	ol.none li{ list-style-type:none;}
	ol.none.boiler li{ background-color:#222826; float:left; width:100%;}
		ol.none.boiler li img{ float:left;}
		ol.none.boiler li span{ float:left; color:#ffffff; padding:1.7em 0 0 0.5em; font-size:1.1em;}
			ol.none.boiler li span a {color: #E64B07;}
.modelo { background-color:#fff; font-size:1.6em; padding:0; margin:1.5em 0 3em; line-height:1.2;}
	.modelo ul{  margin:0 0 0 3em;}
		.modelo ul li{ margin-top:-1.7em;}
			.modelo ul li strong{ color:#E64B07;}
			.modelo ul li span{ font-size:1em; line-height:1;}
.boilerplate{ margin:0; padding:0;}

ul.none{ padding:0 2em 2em 1em; background-color:#fff; font-size:1.4em; line-height:1.4; display:block;}
	ul.none li{ line-height:2;}
	ul.none li a{ color:#de6800;}

#formulario span{ color:#E64B07; font-size:1.4em; display:block; padding-bottom:0.3em;}
	#cargos { float:left; overflow:auto; list-style:none; padding:0; font-size:1.4em; line-height:1.4; height:335px; width:280px; margin:0.5em 0; }
		#cargos li { padding:0.25em 0; background-color:#fff; margin-bottom:0.1em; cursor:pointer; clear:both; float:left; width:258px;}
		#formulario #cargos li label { float:right; width:235px; clear:both; }
		#formulario #cargos li input{ float:left; margin:0.3em 0 0 0.4em;}
	#formulario #creatxt { float:right;  margin:0.5em 0 0 1em; height:335px; }

.botongenera { clear:both; padding:1em;  }
	.botongenera ul.extras-std{ float:left; font-size:1.4em; line-height:1.4; margin:0.5em 0;}
		ul.extras-std li{ padding:0.25em 0;}
		.botongenera input#boton_generar { background-color:#E64B07; border:0 none; color:#ffffff; font-family:'Museo500Regular',Arial,sans-serif; font-size:1.4em; padding:0.7em; width:auto; margin:1em 0 0 11em; cursor:pointer; }


#email, #twitter, #facebook, #sendushumanstxt { font-size:2em; font-weight:bold; text-decoration:none; text-align:center; background-color:#333333;float: left;margin:3px 10px 3px 0px;padding:10px 10px 10px 10px; -moz-border-radius: 7px; border-radius: 7px; -webkit-border-radius: 7px; display:block; cursor:pointer;}

#sendushumanstxt{font-size:1.2em; margin-left:15px; width:auto;}
#email a, #twitter a, #facebook a, #sendushumanstxt a{color:#FFF;}

#email:hover{ background-color:#FFCC00;}
#twitter:hover{ background-color:#00CCFF;}
#sendushumanstxt:hover{background-color:#FFCC00;}
#facebook:hover{ background-color:#3b5998;}


.tweet							{ float:left; width:300px; height:105px; margin:0 30px 0px 0; background:#4e4e4e url(http://humanstxt.org/img/bg-tweet.png) top left no-repeat }
.tweet:nth-child(3n) 			{ margin-right:0 }
.tweet 							{ line-height:1.7; color:#fff; background-color:#4e4e4e; }
.tweet .tweet_list				{ list-style-type:none; margin:11px 0 0 22px; padding:0; overflow-y:hidden }
.tweet .tweet_list li			{ overflow-y:auto; overflow-x:hidden; padding:9px 14px }
.tweet .tweet_list li a		{ color:#ed8151 } 






@media only screen
and (min-width : 768px)
and (max-width : 1000px)
{

	#wrapper{
		width: 768px;
	}

	#toppanel{
		width: auto;
	}

	#panel{
		height: 390px;
	}

	#panel .content{
		width: auto;
	}

	#panel .content .right ul li img{
		display: block;
		float: none;
		margin-bottom: 3px;
	}

	#panel .content .right ul li ul.formats{
		display: inline-block;
		margin-left: 5px;
	}

	#panel .logo-share{
		width: auto;
	}

	#panel .content .left{
		width: 227px;
	}

	.margin{
		width: 768px;
	}

	header{
		width: auto;
		position: relative;
		margin-top: 30px;
		padding: 0 20px;
	}

	img.logo{
		margin-left: 0;
		float: none;
	}

	.socialmedia{
		float: none;
		position: absolute;
		top: 1em;
		right: 0;
		margin-top: 0;
		width: 150px;
	}

	nav{
		width: 728px;
		margin: 0 auto;
	}

	#content2{
		width: auto;
		overflow: hidden;
		padding: 0 20px;
	}

	#content2 section{
		width: auto;
	}

	#content2 section.intro article{
		width: 354px;
		height: 218px;
		margin-left: 2em;
	}

	#content2 section.intro article img{
		width: 110px;
		height: 110px;
	}

	#content2 section:nth-of-type(2), #content2 section:nth-of-type(3){
		overflow: visible;
	}

	#content2 section article{
		width: 354px;
		margin-top: 2em;
		margin-left: 2em;
	}

	#content2 section article img{
		display: block;
		margin: 0 auto;
	}

	#content2 section:nth-of-type(2) article:last-of-type, #content2 section:nth-of-type(3) article:nth-of-type(2){
		margin-left: 0;
	}

	#content2 section:nth-of-type(3) article:first-of-type{
		margin-left: 2em;
	}

	#content2.team section{
		overflow: hidden;
	}

	#content2 article.envio{
		width: auto;
	}

	#content2 article.envio textarea{
		width: 550px;
	}

	footer{
		width: auto;
		margin-top: 2em;
		padding: 0 20px;
	}

	footer article, footer article.second{
		width: 354px;
		margin-left: 2em;
	}

	footer article.third{
		width: auto;
		clear: both;
		float: none;
		padding-top: 2em;
	}

	footer article .creative{
		width: 354px;
		margin-right: 4em;
	}

	footer article.third > a{
		float: right;
	}

	footer article.third > a:last-of-type{
		padding-top: 2em;
		margin-right: 2em;
	}
}



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

		#toppanel{
			display: none;
		}

		#wrapper{
			width: 300px;
			padding: 0 10px;
			margin: 0 auto;
		}

		header{
			width: auto;
			position: relative;
			padding: 0 10px;
		}

		.lang{
			right: 0;
		}

		img.logo{
			margin-left: 0;
			float: none;
			width: 278px;
			height: auto;

		}

		.socialmedia{
			display: none;
		}

		nav{
			width: auto;
			margin: 0 auto;
			padding: 0.8em 0 2em;
		}

		nav ul{
			width: auto;
		}

		nav ul li{
			margin-bottom: 3px;
			display: inline-block;
			float: none;
		}

		#content2{
			width: auto;
			overflow: hidden;
		}

		#content2 h1{
			font-size: 2.6em;
		}

		#content2 section{
			width: auto;
			padding-bottom: 0;
		}

		#content2 article{
			height: auto;
		}

		#content2 article h2, #content2 section.intro article h2{
			font-size: 2em;
		}

		#content2 section.intro article{
			width: auto;
			height: auto;
			margin-left: 0;
			margin-bottom: 2em;
		}

		#content2 section.intro article img{
			width: 75px;
			height: 75px;
		}

		#content2 section article{
			width: auto;
			margin-bottom: 2em;
			margin-left: 0;
		}

		#content2 section article img{
			display: block;
			width: 300px;
			height: auto;
		}

		#content2 section:nth-of-type(2) article:last-of-type, #content2 section:nth-of-type(3) article:nth-of-type(2){
			margin-left: 0;
		}

		#content2.team section{
			overflow: hidden;
		}

		#content2 article.envio{
			width: auto;
		}

		#content2 article.envio textarea{
			width: 550px;
		}

		footer{
			width: auto;
		}

		footer article h3{
			font-size: 1.5em;
		}

		footer article, footer article.second{
			width: auto;
			margin-left: 0;
			margin-bottom: 2em;
		}

		footer article.third{
			width: auto;
			clear: both;
			float: none;
		}

		footer article .creative{
			width: auto;
			padding: 0 1.7em;
			margin-right: 0;
			margin-bottom: 1em;
		}

		footer article.third > a{
			float: left;
			margin-left: 1.7em;
		}

		footer article.third > a:last-of-type{
			margin-left: 1em;
			padding-top: 2em;
		}

		footer article ul{
			margin-top: 0;
		}

		#email, #twitter, #facebook, #sendushumanstxt{
			padding: 5px 10px;
		}

		.standard h2{
			font-size: 2em;
		}

		.modelo{
			overflow: auto;
			margin-bottom: 1em;
		}

		ol.none.boiler{
			padding-top: 0;
		}

		ol.none.boiler li{
			width: auto;
			text-align: center;
			padding: 0 0.5em 0.5em;
			margin-bottom: 2em;
		}

		ol.none.boiler li img{
			float: none;
		}

		ol.none.boiler li span{
			padding: 0;
		}

		#content2 article.hteam{
			margin: 0 0 4em;
		}

		#content2 article.hteam:first-child{
			margin-left: 0;
		}

		#content2 article.envio input{
			width: 100%;
		}

		#content2 article.envio textarea{
			width: 100%;
		}

		#content2.team{
			padding-bottom: 0;
		}
}


.farewell_submit_form {}

.farewell_submit_form .wrapper {
	padding: 20px 0;
}

.farewell_submit_form  p {
	color: #777;
  font-family: 'Museo500Regular',sans-serif;
  font-size: 16px !important;
}

.farewell_submit_form .signature_divider {
	margin-top: 2em;
	margin-bottom: -1em;
}

@media all and (min-width: 768px ) {
	.farewell_submit_form .wrapper {
		padding: 60px 20px;
		margin: 0 auto;
		max-width: 600px;
	}

	.farewell_submit_form  p {
	  font-size: 20px !important;
	}
	.farewell_submit_form  p + p {margin-top: 1em;}
	.farewell_submit_form  p span {
		display: block;
		font-size: inherit !important;
	}
}