@import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic);
@import url(https://fon   ts.googleapis.com/css?family=Crete+Round);


html {
background-color:white;
}

.socialmedia {
  float:left;
height: 50px;
 }

 .socialmedia ul {
 list-style-type: none;
 padding-left: 10px;
 }

  .socialmedia ul li {
 display: inline;
 }

.socialmedia ul li a {
display: inline;
font-size: 2.5em;
float: left;
margin-right: 5px;
color: #34B297;
}

#tituloregistrate{
color: #1B1C20;
font-family: 'lato';
float: left;
width: 10%;}

#footer  {
     width: 100%;
     padding: 8px 15px;
    box-sizing: border-box;
    bottom: 0;
    clear:both;
    color:black;
    font-size: 10px;
    font-family: 'crete round';
    background-color: lightgrey;

     }
#footer p {
   padding-left: 9%;
   width: 45%;
   margin-left: 20px;}

nav {
 margin-left: 10%;
 margin-right: 10%;}

body {
	height: 100%;
	padding-top: 50px;
	padding-left:20px;
	padding-right: 7px;
  background-color:white;
	font-size: 12px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: normal;
	color: #E8E8F0;
  margin-top: 0px;

  }

.socialmedia {
  float:left;
  width: 37%;
}

#logo {
  margin-left:20%;
  width: 10%;
  margin: -70px auto 0 0;
	margin-left: 10%;
}

#texto {
  width: 37%;
  float: left;
  margin-left: 1%;
}

.contenedor { margin-top: 30%;}

.googleplay {
  width:12%;
  margin-left: 1%;
 }

 iframe {
   margin-left: 10%;
   margin-top: 2%;
   float: left;
   width: 50%;
   height: 300px;
    display: flex;}


 #texto h3 {
 font-family: 'crete round';
 color:#D8544F;
 font-size: 12px;
 margin-bottom: 1%;
 margin-top: 5%
 }

 #texto p {
     margin-top: 0;
     font-family: 'crete round';
     color:black;
     font-size: 12px;
     float: left;
 }

/* header menu */

ul.topnav {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: white;
}

ul.topnav li {
float: right;
}

ul.topnav li a {
font-family: 'lato';
display: inline-block;
color: black;
text-align: center;
padding: 14px 16px;
text-decoration: none;
transition: 0.3s;
font-size: 14px;
}

ul.topnav li ul {
display: none;
}

ul.topnav li ul:hover {
display: block;
}
ul.topnav li a:hover {
background-color: #34B297;
}

ul.topnav li.icon {
display:none;
}



@media screen and (max-width:1000px) {
    ul.topnav li:not(:first-child)
        {display:none;}
    ul.topnav li.icon {
        float: right;
        display: inline-block;
    }
    body {
      margin-left: 0px;
      margin-right: 0px;
      }
}

/*esto de abajo es pantalla chica*/
@media screen and (max-width:680px) {
    ul.topnav.responsive
        {position:relative;}
    ul.topnav.responsive li.icon {
        position:absolute;
        right: 0;
        top: 0;
    }
    ul.topnav.responsive li {
    float: none;
    display: inline;
    }
    ul.topnav.responsive li a {
    display: block;
    text-align: left;
    }

  iframe {
      margin-left: 2%;
      width: 93%;
      display: flex;}

.contenedor { margin-top: 3%;}

#logo {
  margin-left:10%;
  width: 20%;
  margin-top: -25%;
	margin-left: 10%;
}

#texto h3 {
margin-top: 2%;
}
#texto{
margin-top:0%;
width: 100%;
margin-left: 3%;
clear: both;}

#footer  {
     width: 90%;
     }

#footer p {
  margin-left: 1%;
     width: 80%;
     }

  .googleplay {
    clear: both;
    float: left;
       width:35%;
       margin-left: 3%;

      }



 }