body{
  font-family:"Arial",serif;
  background-color:#ffffff;
  text-align:center;
  margin:0 auto;
  }

nav{
text-align:center;  
}
nav ul{
margin:0;
padding:0;
}
nav ul li{
list-style:none;
display:inline-block;
width:18%;
min-width:90px;
}
nav ul li a{
text-decoration:none;
color:#333;
}
nav ul li.current:a{
color:rgb(240, 62, 213);
}
nav ul li a{
color:rgb(86, 119, 228);
}

header img{
  width:700px;
}  

#minna img{
  width:700px;
}

#container h1{
  font-size:42px;
  color:rgb(240, 62, 213);
}

#container h2{
  font-size:31px;
  color:rgb(86, 119, 228);
}

.flex p{
  width:700px;
  margin:auto;
  text-align:left;
  font-size:20px;
  /*display:flex;
  padding:100px;
  text-align:left;*/
  /*flex-direction:column;*/
}
/*.flex img{
  width:50%;
  padding:10px;
}*/

#sakusha{
  margin-top:60px;
  font-size:25px;
  color:rgb(250, 71, 170);
}

footer{
  max-width:100%;
  padding:20px;
  margin-right:auto;
  margin-left:auto;
  background-color: #dcdcdc;
}
footer p{
  font-size:20px;
}




@media(max-width:375px){
body{
 background-color: rgb(255, 255, 255);
 } 
header img{
  width:350px;
 } 
#minna img{
  width:350px;
 } 

#container h1{
  font-size:24px;
}

#container h2{
  font-size:18px;
}

.flex h2{
  font-size:19px;
}

.flex p{
  width:350px;
  font-size:16px;
}

.flex img{
  width:250px;
}

#sakusha{
  font-size:20px;
}

#sakusha img{
  width:150px;
}

}    
