@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700');

body{font-family: 'Open Sans', sans-serif;}


.card-main{ width: 650px; margin: 2% auto 0; background-image: linear-gradient(30deg, rgba(255,255,255,0) 70%, rgba(255,255,255,0.2) 70%),linear-gradient(45deg, rgba(255,255,255,0) 75%, rgba(255,255,255,0.2) 75%),linear-gradient(60deg, rgba(255,255,255,0) 80%, rgba(255,255,255,0.2) 80%);
    background-color: silver; padding:5%; position: relative;}

.card-main p{ font-weight: 700; color: #333; font-size: 16px; }
.card-main select{ width: 100%; height: 45px; padding: 0 10px; margin-bottom: 10px; }

.card-main input{ width: 100%; height: 45px; padding: 0 10px; margin-bottom: 10px; }

.card-main input[type=submit]{ width: 180px; margin: 0 auto; text-transform: uppercase; font-weight: 700; background: #3B9DD4; border: none; border-radius: 0 10px 0 10px; margin-top: 20px;  color: #fff;  border-bottom: 3px solid #3BE9D4; }
 .card-main input[type=submit]:hover{color: #333; }

 .card-img{position: absolute; top: 0; right: 0; margin-top: 10px; margin-right: -489px;}
 .row.test {
    padding-left: 334px;
    padding-top: 15px;
}

@media only screen and (max-width: 768px) {
	.card-main{width: 100%;}
}