@charset "utf-8";
/* CSS Document */


@media(max-width:790px){
	
	.text-info-back{padding: 0 30% 0 0;}
}
@media(max-width:576px) {	
	.top-header{display:block; text-align: center;}
	.navbar{background: rgba(233,208,123,1);margin: 14px 0 0 0;}
	header nav a{color:rgba(34,46,98,1) !important; text-align:left !important;}
	.card-body-back ul li{font-size: 18px;}
}

@media(max-width:479px) {
	
	.card-body h2 {font-size: 40px;}
	.card-body p {font-size: 30px;}
	.card-body button{font-size:18px;}
	.card-img {padding: 0;text-align: center;}
	.card-body ul li{width: 100%; display: block;}
	.card-body ul li img{display: block; margin: 0 auto;}
	.card-body ul li a {display:block; font-size: 18px;}
	.card-body{padding: 0;}
	.text-info{padding-left:0;text-align: center;}
	.text-info-back h2{text-align: center;}
	.card-body-back ul li{text-align: center;}
	.card-body-back p{font-size: 15px; text-align: center;}
	.button-shell{text-align: center;}
	#flip-card .back{background: none;}
	.text-info-back{padding: 0 5%;}
	footer p {font-size: 12px;}
	legend{font-size: 1rem;}
}