@media (max-width: 360px) and (max-height: 640px)
				.marg {
				    margin-top: 28% !important;
				}
			}


			@media only screen and (min-width:768px) and (max-width:875px) {
				.marg {
				    margin-top: 25% !important;
				}
				.medlin {
				    width: 50% !important;
				    margin-bottom: 1em !important;
				}

			}
			
			@media (min-width: 320px) and (max-width:675px){
					.medlin {
					    width: 69% !important;
					}
				
				.dev {
					font-size: 1.2em;
					color: #565656;
				}
				
				
				.marg {
					margin-top: 38% !important;
				}

				.mr-top {
					margin-top: 4.9em !important;
				}				

					p {
						font-family: 'Open Sans', sans-serif !important;
						font-size: 1.1em;
						margin-top: 7%;
						color: #fff !important;
						margin-bottom: 0;
					}
					
				.wpp {
					color: #fff !important;
					padding-top: 0.2em !important;
					margin: 3px 6px 1px 1px;
					font-size: 1.3em;
				}
				
			}
			
			.marg {margin-top: 15%;}
					
				.wpp {
					color: #fff;
					font-size: 1.55em;
					padding-top: 0.2em;
					margin-left: 8px;			
				}
			
			body, html {
				background: url('../img/bg_bsb.jpg') center no-repeat;
				background-size: cover;
				margin:0;
				padding:0;
				height: 100%
			}
			
			.mr-top {margin-top: 8em;}

			#particle-canvas {
				width:100%;
				height:100%;
			}
			
			.posi {
				z-index: 9999;
				position: absolute;				
			}
			
			h3 {
				color: #565656;
				font-family: 'Open Sans', sans-serif;
				font-size: 1.35rem;
				
			}
			
			.linkee {text-decoration:none;}
			
			p {
				color: #fff;
				font-family: 'Open Sans', sans-serif;
				font-size: 1.35em;
				margin-bottom: 0.2em;
			}
			
			.branco {color: #fff;}
			
			.margem {margin: 0 auto;}
			
			.medlin {
			    width: 25%;
			    margin-bottom: 1em;
			}