.philosophy {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0px auto;
    width: 80%;
    max-width: 1200px;
}

h2 { font: normal 400 1em/100% 'Open Sans', sans-serif; letter-spacing:0.4em; color:#785348;padding:0 0 0 20px; }
ul.philo {
   position: relative;
   list-style:none;
   float:left;
   text-align:left;
   width: 460px;
   padding-left: 30px;
}
ul.philo li{
   list-style:none;
   text-align:left;
   margin: 4px 0px 0px 0px;
	 padding-bottom:4px;
     font: 0.85em/1.1em "Open Sans", "helvetica", sans-serif;
     line-height: 1.15em;
	 color: #555;
	}
	
	a {text-decoration: underline; color: #6cadd6;}
	a:hover{color: #333;}
	
	
	
	@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) {

h2 { font: normal 400 1.25em/140% 'Open Sans', sans-serif; letter-spacing:0.4em; color:#785348;padding:0 0 0 20px; }

.philosophy {
margin-top:0px; padding:0;
width: 100%;
height:930px;
background: #fff;
}

ul.philo {
   position: relative;
   list-style:none;
   float:left;
   text-align:left;
   width: 100%;
   padding-left: 0px;
}
ul.philo li{
   list-style:none;
   text-align:left;
   margin: 4px 0px 0px 0px;
	 padding:8px;
     font: 1.1em/1.75em "Open Sans", "helvetica", sans-serif;
     line-height: 1.15em;
	 color: #555;
	}
}