css ajustos, tipos iniciat

own.css

@@ -13,23 +13,58 @@ a:hover {
 a:active {
    color: #C85127;
 }*/
-<style>
-@font-face {
-    font-family: jauria;
 
-    src: local("Helvetica Neue Bold"),
-       local("HelveticaNeue-Bold"),
-       url(tipos/jauria/jauria-Italic-v.otf);
+@font-face {
+	font-family: 'jauria-bold';
+	src: url('tipos/jauria/jauria-Bold-v.otf');
+	src:
+		local('jauria'),
+		local('jauria'),
+		url('tipos/jauria/jauria-Bold-v.otf')
+		format('opentype');
+}
+@font-face {
+	font-family: 'jauria-cursiva';
+	src: url('tipos/jauria/jauria-Italic-v.otf');
+	src:
+		local('jauria'),
+		local('jauria'),
+		url('tipos/jauria/jauria-Italic-v.otf')
+		format('opentype');
 }
 
-.own-container{
-  padding-left: 80px;
-  padding-right: 80px;
+/* got */
+@font-face {
+	font-family: 'got-book';
+	src: url('tipos/got/got_light.ttf');
+	src:
+		local('got'),
+		local('got'),
+		url('tipos/got/got_light.ttf')
+		format('opentype');
+}
+
+body {
+    font: normal 18px 'got-book', sans-serif;
+}
+
+
+@media (min-width:900px) {
+  .own-container{
+    padding-left: 80px;
+    padding-right: 80px;
+  }
+}
+@media (max-width:900px) {
+  .own-container{
+    padding-left: 10px;
+    padding-right: 10px;
+  }
 }
 
 /* index */
 
-@media (min-width:550px) {
+@media (min-width:900px) {
   .own-indexBackgroundImage{
     width: 100%;
     /*height: 100%;*/
@@ -45,7 +80,7 @@ a:active {
   }
 }
 
-@media (max-width:550px) {
+@media (max-width:900px) {
   .own-indexBackgroundImage{
     /*width: 100%;*/
     height: 100%;
@@ -133,11 +168,12 @@ a:active {
   width: 400px;
   margin-left: auto; /*temporal*/
   margin-right: auto;
+  font-family: 'jauria-bold', sans-serif;
 }
 .own-subTitle{
   color: #ffffff;
-  font-style: italic;
   font-size: 24px;
+  font-family: 'jauria-cursiva', sans-serif;
 }
 .own-verkami{
   /*border: 1px solid #000000;*/
@@ -146,7 +182,7 @@ a:active {
 }
 .own-socialNetworks{
   /*margin-left: 2%;*/
-  margin-top: 5%;
+  margin-top: 15%;
   display: inline-block;
 }
 .own-socialNetwork{
@@ -161,7 +197,7 @@ a:active {
 .own-teaser{
   float: right;
   /*margin-right: 100px;*/
-  margin-top: calc(6% - 10px);
+  margin-top: calc(15% - 10px);
   color: #ffffff;
   font-weight: bold;
   font-size: 18px;