#title {
  padding: 8em 0 .8em 0;
  background-color: #ffffff;
}

#title h1 {
  padding: .5em 0 .5em 0;
  text-align: left;
  color: #333333;
}

#side-d {
	padding: 2em 0 2em 0;
}

	#side-d .inner{
		display: -ms-flexbox;
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-moz-flex-direction: row;
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row;
    font-size: 1.4em;
 
         
	}

	#side-d .pau{
		width: 100%;
		padding: 0.2em;
	}

		#side-d .inner article:first-child {
			padding-right: 6em;
			width: 70%;
			text-align: justify;
      font-size: 18px;
		}

		#side-d .inner article:last-child {
			background-color: #333333;
			padding: 1em;
			width: 30%;
			color:#ffffff;
			text-align: justify;
      font-size: 14px;
		}

			

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

			#side-d {
				padding: 4em 0 2em 0;
			}

				#side-d .inner {
					-moz-flex-direction: column;
					-webkit-flex-direction: column;
					-ms-flex-direction: column;
					flex-direction: column;
				}

				#side-d .pau{
					width: 20%;
					padding: 0.2em;
				}

						#side-d .inner article:first-child {
							padding-right: 0;
							padding-bottom: 2em;
							width: 100%;
						}

						#side-d .inner article:last-child {
							background-color: #ffffff;
							color:#000000;
							padding-left: 0;
							padding-top: 2em;
							width: 100%;
						}

		}

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

			#side-d {
				padding: 2em 0 0.1em 0;
			}

		}