@media screen and (max-width: 43rem){
	.home-image-presentation{
		margin: 0 0 30px 0;
	}
    .button-area{
		padding: 15px;
		text-align: center;
        width: 240px;
	}

	.button-area a{
		font-size: 180%!important;
	}
    header img{
        margin-bottom: 48px;
    }
    .naveg-btn{
	 	display: block;
	 }
    .fso-logo{
        width: 100%;
    }
    
    #accessibilite iframe{
        margin-top: 37px;
    }
    
    #accessibilite{
        flex-direction: column;
    }
}

@media screen and (max-width: 62rem){
    header img{
        width: 140px;
    }
    footer .content-footer{
        margin: 0 0 20px 0;
    }
	footer img{
		margin: 0 0 35px 0;
	}
     .naveg-logo img{
		max-width: 70%;
  	}
}
 
/* MOBILE
-------------------------------------------------- */
@media screen and (min-width: 43rem){
    /*imagem*/
    .image-right{
		margin-top: 20px;
	} 
    
    .container-mobile{
        display: none;
    }
	.main-navigation li{
		display: inline-block;
        width: auto;
        margin-top: 0;
	}
    
    .main-navigation li:first-child,
    .main-navigation li:nth-child(2){
    	margin-right: 20px;
    }
    
    .button-area a:link{
        font-size: 170%;
    }
    
    .button-prise:link{
        margin-left:0;
        margin-right: 0;
    }
    
    .main-navigation li a:link{
       font-size: 100%;  
    }
    
    .navegm{
	 	margin-top: 30px;
	 }
    
     .grid-container{
		width: 90vw;
	}
    
	.h-row{
		width: 85vw;
	}
}
 
@media screen and (min-width: 62rem){
    .image-left{
		margin-top: 20%;
	}
    
    .main-navigation{
        text-align: unset;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-content: center;
        align-items: center;
    }
    
    .main-navigation li a,
    .main-navigation li a:link{
      display:block;
      font-size: 125%;
    }

   .button-area a:link{
        font-size: 230%; 
    }
    
    .container-relative{
		padding: 0 40px; /* 140 */
	}
    
    .row-footer{
		padding: 0 22px; /* removendo o gutter */
	}
    
    .button-prise:link{
        font-size: 171%;
        padding: 21.38px; /*  83px */
    }
}

@media screen and (min-width: 82rem){
    .main-navigation{
		text-align: right;
	}
     
    .main-navigation li{
        margin-left: 20px;
    }
    
}

@media screen and (min-width: 1200px){
	.row-footer img {
    	border-right: 1px solid #000;
    	padding-right: 50px;
	}

	.row-footer img:last-child {
    	border-right: 1px solid transparent;
	}
}