//css mailchimp for wp

.mailchimp-home1 {
	display: flex;
    flex-wrap: wrap;
    padding: 80px;
    justify-content: space-between;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0px 10px 40px 0px rgba(6,22,58, .1);

    @media (max-width: 1100px) {
    	flex-direction: column;
    }

    @media(max-width: 454px){
	    padding: 80px 20px;
    }

    .title {
    	display: flex;
    	flex-wrap: wrap;
    	width: 30%;

    	@media (max-width: 1100px) {
	    	margin-bottom: 30px;
	    	justify-content: center;
    		width: 100%;
	    }

	    @media (max-width: 454px) {
	    	flex-direction: column;
    		align-items: center;
	    }

    	.icon {
	    	span {
		    	font-size: 63px;
			    color: #eae5e3;
			    line-height: 75px;
		    }
	    }

	    .text {
	    	margin-left: 30px;

	    	@media (max-width: 454px) {
		    	text-align: center;
		    	margin: 0;
		    }

	    	p {
	    		margin: 0;
	    		font-size: 30px;
			    color: #ff6d12;
			    margin: 0;
			    line-height: 37px;
	    	}
	    	h4 {
	    		margin: 0;
	    		font-family: 'Abril Fatface';
			    font-size: 36px;
	    		line-height: 40px;
	    		color: #2c2734;
	    		font-weight: 400;
	    	}
	    }
    }

    .sub-form {
    	width: 70%;
    	display: flex;
    	flex-wrap: wrap;
    	justify-content: flex-end;

    	@media (max-width: 1100px) {
	    	justify-content: center;
    		width: 100%;
	    }

	    @media (max-width: 876px) {
	    	flex-direction: column;
	    	justify-content: center;
    	    align-items: center;
	    }

    	.email {
    		width: 65%;

    		@media (max-width: 1100px) {
		    	width: 75%;
		    }

		    @media (max-width: 876px) {
		    	width: 100%;
		    	margin-bottom: 30px;
		    }

	    	input[type="email"] {
	    		height: 70px;
			    width: 100%;
			    background: #f7f4f2;
			    border: none;
			    outline: none;
			    padding: 0 40px;
			    font-size: 16px;
			    color: #88858e;
			    border-radius: 35px;
	    	}
	    }

	    .btn-submit {
	    	width: 30%;

	    	@media (max-width: 1100px) {
		    	width: 25%;
		    }

		    @media (max-width: 876px) {
		    	width: auto;
		    }

		    input[type="submit"] {
		    	height: 70px;
			    width: 100%;
		    	font-size: 16px;
			    color: #ffffff;
			    background: #ff6d12;
			    border: none;
			    outline: none;
			    padding: 0 40px;
			    margin-left: 10px;
			    font-weight: 700;
			    border-radius: 35px;
			    -webkit-transition: all 500ms ease;
			    transition: all 500ms ease
		    }

		    &:hover {
		    	input[type="submit"] {
		    		background: #2c2734;
		    	}
		    }
	    }
    }
}