@import url('http://fonts.cdnfonts.com/css/sofia-pro?styles=17636,17637,17630,17640,17631,17641,17632,17633,17634,17635,17638,17639,17628,17629,17626,17627');

*{
    box-sizing: border-box;
padding: 0;
border: 0;
margin: 0;
font-family: 'Sofia Pro', sans-serif;
}
/*HEADER*/
header {
    background-color: white;
    padding: 2em 1em 1em 1em;
    display:flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    box-shadow: 0 4px 2px rgba(0, 0, 0, 0.10);
}
a {
    text-decoration: none;
}
ul {
    list-style: none;
    padding:0;
}
#logo {
    width: 80%;
}
#logo figure img {
    max-width: 100%;
}
#logo figure {
    width:20%;
}
#menu-btn {
    display: none;
}
header label:hover {
    cursor: pointer;
    background-color: #d6364a;
}
.menu {
    display: none;
}
.slider {
    margin:0 0 0 15em;
}
#tituloscatalogo{
    background-color:#d6364a;
    display:flex;
    justify-content: space-between;
    padding: 1em 1em 1em 2em;
    align-items: flex-start;
    margin:2em 0 0 0;
}
#titulosforo{
    background-color:#0098bc;
    display:flex;
    justify-content: space-between;
    padding: 1em 1em 1em 2em;
    align-items: flex-start;
    margin:2em 0 0 0;
}
#tituloscharlas{
    background-color:#eda217;
    display:flex;
    justify-content: space-between;
    padding: 1em 1em 1em 2em;
    align-items: flex-start;
    margin:2em 0 0 0;
}
h1 {
    color:white;
    font-weight: 300;
}
.catalogo ul li a img {
    max-width: 20em;
    margin: auto;
}
.catalogo ul {
    display: flex;
    justify-content: left;
    align-items: stretch;
    margin:1em 0 0 2em;
}
.catalogo ul li {
    max-width: 20em;
    margin-bottom: 3em;
    margin-right: 2em;
}
.catalogo nav ul li div h2{
    color:black;
    font-weight:bold;
    font-size:medium;
}
.catalogo nav ul li div p {
    font-weight:lighter ;
}

/*---*/



/*menú botón para compu*/ 
@media screen and (min-width: 1200px) {
header label {
    display: none;
}
#logo {
    width: 50%;
}
.menu {
    display: block;
}
.menu {
    display: flex;
    justify-content: flex-end;
}
.menu li {
    margin: 0 1em 0 1em;
}
.menu li a {
    color:black;
}
.menu li a:hover {
    color: #d6364a;
}
}