html,
body {
    height: 100%;
}
::-moz-selection {
    background: #f2c2c9;
    color: #a4003a;
    text-shadow: none;
}

::selection {
    background: #16a085;
    color: #a4003a;
    text-shadow: none;
}
body {
    font-family: "Lato";
    font-weight: 300;
    font-size: 16px;
    color: #555;

    -webkit-font-smoothing: antialiased;
    -webkit-overflow-scrolling: touch;
}
/* Titles */



/* Paragraph & Typographic */
p {
    line-height: 28px;
    margin-bottom: 25px;
    color: #555;
}

#root{
    height: 95vh;
}
h1, h2, h3, h4, h5{
    line-height: 1.5;
}
#artigos{
	padding: 10px 10px;
	margin: 0px auto !important;
}
#artigos p{
    text-align: center;
	color: rgb(83, 81, 81);
}
#artigos h3, i{
    text-align: center;
	color:#000;
}
#artigos h1 {
	color:#ffffff;
	text-shadow: 2px 2px 2px #000;
}

.hero-unit{
    padding:60px;
    margin-bottom:30px;
    background-color:#eeeeee;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    border-radius:6px;
}
.hero-unit h1{
    margin-bottom:0;
    font-size:60px;
    line-height:1;
    color:inherit;
    letter-spacing:-1px;
}
.hero-unit p{
    font-size:18px;
    font-weight:200;
    line-height:30px;
    color:inherit;
}
.span7{
    width:540px;
}
.span5{
    width:380px;
}
.thumbnail img {
    width: 100%;
  }
.thumbnail{
    display:block;
    padding:4px;
    line-height:20px;
    border:1px solid #ddd;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    -webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.055);
    -moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.055);
    box-shadow:0 1px 3px rgba(0, 0, 0, 0.055);
    -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;
}
.thumbnail>img{
    display:block;
    max-width:100%;
    margin-left:auto;
    margin-right:auto;
}
.thumbnail .caption{
    padding:9px;
    color:#555555;
}
#banner {
    margin-top: 60px;
    height: 500px;
}
#banner h1{
    vertical-align: inherit;
}
#banner p{
    vertical-align: inherit;
    color: #333;
}
#banner blockquote{
    color: #555;
}
#banner h1 {
	color:#ffffff;
	text-shadow: 2px 2px 2px #000;
}
#banner img{
    margin-top: 25px;
}
.font-style {
    vertical-align: inherit;
}

.content {
    padding: 30px 0;
    background: url('../img/content.png');
  }
  .contentgray {
    padding: 30px 0;
    background: url('../img/content2.png');
  }
.navbar {
    background-color: #5c6c7d;
}
.img-svg {
    background-image: url(../img/content2.png);
    background-repeat: repeat;
  }
.widget-footer {
    padding: 3%;
    background-color: #EEEEEC;
    border-top: 1px solid #DDD;
  }
  .widget-footer p {
    margin: 0;
  }
  .widget-footer2 {
    padding: 2%;
    background-color: #EEEEEC;
    border-top: 1px solid #DDD;
  }
.p-sobre{
    text-align: justify;
}
.dropcap {
	background: #e4e1e1;
	color: #666;
	display: inline-block;
	float: left;
	font-size: 23px;
	font-weight: 600;
	height: 36px;
	line-height: 36px;
	margin: 0 7px 0 0;
	text-align: center;
	width: 36px;
	border: 1px solid #f6f6f6;
}

.dropcap.dark {
		background: #3a3a3a;
		color: #fff;
	}
	
.dropcap.color {
		background: #080808;
		color: #fff;
	}
#sobre h1 {
        color:#ffffff;
        text-shadow: 2px 2px 2px #000;
}