* 
{
font-family:arial;
line-height:2;
margin:0;
padding:0;
text-align:center;
letter-spacing:0.4px;
}
*, *:before, *:after 
{
box-sizing:border-box;
}
div 
{
display:inline-block;
margin:10px;
padding:20px;
vertical-align:top;
}
.card 
{
width:500px;
}
.card2 
{
width:90%;
max-width:1246px;
}
.card3 
{
width:300px;
}
hr 
{
margin:20px;
}
a, input[type=submit]  
{
color:black;
border-radius:24px;
border:none;
box-shadow:0 2px 4px 0 rgb(0, 0, 0, 0.2);
cursor:pointer;
background-color:white;
display:inline-block;
font-size:14px;
letter-spacing:0.4px;
margin:20px auto 0;
padding:8px;
text-decoration:none;
width:220px;
transition:0.4s;
-webkit-padding: 8px;
-webkit-appearance: none;
}
a:hover, input[type=submit]:hover 
{
color:white;
background-color:black;
}
a:active 
{
background-color:white;
color:black;
box-shadow:none;
}
form
{
display:inline-block;	
}
.a64 
{
background-color:white;
border:none;
border-radius:8px;
display:inline-block;
height:64px;
margin:16px;
padding:0;
width:64px;
}
.a64:hover 
{
background-color:#5384A4;
}
.menu 
{
overflow:hidden;
padding:8px 0;
position:relative;
width:90%;
max-width:1246px;
}
.menu #Links 
{
display:none;
border:none;
box-shadow:none;
margin:0;
padding:0 0 20px 0;
}
.menu span.icon 
{
background-color:rgb(255, 255, 255, 0);
border:none;
box-shadow:none;
color:black;
cursor:pointer;
display:block;
font-size:36px;
margin:0;
padding:0;
position:absolute;
right:0;
top:12px;
width:72px;
}
.active 
{
background-color:white;
color:black;
padding:0;
}
img 
{
width:400px;
height:225px;
margin:auto;
border-radius:8px;
}
img.logo 
{
width:240px;
height:80px;
display:block;
}
img.cursos 
{
width:800px;
height:300px;
}
img.conferencistas 
{
width:64px;
height:128px;
}
img.redes 
{
width:160px;
height:54px;
}
img.redes2 
{
width:64px;
height:64px;
}
input[type=radio] 
{
cursor:pointer;
margin:20px;
text-align:left;
}
input[type=text]
{
padding:8px;
width:300px;
}	
div.div80
{
width:70%;
text-align:center;	
}
@media screen and (max-width: 800px) 
{
div.div80
{
width:100%;
}	
	
.card, .card2, .card3 
{
width:100%;
margin:8px auto;
padding:10px 8px;
}
.menu 
{
width:100%;
margin:20px auto;
padding:8px;
}
img 
{
width:300px;
height:169px;
}
img.cursos 
{
width:300px;
height:113px;
}
img.logo 
{
margin:0;
}
}
h1 {font-size:40px;margin:20px 0;font-weight:700;line-height:1.2;text-align:center;}
h2, h3 {font-size:32px;margin:16px 0;font-weight:700;line-height:1.2;text-align:left;}
p {font-size:14px;line-height:2;text-align:left;}
b {font-weight:700;}
ol, ul, li 
{
text-align:left;margin-left:20px;line-height:2;font-size:14px;	
}