@media screen and (max-width: 1024px) {


 #header .header-content {
 width: 90%;
 padding: 20px 0;
 
}
 #header.fixed a {
 color: #353535;
 
}

#corian {

    width: 250px;
    height: auto;
}

 .nav-toggle {
 display: block;
 background-color: rgba(255, 255, 255, 0.9);
 border-radius: 5px;
}
 .navigation {
 position: fixed;
 background-color: #313131;
 width: 100%;
 height: 100%;
 top: 0;
 left: 0;
 z-index: 99999;
 visibility: hidden;
 opacity: 0;
 -webkit-transition: opacity 0.5s, visibility 0s 0.5s;
 transition: opacity 0.5s, visibility 0s 0.5s;
}
 .navigation .primary-nav {
 position: relative;
 top: 42%;
 -moz-transform: translateY(-45%);
 -ms-transform: translateY(-45%);
 -webkit-transform: translateY(-45%);
 transform: translateY(-45%);
}
 .navigation li {
 display: block;
 margin-bottom: 1px;
}
 .navigation a {
 display: block;
 font-size: 18px;
 margin: 0;
 text-align: center;
 padding: 17px 0;
 color:#ffffff;
}

 .person {
 margin: 0 auto 50px;
}
 .person-content {
 text-align: center;
}
 .person .social-icons li {
 display: inline-block;
 float: none;
 margin-bottom: 5px;
}
 
 .curso p {
 font-size: 22px;
}
 .flex-control-nav {
 bottom: 20px;
}
}
@media screen and (max-width: 768px) { 
#header.fixed a {
    color: #ffffff;
}

    
#whats {
    width: 200px;
    height: 69px;
}

.banner-text {
 padding-top: 30%;
}
 .banner-text h1 {
 font-size: 42px;
}
 .banner-text p {
 font-size: 18px;
}
 .flexslider {
 padding-bottom: 80px;
}
 .flex-control-nav {
 width: 100%;
}
 .footer .footer-col {
 margin-bottom: 50px;
}
}
@media screen and (max-width: 640px) {
 .banner-text {
 padding-top: 57%;
}
 .curso p {
 font-size: 22px;
}

/* celular */

@media screen and (max-width: 480px) {

    .social-rodape {
	margin-bottom: -63px;

    }

    #desktop {
        display:none;
    }
    #celular {
        display:inherit;
    }
 
#first-slider .slide1 h3, #first-slider .slide2 h3, #first-slider .slide3 h3, #first-slider .slide4 h3{
        font-size: 46px;    
}

#first-slider .slide1 h4,#first-slider .slide2 h4,#first-slider .slide3 h4,#first-slider .slide4 h4{
    font-size: 36px;
}

 .curso p {
 font-size: 22px;
}

#first-slider .slide1 {
    background-image: url('../images/slides/1resp.jpg');
    background-position: bottom;
}

#first-slider .slide2 {
    background-image: url('../images/slides/2resp.jpg');
    background-position: bottom;
}

#first-slider .slide3 {
    background-image: url('../images/slides/3resp.jpg');
    background-position: bottom;
}



.video-section h3, .video-section p, .caracteristicas p, .content-3-10 p   {

font-weight: 400;

}



@media screen and (max-width: 320px) {
 .banner-text {
 padding-top: 55%;
}
 
 .curso p {
 font-size: 22px;
}

#social p{
	font-weight:300;	
}






}