@media(max-width:768px){

.flex{flex-wrap: wrap; justify-content: center; text-align: center; font-size: 10px;}
.flex h3{width: 100%; margin-bottom: 8px;}
.flex input{width: 30%;}

.header ul{display: none;}
.banner{flex-direction: column;}
.caption, .bannerimg{width: 100%;}

.bannerimg img{position: relative; left: -40px;}
.caption h1{font-size: 30px;}
section{padding: 20px 0;}
.article h2{text-align: center; font-size: 32px;}


.card{width:90%;}

}