/* Tablet */
@media (min-width:701px) and (max-width:1200px){
   #top-h{
         width:100%;
   }
   p{
      font-size: 0.8em;
      padding:20px;
   }
    h1{
      font-size: 1.6em;
      font-family: Roboto;
      font-weight: 500;
  }
   /* Header */
  #top-h{
   text-align:center;
   margin:0;
   padding:10px 0;
   background-color:rgb(169, 184, 198);
   font-family: "Special Gothic Condensed One", sans-serif;
   font-size: 1.5em;
 font-weight: 100;
 font-style: normal;
 font-stretch:extra-condensed;
 font-variant-caps:all-small-caps;
 padding:0px;
}

#header-h{
  position:sticky;
  top:0;
  opacity:.9;
}
  #header-h{
   display:flex;
   justify-content:space-around;
   align-items: center;
   padding:0px 20px 0px 30px;
   border-bottom:1px solid lightgray;
   background-color: white;
   z-index: 10000;
}
/* End Header */
 .carrossel{
   width:100%;
   height:100%;
   margin: 0 auto;
   z-index:0;
}
.carrossel img{
  width:100%;
  height:100%;
  margin: 0 auto;
  z-index:0;
}
 body{
   background-color: #666;
}
    #logo img{
        width: 90px;
        height:30px;
        margin-top: 5px;
        padding:0px;
    }
    .menu{
     text-transform:uppercase;
     font-size: 1.2em;
 }
 .menu ul,li,a{
    list-style:none;

}
 /* Social links */
 .social{
   display:flex; 
   justify-content:space-between;
   align-items:center;
   width:10px; 
   height:10px;
   margin-right:50px;
   padding-top: 5px;

   /* display:none; */
}
.social img{
   width:20px; 
   height:20px;
   margin:0px 2px;
   /* display:none; */
}
h3{
   padding: 20px 30px;
}
/* Fonte do menu */
    .menu ul{
        display:flex; 
        justify-content:space-between;
        align-items:center;
     text-transform:uppercase;
     font-size:.7rem;
     padding:10px;
     letter-spacing:.2rem;
     text-decoration:none;
     color: black;    
 }
 .menu a{
    text-decoration:none;
    color: black; 
    padding:7px;       
}
.menu ul li a:hover{
    text-decoration:none;
    color: rgb(143, 78, 13); 
    background-color: rgba(255, 165, 0, .2);
    padding:15px; 
}
   .ham .bar{
   display:none;
    width:25px;
    height:2px;
    background-color:black;
    margin-bottom:6px;
    transition:all 0.3s ease-in-out;
 }
 .ham{
   display:block;
   cursor: pointer;
}
 /* Dropdown menu */

 .dropdown-itens{
    position:absolute;
    text-decoration:none;   
    display:none;
    background-color: rgb(255, 255, 255);
 }
 .dropdown:hover .dropdown-itens{
    display:block;
    padding: 8px;
     }
  /* Titulos */
    h1{
     text-align:center;
     margin:30px 0;
     font-size:1.5rem;
 }
  
 /* corpo */
.art {
    /* display: grid;
    grid-template-columns: auto auto auto;
   justify-content: space-around;
    align-content: center; */
   display:flex;
   justify-content:space-around;
   align-items: center;
    margin: auto;
    gap:10px;
    padding: 20px;
    max-width: 100vw;
 }
 .art {    
    max-width: 100vw;
   margin:0 auto;
   background-color: rgb(33, 31, 33);
 }
 .art .artes{
    background-color: rgb(19, 2, 25);
    width:220px;
    gap:10px;   
    height:450px;
    border-radius: 10px;
    font-size: 1em;
    margin:0;
 }
 
 .arte-img{
    width: 150px;
    height: 150px;
 }
 .arte-texto{
    width: 190px;
    height: 170px;
 }
 .arte-image{
   /* background-image: url("../images/arte04.png"); */
   background-repeat: no-repeat;
   background-size: 900px;
   background-position: center;
   width:150px;
   height:150px;
   border-radius:50%;
   margin:0 auto;
}
.arte-image{
  margin-top:10px;
}
/* Head last */
#container-main{
   margin:0 auto;
}
#comunica{
   margin:30px 10px 10px 10px;
}
#comunica-empty h3{
   margin:10px 10px 10px 10px;
}
.comunica-01 img{
   width:120px;
   height:120px;
   border-radius: 50%;
   position:absolute;
   vertical-align: middle;
   margin-top:30px;
}
.comunica-01{
   width:125px;
   height:125px;
   border-radius: 50%;
   position:absolute;
   vertical-align: middle;
}
.arte-image{
   /* background-image:url("../images/arte03.png"); */
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center;
   width:150px;
   height:150px;
   border-radius:50%;
   margin:0 auto;
}
.communication{
   /* background-image:url("../images/arte03.png"); */
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center;
   width:120px;
   height:150px;
   border-radius:50%;
   margin:0 auto;
}
.motion-gra{
   /* background-image:url("../images/arte03.png"); */
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center;
   width:150px;
   height:150px;
   border-radius:50%;
   margin:0 auto;
}
.sala-a{
   /* background-image:url("../images/arte03.png"); */
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center;
   width:150px;
   height:150px;
   border-radius:50%;
   margin:0 auto;
}
.servico-a{
   /* background-image:url("../images/arte03.png"); */
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center;
   width:150px;
   height:150px;
   border-radius:50%;
   margin:0 auto;
}
.sobre-laz{
   width:100%;
   margin:30px;
   padding:5px;
}
.sobre{
   width:95%;
   margin:10px;
   margin:0 auto;
   padding:35px 60px;
   border-radius: 20px;
   border-width: 2px;
   border-color: rgb(213, 239, 15);
   text-align: justify;
   font-family: Poppins, Verdana, Geneva, Tahoma, sans-serif;
   line-height: 1.3em;
   font-size: 1em;
   color:rgb(137, 137, 138);
   background-color: rgb(10, 6, 1);
}
.sobre p, h3{
   text-align: left;
   padding: 10px 10px;
   font-family: Poppins;
}
.port-01{
   display:flex;
   justify-content:space-between;
   align-items: center;
   padding: 20px;
   width:100%;
   background-color: black;
   margin:0 auto;
}
.port-01 img{
   width: 50%;
   height: 50%;
   object-fit: fill;
   border-radius: 20px;
}
.special-gothic-condensed-one-regular {
   font-family: "Special Gothic Condensed One", sans-serif;
   font-weight: 400;
   font-style: normal;
 }
 
