@media all and (max-width: 800px)

{

    .colonna0, .colonna1, .colonna2
    {
        flex: 100%;
    }




  body
    {
      font-family: 'Open Sans', sans-serif;
      background-color: #FFFFFF;

  }
}
.navbar
{
    background-color: white;
    padding-top: 40px;
    padding-right: 40px;
    padding-left: 40px;
    padding-bottom: 40px;
    text-align: center
}

.landing {
    display: flex;
    flex: auto;
    flex-flow: wrap;
    justify-content: space-evenly;
	flex: 100%;
}


.centro
{
	font-size: 60px;
	color: #034b40;
    flex: 40%;
    flex-flow: wrap;
	padding: 50px;
	font-family: 'Open Sans', sans-serif;
	
}

.riforniamo
{
    font-size: 50px;
    color: #034b40;
    flex: 40%;
    flex-flow: wrap;
    padding-top: 60px;
    padding-right: 60px;
    padding-left: 60px;
    padding-bottom: 60px;
    font-family: 'Open Sans', sans-serif;	
}


.fiore
{
    display: flex;
    flex-flow: wrap;
	
}


.fiori{
    height: 500px;
}

.logo 
{
    text-align: center;
    padding-bottom: 0px;
    width: 500px;
    padding-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
}



.simboli {
width: 15%;	

}


h1
{
    font-size: 30px;
	color: #034b40;
	font-family: 'Open Sans', sans-serif;
}




.contatti
{
	flex: 70%;
    text-align: center;
    padding: 20px 20px;
    background-color: #FFFFFF;
	font-size: 30px;
	font-family: 'Open Sans', sans-serif;
	color: #034b40;

	
}


.link {
	font-size: 30px;
	font-family: 'Open Sans', sans-serif;
	color: #034b40;
}



@media all and (max-width: 1200px) { 

	.fiore{
		display: none;
	}

	.simboli {
width: 25%;	
	
}

	
	.centro
{
    font-size: 30px;
    color: #034b40;
    flex: 40%;
    flex-flow: wrap;
    padding-top: 10px;
    padding-right: 30px;
    padding-left: 30px;
    padding-bottom: 30px;
    font-family: 'Open Sans', sans-serif;	
}
	
	.riforniamo
{
    font-size: 30px;
    color: #034b40;
    flex: 40%;
    flex-flow: wrap;
    padding-top: 10px;
    padding-right: 30px;
    padding-left: 30px;
    padding-bottom: 30px;
    font-family: 'Open Sans', sans-serif;	
}


	
	.logo 
{
    text-align: center;
    padding-bottom: 0px;
	width: 60%;
}
}



@media all and (max-width: 400px) { 
	
	.logo 
{
    text-align: center;
    padding-bottom: 0px;
	width: 90%;
}
	
}