deivid best

css/home.css

@@ -11,7 +11,7 @@ src: url('../fonts/OpenSans-Light.ttf');
 }
 html, body{
 font-family:'openSans';
-font-size: 14px;
+font-size: 20px;
 margin: 0;
 padding: 0;
 height: 100%;
@@ -64,14 +64,83 @@ margin: 0 10px;
 	text-align: center;
 }
 
-/*		US		*/
-.us{
+
+/*		SECCION	*/
+.seccion{
+width: 100%;
+}
+
+.content{
+width: 80%;
+margin: 0 auto;
+padding: 40px 0;
+
+}
+
+/*		SECCIONES*/
+
+#us{
 	background-color: #A8A39D;
-	color: #E2DDD9;
-	width: 100%;
-	height: 30%;
+	color: #F8F1E9;
+	height: 700px;
+	background-image: url('../images/shitti.png');
+	background-repeat: no-repeat;
+	background-position: center bottom;
+}
+.left{
+float: left;
+width: 40%;
+margin: 0 auto;
+
+}
+.rigth{
+float: right;
+width: 40%;
+margin: 0 auto;
+}
+
+#tati{
+background-color: #F7C9B8;
+}
+#deiv{
+background-color: #BBD2F4;
 }
 
+
+#whatdowedo{
+	background-color: #8D7966;
+	color: #F8F1E9;
+}
+
+
+/* 		ANIMACIONES	*/
+.coffee{
+    width: 100px;
+    height: 100px;
+    background-image: url('../images/taticup.png');
+	background-repeat: no-repeat;
+	background-position: center center;
+    position: relative;
+    -webkit-animation: slidein 2s; 
+    animation-name: slidein ;
+	animation-duration: 2s;
+	top: 80%;
+	left: 40%;
+
+}
+
+
+@-webkit-keyframes slidein {
+    from {left: 10%;}
+    to {left: 40%;}
+}
+
+@keyframes slidein {
+    from {left: 10%;}
+    to {left: 40%;}
+}
+
+
 /*		HEADERS	*/
 h1{
 	font-family: 'raleway';
@@ -80,7 +149,5 @@ h1{
 	border-bottom: 1px solid white;
 	text-decoration: none;
 	font-size: 40px;
-	width: 21%;
-	padding: 30px;
-	margin: 0;
+	padding: 20px;
 }