/*

Web teaser POWER TO CODE
Developed by Miriam Urbano para Power to Code

Copyright © 2018 - POWERTOCODE.ORG
*/

/*---ESTILOS---*/
*{margin: 0px; padding: 0px;}
body{background-color: #ff954a; background-position: center center;  background-repeat: no-repeat; background-attachment: fixed; background-size: cover;}
body{font-family: "Open Sans", serif;}

#cabecera {position: relative; text-align: center; margin-bottom: 50px;}
#logo img{width: 300px;}
#logo a{color: #fff; text-decoration: none;}
#logo a:hover{color: #fff; text-decoration: none;}

#icons {position: absolute; top: 20px; right: 20px;}
#social ul {padding-right: 0px; padding-left: 0px; padding-bottom: 0px; padding-top: 0px; margin: 0px;}
#social li {list-style-type: none; display: inline; padding-right: 10px;}
.fb {width: 25px; height: 25px; margin-right: 7px;}
.tw {width: 25px; height: 25px; margin-right: 7px;}
.inst {width: 25px; height: 25px; margin-right: 7px;}
.linkedin {width: 25px; height: 25px; margin-right: 7px;}

#container{width:600px; margin:auto; text-align: center}
.informacion {margin-bottom:35px}
.informacion p {color:#fff; font-size: 16pt;}
.embajadores {margin-bottom:50px}
.embajadores p {color:#fff; font-size: 16pt;}
.colaboracion {margin-bottom:15px}
.colaboracion p {color:#545454; font-size: 20pt; font-family: "Circular", sans-serif;}
iframe{position:absolute; height:100%; width:100%; top:0px; left:0px;}

#navigation {position: relative; margin-top: 50px; text-align: center; margin-bottom: 70px;} 
#navigation ul {padding-right: 0px; padding-left: 0px; padding-bottom: 0px; padding-top: 0px; margin: 0px;}
#navigation li {list-style-type: none; display: inline; padding-right: 10px;}
.blog{margin-left: 15px;}

/*---TABLET---*/
@media only screen and (max-width: 700px){
    #container{width:400px; margin:auto; text-align: center}
    #cabecera {margin-top: 100px;}
}

/*---SMARTPHONE---*/
@media only screen and (max-width: 450px){
    #cabecera {margin-top: 75px;}
    #logo{width: 200px;}
    #container{width:300px; margin:auto; text-align: center}
    .fb {width: 20px; height: 20px; margin-right: 5px;}
    .tw {width: 20px; height: 20px; margin-right: 5px;}
    .inst {width: 20px; height: 20px; margin-right: 5px;}
}

/*---PANTALLA GRANDE---*/
@media only screen and (min-width: 1280px){
    #container{width:900px; margin:auto; text-align: center}
    #video{height:0px; width:100%; max-width:860px;}
    #slideshow {height:0px; width:100%; max-width:900px;}
    #navigation {margin-top: 80px;}
    #soon {font-size: 40px;}
    #logo {font-size: 80px;}
}

/*---MAILCHIMP---*/
#mc_embed_signup{background:transparent; clear:left; font:14px Helvetica,Arial,sans-serif; width:100%; display: flex; aling-items: center;justify-content: center;;}
#mc_embed_signup input.button {background-color: #545454; padding: 5px; font-family: "Circular", sans-serif; color: #fff; font-size: 12pt; display: block;}
#mc_embed_signup label {color: #fff; font-family: "Open Sans", sans-serif; font-size: 13pt;}
#mc_embed_signup input {display: block; margin-bottom: 15px; margin-top: 15px; padding: 5px;}