body {background-image: linear-gradient(120deg, #fdfbfb 0%, #ebedee 100%); font-family: Arial, Helvetica, sans-serif;}

header {background-image: url(../img/fadu.jpg);
    background-size: 1600px;
    background-repeat: no-repeat;}


h1 {color: #ffffff; 
    text-align: left;
    padding-left: 85px;}

p   {padding-left: 85px;}

div {text-align :center;
    width: 1425px;}



footer a{ text-align: center; 
        color: #91d7cf}

section article {padding: 1rem 3rem 1rem 3rem;}




.youtube {text-align: center;}

.iconospdf {width: 150px;
            height: 150px;}

.flexbox    {text-align: center;
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            justify-content: center;
            align-items: stretch;
            align-content: stretch;}

.inicio{text-align: left;
        padding-left: 85px;}

.links{padding: 5px}

.cat    {padding-left: 85px;}

.ocampo {color:#04334f ;}

.logo   {width: 300px;
        height: 300px;}


.legal {text-align: center;
        font-size: 0.8rem;
        color: white;
        background:#04334f;
        padding: 10px 0px 10px 0px;}





@media (max-width: 576px)
{

.logo{ width: 300px; height: 300px;
    margin: 0px 0px 0px 70px;
    display: block;}

header {background-image: url(../img/faduresponsive.jpg);
        background-size: 500px;
        background-repeat: no-repeat;}

.flexbox    {text-align: center;
            display: flex;
            flex-direction: column;
            flex-wrap: nowrap;
            justify-content: center;
            align-items: stretch;
            align-content: stretch;}

.imgdeyoutube {width: 400px;}

.textolegal{
    padding-right: 60px;
}



        }