JSFiddle - React, Tailwind, and code Playground

CSS

@import url(http://fonts.googleapis.com/css?family=Six+Caps);/*font-family: 'Six Caps', sans-serif;*/
@import url(http://fonts.googleapis.com/css?family=Simonetta);/*font-family: 'Simonetta', cursive;*/

/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block;}
mark, rp, rt, ruby, summary, time {display:inline;}

/* Global properties ======================================================== */
html, body {width:100%; padding:0; margin:0; height:100%;}

body {font-family:  Arial, Helvetica, sans-serif; 	 
	font-size:12px; 
	line-height:18px;
	color:#f1f1f1;
	background:#fff;
	min-width:1260px;}
		
.main{width:100%; min-height:100%;background: url(../fon/326.jpg) center 0; background-size:100% ; background-attachment:fixed; padding-bottom:20px;}
/***********************************************************************/
/*================================>Block-classes<==========================*/
.txt-dec-n{text-decoration:none !important;}
.txt-dec-u{text-decoration: underline;}
.txt-up-n{text-transform:none !important;}
.txt-up{text-transform:uppercase;}
.txt-al{text-align:center;}
.bold{font-weight:bold;}
.font-13{font-size:13px;color:#919191;}

.color{color:#ec7898;}
.color-1{color:#919191;}

.hov:hover{color:#000;}
.hov-1:hover{color:#ec7898;}

.border-none{border: none !important;}
.bg-none{background: none !important;}

.dis-block{display: block;}
.dis-inblock{display: inline-block;}

.marg-left-0{margin-left:0 !important;}	
.marg-right-0{margin-right:0 !important;}
.marg-left-right-0{margin-left:0 !important; margin-right:0 !important;}
.last-mbot{margin-bottom:0 !important;}	
.last-pbot{padding-bottom: 0 !important;}
.last-mpbot{margin-bottom:0 !important;padding-bottom:0 !important;}
/*===============================>Indent<==================================*/
.padd{margin:22px 0 10px...