/* *** Aniversário do CURSO PD/ADS *** */
        
    * {box-sizing: border-box; padding: 0; margin: 0;
    }
    @font-face {
        font-family: ojuju;
        src: url(../fonts/ojuju/Ojuju-VariableFont_wght.ttf);    
    }
    @font-face {
        font-family: roboto-light;
        src: url(../fonts/roboto/RobotoSlab-Light.ttf);    
    }
    .cor1 {
        color:#2c3e50; 
    }
    div .corback1 {
        background: #800000;
    }
    div .corback2 {
        background: #fcf4e8; 
    }
    div .corback3 {
        background: #ececec;
    }
    body {
      font-size: 20px;    
      color: #343455; 
      font-family: Arial, Verdana,Tahoma;
      font-family: roboto-light, sans-serif;
      background-color: #373737; 
      max-width: 1200px; 
      margin: 0 auto;    
    }
    #cabec {
        background-color: #fff; 
        padding-top: 5px;
        padding-bottom: 0;
        text-align: center;
    }
    header {
        background-color: #fff;
        width: 100%;
    }
    .slogan {
        font-size: 1.2rem;
        font-family: ojuju;
        font-weight: 500;
        color: #cbb68c; 
        margin: 0 2%;
        padding-top: 0;
    }
    .conteudo {
        display: flex;
        flex-direction: column;
    }
    .conteudo .fig {
        width: 100%;
        margin: 0 auto;
        text-align: center;
        filter: sepia();
    }
    .conteudo .fig img {
        width: 12%;
        height: auto;
        padding: 7px 1%;
        border: solid 2px #e0cc77;
        border-radius: 48%;
    }
    .solo {
        margin: 0 auto; 
        background-color: #f3f3f3; 
    }
    .fundo1 {
        background-color: #333333e6; 
        background-image: url("../images_ads_niver/dourado.jpg");
        background-position: right;
        background-repeat: no-repeat;
        background-size: cover;
        background-blend-mode: color-burn; 
        text-align: center;
        font-size: 1rem;
        height: 181px;
    }
    .fundo1 i {
        color: #e0cc77;
    }
    footer .fundo1 {
        height: 120px; 
        padding: 20px 0;
        margin-bottom: 30px;
    }
    fieldset {
        margin: 0 auto;
        padding: 0 5%; 
        background-color: #f3f3f3; 
        border: none;
    }
    .field_flex {
        display: flex;
        flex-direction: column;
        align-content: center;
        text-align: center;
        padding-top: 45px;
        padding-bottom: 5px;
        padding-left: 7%;
        padding-right: 7%;
        margin-bottom: 40px;
    }
    .field_flex img {
       border: solid 2px #e0cc77; 
       border-radius: 4px;    
       padding: 6px;  
       background-color: #fff; 
    }
    .field_flex.fotos img {
       filter: sepia();
    }
    figcaption {
       color: #700; 
       font-size: .9rem;
       margin-bottom: 20px;   
    }
    div.doc div {
       border: solid #e0cc77 1.2px; 
       border-radius: 4px;    
     padding: 20px 3% 10px 3%;
       margin-bottom: 15px;    
       background-color: #fcf4e8; 
    }
    div.doc div img {
       border: solid #fff 1px; 
    }
    div.doc div figcaption {
       padding: 10px 2% 0 2%; 
       margin-bottom: 0;
       height: 100%; 
    }
    .padd_lr {
        padding-left: 3%;
        padding-right: 3%;
    }
    span.menu {
        text-align: center;
    }
    .barralinks1 {
        max-width: 1000px;
        margin: 0 auto;
        text-align:center; 
        margin-top: 0;
        margin-bottom: 15px;
        height: 50px;
        display: flex;
        justify-content: space-evenly;
        background: #333;
    }
    a {
        text-decoration: none;
        flex-grow: 1;
    }
    .barralinks1 a {
        padding-top: 10px;
        display: inline-block;
    }
    .barralinks1 a:link, .barralinks1 a:visited {
        color: #ffffff;
    }
    .barralinks1 a:hover, .barralinks1 a:focus, .barralinks1 a:active {
        color: #cbb68c; 
        background-color: rgba(149, 0, 0, .6); 
    }
   .padding_lr {
      padding-left: 5%;
      padding-right: 5%;
    }

/* *** Fontes *** */

    h1 {font-size: 110%; 
        text-align: center;
        color: #fff; 
        padding: 7px 2% 0 2%;
        margin-top: 0;
        margin-bottom: 0;
        box-sizing: border-box;
        font-family: roboto-light, sans-serif;
        font-weight: 900;
    }
    h3 {
        text-align: center;
        padding: 30px 2% 0 2%;
        text-transform: uppercase;
        font-weight: 900;
    }
    h4 {
        color: #700;
        padding: 40px 2% 10px 2%;
        text-align: center;
        font-weight: 900;
    }
    h5 {
        padding-top: 15px;
    }
    p {
       padding: 15px 2% 0 2%;
       line-height: 35px;
    }
    p#msg {
       text-align: center; 
       font-size: 1rem; 
       color: #cbb68c; 
       padding: 7px 0;
    }    
    ul.lista1 {
       padding-left: 4%; 
       font-size: 1.07em;     
    }
    #anima {
       padding-top: 15px; 
    }
/* *** RESPONSIVO *** */  

    @media screen and (min-width: 455px){
        .barralinks1 a {
             padding-top: 15px;
        }    
    }
    @media screen and (min-width: 580px){
        .barralinks1 a {
            padding-left: 1.5%;
            padding-right: 1.5%; 
        }    
    }
    @media screen and (min-width: 600px){
        #container1 header #logo, 
        #container1 header #logo1 {     
            width: 130px;
        }
        #container1 header #logo2 {     
            width: 187px;
        }
        .field_flex {
            flex-direction: row;
            flex-wrap: wrap;
            justify-content: center;
        }
        .field_flex.doc {
           display: flex;
           flex-direction: column; 
           justify-content: space-evenly;    
        }  
    }
    @media screen and (min-width: 900px){
        #container1 header #logo, 
        #container1 header #logo1 {     
            width: 150px;
        }
        #container1 header #logo2 {     
            width: 220px;
        }
        .padding_lr {
            padding-left: 7%;
            padding-right: 7%;
        }     

    /* *** ANIMAÇÃO *** */

        #anima {
           position: relative; 
           animation-name: example;
           animation-duration: 5s;
        }
        @keyframes example {
           0% {transform: rotateX(150deg);} 
           25% {transform: rotateX(0deg);} 
        }
    }
    @media screen and (min-width: 1087px){
        .field_flex.doc {
           display: flex;
           flex-direction: row; 
           justify-content: space-evenly;    
        }  
   }
   @media screen and (min-width: 1200px){
       .field_flex.doc {
           flex-direction: row;
           flex-wrap: nowrap; 
           justify-content: space-evenly;    
        } 
    }       
    @media screen and (min-width: 1200px){
        .padding_lr {
            padding-left: 10%;
            padding-right: 10%;
        } 
/* *** Fontes *** */

        h2 {
            font-size: 16px;
        }
           .barralinks1 a {
              font-size: 1rem; 
        }             
        h3 {
          font-size: 1.4rem; 

        }
        h4 {
            font-size: 1.2rem; 

        }
        h5 {
            font-size: .9rem; 

        }
        p {
            font-size: 1rem; 
        }
        ul.lista1 {
           font-size: 1rem;     
        }
     }