@charset "UTF-8";


.sdgs-inner-col{
max-width:1000px;
margin:0 auto;
padding:1em;
}

.sdgs-wrap{
display:flex;
background-color:#F0F0F0;
margin:2em auto;
padding:1em;
outline:1px solid #FFFFFF;
outline-offset:-5px;
}

.sdgs-logo{
flex:30%;
text-align:center;
}

.sdgs-text{
flex:70%;
padding:0.5em;
background-color:#FFF;
}

.title{
padding:0 0 0.5em;
font-size:140%;
}


.introduction{
line-height:1.8;

}

.photo{
margin-top:1em;
}




@media all and (min-width:700px) {


.sdgs-wrap{
padding:2em;
}

.sdgs-text{
padding:0.5em 1.5em 1.5em;
}
	
.title{
padding:0 0 0.5em;
font-size:160%;
}

.introduction{
font-size:110%;
}




	
}