/* @media original min-width: 401px - TESTANDO MIN-WIDTH 301PX) */


/* Tablet Styles */
@media only screen and (min-width: 301px) and (max-width: 960px) {
  .menu{
  background:#00a55a;  
  }  
  #topo, #info-topo, #cabecalho{
  width:100%;
  height:auto;
  display:table;
  }
  #info-topo button{
    width:31%;
    margin:0 1% 0;
  }
  #logo{
  margin:10px 1%;   
  }
  button#matricula{
  margin:0;
  width:50%;
  text-align:center;
  }
  .menu{
  width:100%;
  display:table;
  }
  .menu > .menu-list > li > a {
  margin:5px 0;
  }
  #slideshow{
  margin:46px 0;
  width:100%;
  }
  .slider{
  width:100%;
  }
  .slides{
  width:50%;
  border:5px solid black;
  }
  #conteudo1{
    width:95%;
    margin:0 auto;
    padding:0 auto;
  }
  .p-eventos{
    font-size:17px;
  }
  #img-obj{
    width:100%;
  }
  #img-obj img{
  width:100%;
  }
  #btn-obj{
    margin:0 25% 0;
    width:50%;
  }
  #conteudo2{
  width:95%;
  margin:0 auto;
  padding:0 auto;
  }
  .ensinos h2{
    font-size:17px;
    line-height:20px;
  }
  #matriculas-abertas{
   width:100%;    
  }
  #matriculas-abertas img{
  width:80%;
  margin:0 10% 0;
  }
  #button-colegio{
  width:80%;
  }
  #button-colegio button{
   height:auto;
   padding:20px;
  }
  #frase{
   width:90%;
  }
  #rodape-conteudo{
  width:90%;
  }
  #links, #icons-sociais, #facebook{
  width:90%;
  margin:20px 0;
  float:left;
  }
  #links ul li{
  font-size:25px;
  line-height:35px;
  }
}


/* Desktop Styles */
@media only screen and (min-width: 961px) {
  body {
    background-color: #fff; /* Blue */
  }
}

@media only screen and (min-width: 001px) and (max-width: 600px) {
  
  img#logo{
    width:250px;
    padding:15px;
  }
  
  button#matricula{
    width:35%;
    margin:8% 0 0;
  }
  
  div#eventos>img{
    width:80%;
    margin:0 10% 0;
  }
  div#eventos>h4{
    width:100%;
    margin:10px 0 0;
    text-align:center;
    font-size:30px;
  }
  div#eventos>h3{
    width:100%;
    margin:0;
    text-align:center;
  }
  .p-eventos{
    width:100%;
    margin:0;
    text-align:justify;
  }
  #saibamais{
    margin:0 auto;
    float:none;
    display:table;
    margin-top:20px;
    width:30%;
  }
  .ensinos{
    width:80%;
    margin:5% 10% 0;
  }
  .ensinos h2{
    width:100%;
    font-size:36px;
    line-height:1.2;
  }
  .ensinos img{
    margin:30px 0 0;
    width:100%;
  }
  
  
}


/* CSS RESPONSIVE PAGINA INSTITUCIONAL */

/* Tablet Styles */


@media only screen and (min-width: 301px) and (max-width: 960px) {
  
  
  #section1{
    margin:0 auto;
    padding:0 auto;
    width:90%;
  }
  #p1{
    width:100%;
    height:auto;
    display:table;
  }
  #section1 h2{
    width:70%;
    font-size:34px;
    display:table;
    margin:60px 0;
  }
  #section1 img{
    width:25%;
    margin:50px 0;
  }
  #section1 h1{
    font-size:30px;
    margin:0px 0;
  }
  
}


/* FIM CSS RESPONSIVE PAGINA INSTITUCIONAL */





/* CSS RESPONSIVE PAGINA ENSINO-INFANTIL */

/* Tablet Styles */

@media only screen and (min-width: 301px) and (max-width: 960px) {

  #section2{
    margin:0 auto;
    padding:0 auto;
    width:90%;
    height:auto;
    display:table;
  }
  #section2 img{
    margin:70px 0;
    width:120px;
  }
  #section2 h2{
    margin:80px 30px;
    font-size:35px;
  }
  #section2 p{
    margin:0;
  }

}

@media only screen and (min-width: 001px) and (max-width: 531px) {

  header{
    height:auto;
    display:table;
  }

  #section2 img, h2{
    width:50%;
  }
}

/* FIM CSS RESPONSIVE PAGINA ENSINO-INFANTIL */




/* CSS RESPONSIVE PAGINA ENSINO-FUNDAMENTAL */

/* Tablet Styles */

@media only screen and (min-width: 301px) and (max-width: 960px) {

  #section2{
    margin:0 auto;
    padding:0 auto;
    width:90%;
    height:auto;
    display:table;
  }
  #section2 img{
    margin:70px 0;
    width:100px;
  }
  #section2 h2{
    margin:80px 30px;
    font-size:35px;
    text-align:center;
  }
  #section2 p{
    margin:0;
  }

}


@media only screen and (min-width: 001px) and (max-width: 600px) {

#section2 img{
width:70%;
  margin:10px 15% 0; 
}
#section2 h2{

 margin:0;
 width:100%; 
  text-align:center;
}

}

/* FIM CSS RESPONSIVE PAGINA ENSINO-FUNDAMENTAL */




/* CSS RESPONSIVE PAGINA ENSINO MEDIO */

@media only screen and (min-width: 301px) and (max-width: 650px) {
  
  #universidade-alunos img{
    border:1px solid red;
    width:45%;
  }
  
  
}


/* FIM CSS RESPONSIVE PAGINA ENSINO MEDIO */





/* CSS RESPONSIVE PAGINA EXTRACURRICULARES */

@media only screen and (min-width: 301px) and (max-width: 960px) {
  
  
  header{
    display:table;  
  }
  #section22{
    width:90%;
  }
  .atividades{
    width:100%;
  }
  .ati{
    width:100%;
    font-size:35px;
  }
  .imagens-extracurriculares{
    width:90%;
    margin:0 auto;
    padding:0 auto;
  }
  .imagens-extracurriculares img{
    padding:0;
    width:100%;
    margin:10px 0;
  }
  
}

/* FIM CSS RESPONSIVE PAGINA EXTRACURRICULARES */





/* CSS RESPONSIVE PAGINA CONTATO */

/* Tablet Styles */

@media only screen and (min-width: 301px) and (max-width: 960px) {

  #section-contato{
    margin:0 auto;
    padding:0 auto;
    width:90%;
    height:auto;
    display:table;
  }
  #section-contato h2{
    margin:100px 0;    
  }
  #section-contato p{
    width:100%;
    margin:-60px 0;    
  }
  #section-contato form{
    margin:50px 0;    
  }
  #section-contato input{
    width:100%;
  }
  #section-contato textarea{
    width:100%;
  }
  
}

@media only screen and (min-width: 001px) and (max-width: 460px) {

  
  #links, #icons-sociais{
    margin:0 3% 0;
  }
}

/* FIM CSS RESPONSIVE PAGINA CONTATO */




/* CSS RESPONSIVE PAGINA EVENTOS */

@media only screen and (min-width: 301px) and (max-width: 960px) {
  
  #section-eventos, #section-eventos>h2, p, h6{
    margin:0 auto;
    padding:0 auto;
    width:95%;
  }
  #section-eventos h2{
    margin:30px 2% 0;
  }
  #galeria-eventos{
    height:auto;
  }
}




/* FIM CSS PAGINA EVENTOS */