JSFiddle - React, Tailwind, and code Playground

HTML

<div class="header">
  <div class="name">
   Davide Scanu
  </div>
 </div>

CSS

@import url(http://fonts.googleapis.com/css?family=Noto+Sans:300italic,400italic,700italic,400,300,700);

@media screen and (max-width: 720px) {
	
	.name {
		text-align: center;
		width: 100%;
		left: -40px;
	}

}

body {
	margin: 0 !important;
	height: 100% !important;
	width: 100% !important;
	padding: 0 !important;
}

.header {
	background: #1BB444;
	width: 100%;
	height: 300px;
	padding-left: 40px;
	position: relative;
}

.name {
	font-family: 'Noto Sans', sans-serif;
	font-size: 60px;
	font-weight: lighter;
	color: #fff;
	position: absolute;
	top: 50%;
	margin-top: -41px;
}