.port-tit{
   width: 100%;
   height: 100px;
   margin: auto;
   text-align: center;
}
.port-tit p{
   text-align: center;
   font-style:normal;
   font-size: 2em;
   font-weight: 600;
   font-family: "Special Gothic Condensed One", sans-serif;
   font-weight: 600;
   font-style: normal;
   font-stretch:extra-condensed;
   font-variant-caps:all-small-caps;
   margin-bottom: 1px;
   margin-top: 30px;
   padding: 2px;
}
.port-pr{
   text-align:left;
   font-style:normal;
   font-size: 1.2em;
   font-family: "Special Gothic Condensed One", sans-serif;
   font-weight: 400;
   font-style: normal;
   font-stretch:extra-condensed;
   margin-top: -30px;
   padding: 0px 10px 10px 10px;
}
.port-02 img{
   width: 100%;
   height: 50%;
   object-fit: fill;
   border-radius: 20px;

}
.port-03 img{
   width: 32%;
   height: 50%;
   object-fit: fill;
   border-radius: 20px;
   margin:0;
}
.port-03{
   display:flex;
   justify-content:space-between;
   align-items: center;
   padding: 20px;
   width:100%;
   background-color: black;
   margin:0 auto;
}
.new-02{
 color: rgb(200, 200, 200);
 font-family: "Special Gothic Condensed One", sans-serif;
 font-size: 1.0em;
 font-weight:lighter;
 font-style:italic;
 font-stretch:extra-condensed;
 padding:0px;
 margin:0px;
 margin:30px 100px 0px 100px;

}
.new-02 h3{
 color: rgb(200, 200, 200);
 font-family: "Special Gothic Condensed One", sans-serif;
 font-size: 1.1em;
 font-weight:lighter;
 font-style:normal;
 text-align:justify;
 line-height:1.5em;
 font-stretch:extra-condensed;
 padding:0px;
 margin:0px 150px 0px 150px;
}
.art-anima{
       width: 700px;
}
 #origem{
 display:flex;
   justify-content:space-around;
   align-items: center;
   padding: 40px;
   width:100%;
}
#origem img{
 width: 40%;
 height: 40%;
 object-fit: fill;
 border-radius: 20px;
}
.bot-action{
margin-top: 20px;
margin-bottom: 20px;
font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}
/* End - section */
/* Call to Action - ini */
.bot-action{
margin-bottom: 30px;
padding: 20px 5px 20px 5px;
}
.contato-btn{
   width: 250px;
   height: 40px;
   background-color: rgb(0, 0, 0);
   text-align: center;
 border-radius: 20px;
 margin: 0 auto;
}
.contato-btn a{
 font-family: Roboto, sans-serif;
 font-size: 1.8em;
 font-weight: 500;
 font-style:normal;
 font-stretch:extra-condensed;
 font-variant-caps:all-small-caps;
 text-decoration: none;
} 
.contato-btn a:hover{
 font-family: Roboto, sans-serif;
 font-size: 1.8em;
 font-weight: 600;
 font-style:normal;
 font-stretch:extra-condensed;
 font-variant-caps:all-small-caps;
 text-decoration:none;
 color: dimgrey;
} 

/* Call to Action - fim */
/* Call to Action - curso */
.courses-ini{
display:flex;
justify-content:center;
align-items:center;
}
.courses-ini a{
font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
 font-size: 1.2em;
 font-weight: 300;
 font-style:normal;
 text-decoration: none;
}
.courses-ini a:hover{
font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
 font-size: 1.2em;
 font-weight: 500;
 font-style:normal;
 text-decoration: none;
 color:rgb(110, 88, 62)
}
.contato-btn-h{
   width: 250px;
   height: 40px;
   background-color: rgb(0, 0, 0);
   text-align: center;
   padding:6px;
 border-radius: 20px;
}

/* Call to Action - curso end */
#rodape{
   text-align: center;
   padding: 20px;
   font-size: 0.8em;
}
/* video */
.video_play{
  margin:30px;
}
#video01 .video_play{
  margin-bottom:70px;
  max-width: 40vw;
}
#video01{
  display:flex;
justify-content:space-between;
align-items:center;
  margin-bottom:70px;
  width: 100vw;
}
}