body {margin: 0; padding: 0; font-family:arial,tahoma,sans-serif; }
#wrapper { display: flex; justify-content: center; align-items:center; flex-wrap: wrap; min-height: 100vh; }
.wrapper-bg-1 { background: linear-gradient(rgba(0,0,0,.8), rgba(0,0,0,.4)), url(images/bg_work.jpg) no-repeat center center; background-size: cover; }
.wrapper-bg-2 { background: linear-gradient(rgba(0,0,0,.8), rgba(0,0,0,.4)), url(images/bg_work2.jpg) no-repeat center center; background-size: cover; }
.wrapper-bg-3 { background: linear-gradient(rgba(0,0,0,.8), rgba(0,0,0,.4)), url(images/bg_work3.jpg) no-repeat center center; background-size: cover; }
.wrapper-bg-4 { background: linear-gradient(rgba(0,0,0,.8), rgba(0,0,0,.4)), url(images/bg_work5.jpg) no-repeat center center; background-size: cover; }
#content {background:rgba(255,255,255,0.7); padding: 24px; margin:32px 16px; box-sizing: border-box; border-radius: 12px; transition: all 0.3s ease-in-out; text-align: center;box-shadow: 0px 0px 8px rgba(0,0,0,0.4); max-width:800px; box-shadow: 0 0 5px 1px #000; }
.image-uc {filter: saturate(0); transition: all 0.3s ease-in-out;}
#content:hover .image-uc {filter: saturate(100%);}
h1 { font-size:1.5em}

/* NEWFORM.CSS*/
input[type=submit] {max-width:80px; transition: all 0.3s ease-in-out; background: #888; font-weight:bold; border: 0;	color: #fff;}
input[type=submit]:hover {box-shadow: 0 3px 8px 0 rgba(0,0,0,.17);background: #999;}
input {padding: 8px 16px;border-radius: 30px;border: 1px solid #ddd;transition: all 0.3s ease-in-out;position: relative; box-sizing: border-box;  margin: 8px 0; box-sizing: border-box} /*NON SERVE WIDTH: 100% QUI!!!*/

input:focus {border: 1px solid #999;}
/* NEWFORM.CSS*/