.pc {
	display: block;
}

.mobile {
	display: none;
}

.grande {
    display: none;
}
@media (max-width: 750px) {
	.pc {
		display: none;
	}
	.mobile {
		display: block;
	}
	.grande {
    	display: none;
	}
	/* The side navigation menu */
	.sidenav {
  		height: 100%; /* 100% Full-height */
  		width: 0; /* 0 width - change this with JavaScript */
  		position: fixed; /* Stay in place */
  		z-index: 999999; /* Stay on top */
  		top: 0; /* Stay at the top */
  		left: 0;
  		background-image: linear-gradient(90deg, #233374 30%, #2bbbed 100%);
  		overflow-x: hidden; /* Disable horizontal scroll */
  		padding-top: 60px; /* Place content 60px from the top */
  		transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
  		align-content: center;
	}
	/* The navigation menu links */
	.sidenav a {
		padding: 8px 8px 8px 32px;
 		text-decoration: none;
 		font-size: 25px;
 		color: #fff;
 		font-weight: 700;
		display: block;
		transition: 0.3s;
	}
	/* When you mouse over the navigation links, change their color */
	.sidenav a:hover {
		color: #f1f1f1;
	}
	/* Position and style the close button (top right corner) */
	.sidenav .closebtn {
		position: absolute;
		top: 0;
		right: 25px;
  		font-size: 36px;
  		margin-left: 50px;
	}
	/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
	#main {
  		transition: margin-left .5s;
  		padding: 20px;
	}
	/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
	@media screen and (max-height: 450px) {
  		.sidenav {padding-top: 15px;}
  		.sidenav a {font-size: 18px;}
	}
	.menuiIconMob{
		display: inline-block;
  		cursor: pointer;
  		background-image: linear-gradient(90deg, #233374 30%, #2bbbed 100%);
  		position: fixed;
        right: 5%;
        top: 5%;
        padding: 15px;
        border-radius: 9px;
        z-index: 99999;
	}
	.bar1, .bar2, .bar3 {
  		width: 35px;
  		height: 5px;
  		background-color: #fff;
  		margin: 6px 0;
  		transition: 0.4s;
	}

	.change .bar1 {
  		transform: translate(0, 11px) rotate(-45deg);
	}

	.change .bar2 {opacity: 0;}

	.change .bar3 {
  		transform: translate(0, -11px) rotate(45deg);
	}
	.logo{
		padding: 30px 15px 0;
	}
	.logo img{
		width:70%;
	}
	section.banner .textBanner .botoes {
    	padding: 0px 0 0 !important;
    	text-align: center;
	}
	section.banner .textBanner a {
		width: 100%;
        display: block;
        margin: 5px 0 !important;
	}
	section.avaliacao img {
    	width: 100% !important;
	}
	section.fil .filo{
		align-content: center;
	}
	section.fil .col-md-4{
		width: 33%;
	}
	section.fil .container {
		border-radius: 50px !important;
	}
	section.fil .pecaImg {
		height: 0;
	}
	section.fil .pecaImg img {
		margin-top: -260px !important;
	}
	section.contaro .col-md-4 .col-md-4{
		width: 33.333333333336%;
	}
	section.contaro .col-md-4 .col-md-8{
		width: 66.666666666667%;
	}
	section.contaro a.botao {
		padding: 15px 50px !important;
	}
	section.missao .col-md-2.centro {
    	margin: 0px auto !important;
	}
	section.fiquePorDentro .container{
		padding: 0 30px;
	}
	section.fiquePorDentro .col-md-3 {
		margin: 10px auto !important;
	}
	section.sobre {
		margin-top: 270px;
    	overflow: visible;
	}
	section.sobre .direito img {
		position: relative !important;
    	margin-top: -237px;
	}
	section.sobre .esquerdo {
    	padding: 40px 15px !important;
	}
	section .contato .formulario {
		padding: 40px 15px !important;
	}
	section .contato .formulario input {
		margin: 5px 0;
	}
	.copyright{
		text-align: center !important;
	}
	.footer .col-md-2{width: 16.66666667%;}
	.footer .col-md-10{width: 83.3333333%;}
}

@media (min-width: 751px) and (max-width: 1200px){
    .pc {
		display: block;
	}
	.mobile {
		display: none;
	}
	.grande {
    	display: none;
	}
}

@media (min-width: 1600px) and (max-width: 2600px) {
  	/*.pc {
		display: none;
	}
	.mobile {
		display: none;
	}
	.grande {
    	display: block;
	}*/
}


@media (min-width: 1600px) {
    /*.pc {
		display: none;
	}
	.mobile {
		display: none;
	}
	.grande {
    	display: block;
	}*/
} 

@media (max-width: 1200px) and (min-width:  750px) {
    /*.pc {
		display: none;
	}
	.mobile {
		display: none;
	}
	.grande {
    	display: block;
	}    */
}