/*normalize.css*/
button,hr,input{overflow:visible}progress,sub,sup{vertical-align:baseline}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{padding:.35em .75em .625em}legend{color:inherit;display:table;max-width:100%;white-space:normal}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}
/*styles*/

*{
    box-sizing:border-box;
}

h1,h2,h3,h4,h5,h6{
    margin: 0;
}

html{
    color: #111;
    background: #e3ca3e;

    font-family: 'Open Sans', sans-serif;
    line-height: 1.25;
}

.read-only{
    display: none;
}

.fabio__info{
    width: 100%;
    max-width: 335px;
    /*background: white;*/
    position: absolute;
    top: 10px;
    left: 50%;
    transform: translateX(-50%);
}

@media only screen and (min-width:1024px){
    .fabio__info{
        top: 20px;
    }
}

.fabio__info-logo-zumba-area{
    margin-top: 10px;
}

.fabio__info-logo-zumba{
    display: inline-block;
    width: 259px;
    max-width: 100%;
    height: 0;
    padding-top: 20%;
    background: url(../img/zumba-logo.png) center / contain no-repeat;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}

.fabio__info-main-foto-area{
    margin-top: 10px;
}

@media only screen and (min-width:1024px){
    .fabio__info-main-foto-area{
            margin-top: 20px;
            margin-bottom: 10px;
    }
}

.fabio__info-main-foto{
    display: inline-block;
    width: 100%;
    max-width: 500px;
    height: 0;
    padding-top: 100%;
    background: url(../img/foto-fabio.jpg) center / contain no-repeat;
}

.fabio__info-title-area{
    padding: 10px 0 15px 0;
}

@media only screen and (min-width:1024px){
    .fabio__info-title-area{
        padding-bottom:25px;
    }
}

.fabio__info-title{
    font-weight: bold;
}

.fabio__info-subtitle{
    margin-top: 5px;
}

.fabio__info-social-area{
    padding-bottom: 20px;
}

.fabio__info-social{
    display: inline-block;
    padding: 10px 15px;
    width: 100%;
    box-sizing:border-box;
    /*background: grey;*/
    border-radius: 15px;
    margin-top: 15px;
    color: #fefefe;
    text-decoration: none;
}

.fabio__info-social:first-child{
    margin-top: 0;
}

.fabio__info-social.fabio__info-social--instagram{
    background: rgb(229,0,47);
    background: linear-gradient(90deg, rgba(229,0,47,1) 0%, rgba(203,0,127,1) 100%);
}

.fabio__info-social.fabio__info-social--youtube{
    background: #f00;
}

.fabio__info-social-icon{
    display: inline-block;
    background: center / contain no-repeat;
    vertical-align: middle;
}

.fabio__info-social-icon.fabio__info-social-icon--instagram{
    width: 27px;
    height: 30px;
    background-image: url(../img/instagram-icon-30.png);
}

.fabio__info-social-icon.fabio__info-social-icon--youtube{
    width: 30px;
    height: 30px;
    background-image: url(../img/youtube-icon-30.png);
}

.fabio__info-social-text{
    margin-left: 7px;
    vertical-align: middle;
}