@charset "utf-8";
/* CSS Document */

 *,*::before, *::after{
   box-sizing: inherit;
   /*margin: 2px 0;*/
 }
body {
    font-family: 'Montserrat', sans-serif;
    background-color: #404040;
    
    width: 100%;
    max-width:720px;
    margin: 0 auto;
}
.Bcard {
    width: 100%;
    
}
.headerCard img {
    width: 100%;
}
#mainCard{
    background-size:contain;
}
.mediumS{
    background: url(../../../Data/backgrounds/smartdesignv2-Fondo.png);
    width:100%;
    background-repeat: no-repeat;
    background-color: white;
}
.logo img {
    margin-top: 5px;
    margin-left: 15px;
    width: 15vw;
    max-width: 108px;
}
.person {

    text-align: center;
    text-transform: uppercase;
}
.personN {
    font-size: 1.5rem;
    font-weight: 400;
    
}
.xtra{
    font-size: 2rem;
    font-weight: 700;
    color: #263681;
    
}
.occupation{
    font-size: .5rem;
}
.selfie{
    text-align: center;
}
.selfie img {
    width: 45vw;
    max-width: 325px;
}
.panel {
    background-color: white;
    width: 100%;
    max-width:720px;
    margin: 0 auto;
    text-align: center;
}
.panel .social{
    position: relative;
    z-index: 5;
}
.panel .social .row {
    margin: 0px;
} 
.panel .social .col-3{
    padding: 0px;
} 
.panel img {
    max-width: 60%;
}
.description {
    width: 90%;
    margin: 0 auto;
}
.description p {
    padding-top: 10px;
    text-align: justify;
    color: black;
}
.nombredesc{
    font-size: 1.2rem;
    font-weight: 700;
    color: #263681;
}
.footer{
    padding: 10px;
    background-color: white;
}
.footerCard {
    width: 100%;
    max-width:720px;
}
.footerCard img {
    width: 100%;
    max-width:659px;
}