*{margin: 0; padding: 0}
#container{background-image: url('../img/bg_index.jpg'); background-repeat: repeat-y;background-size:100%;bottom: 0;color: black;left: 0;overflow: auto;position: absolute;right: 0;text-align: center;top: 0;height: 100%;width: 100%;}
#bg_index{width: 100%;background-color: rgba(0, 0, 0, 0.7);height: 10%;}
#bg_body{width: 100%;height: 64%;}
#header{width: 100%;height: 10%;}

#content{width: 100%;min-height: 80%;}
#content_left{float: left;width: 35%;}
#content_rigth{float: right;width: 65%;}
#img_logo{width: 100%;margin: 0 auto;}

#slide{width: 99%;margin: 0 auto;height: 100%;padding-top: 70px;} 
.carousel-inner .carousel-item{height: 450px;width: 100%;}
#img_slide{width: 65% !important; margin: 0 auto;max-height: 70%;min-height: 70%;}

#contato{width: 70%;margin: 0 auto;color:white;}
#contato img{width: 20%;}
#address {width: 80%;margin: 0 auto;margin-bottom: 10px;}
#address .contact{width: 33%;padding: 2px;float: left}
#address p{text-align: center}

#parceiros{width: 70%;margin: 0 auto;}
#parceiros img{width: 20%;}
#parceiros h5{color: white;}
#form{width: 50%;margin: 0 auto;background: none;height: 50px;}
#form table{margin: 0 auto;}
#form table tr td{padding-left: 10px;}

#parceiro{width: 70%;margin: 0 auto;}
#parceiro .modulo{width: 33%;float: left;padding: 2px;}
#parceiro .modulo img{width: 100%;border: 3px solid white;}
#parceiro .modulo:hover{box-shadow: 0px 0px 10px 0px white}

#footer{width: 100%;height: 8%;background-color: rgba(0, 0, 0, 0.9);margin-top: 10px;}
#footer .copy{color: white}
#footer .copy p{padding-top: 13px;}
#footer .copy p a{color: white; text-decoration: none;}

@media screen and (max-width: 500px) {
    #header{width: 100%;height: 8%;}
    #content{width: 100%;min-height: 82%;}
    #content_left{width: 100%;}
    #img_logo{width: 70%;margin: 0 auto;}
    #content_rigth{width: 100%}
    #slide{width: 98%;margin: 0 auto;height: 100%} 
    .carousel-inner .carousel-item{height: 200px;width: 100%;}
    #img_slide{width: 65% !important; margin: 0 auto;max-height: 70%;min-height: 70%;}
  
    #contato{width: 70%;margin: 0 auto;color:white;}
    #contato img{width: 20%;}
    #address {width: 80%;margin: 0 auto;margin-bottom: 10px;}
    #address .contact{width: 100%;float: left}
    #address p{text-align: center}
    
    #parceiros{width: 90%;margin: 0 auto;}
    #parceiros img{width: 30%;}
    #parceiros h5{color: white;}
    #form{width: 100%;margin: 0 auto;background: none;height: 50px;}
    #form table{margin: 0 auto;}
    #form table tr td{padding-left: 10px;}
    
    #parceiro{width: 90%;margin: 0 auto;margin-top: 20px;}
    #parceiro .modulo{width: 50%;float: left;padding: 2px;}
    #parceiro .modulo img{width: 100%;border: 3px solid white;}
    #parceiro .modulo:hover{box-shadow: 0px 0px 10px 0px white}

}

@media screen and (min-width: 501px) and (max-width: 1024px) {
    #header{width: 100%;height: 8%;}
    #content{width: 100%;min-height: 82%;}
    #content_left{width: 100%;}
    #img_logo{width: 40%;margin: 0 auto;}
    #content_rigth{width: 100%}
    #slide{width: 98%;margin: 0 auto;height: 100%} 
    .carousel-inner .carousel-item{height: 600px;width: 100%;}
    #img_slide{width: 65% !important; margin: 0 auto;max-height: 70%;min-height: 70%;}

    #contato{width: 70%;margin: 0 auto;color:white;}
    #contato img{width: 20%;}
    #address {width: 80%;margin: 0 auto;margin-bottom: 10px;}
    #address .contact{width: 100%;float: left}
    #address p{text-align: center}
    
    #parceiros{width: 90%;margin: 0 auto;}
    #parceiros img{width: 30%;}
    #parceiros h5{color: white;}
    #form{width: 100%;margin: 0 auto;background: none;height: 50px;}
    #form table{margin: 0 auto;}
    #form table tr td{padding-left: 10px;}
}