body{
		background-color: #8080804d;
	}
	.contact{
		padding-right: 10%;
		padding-left:10%;
		padding-top:4%;
		padding-bottom:4%;
		height: 400px;
	}
	.col-md-3{
		
		padding: 4%;
		border-top-left-radius: 0.5rem;
		border-bottom-left-radius: 0.5rem;
	}
	.contact-info{
		margin-top:10%;
	}
	.contact-info img{
		margin-bottom: 15%;
	}
	.contact-info h2{
		margin-bottom: 10%;
	}
	.col-md-12{
		background: #fff;
		
	}
	.contact-form label{
		font-weight:400;
		font-size: 17px;
        /*color: #333;*/
       
	}
	.contact-form button{
		background: red;
		color: #fff;
		font-weight: 600;
		width: 25%;
	}
	.contact-form button:focus{
		box-shadow:none;
	}
	
	.circle1 span{
	background-color: #ea343c;
    border-radius: 50%;
    color: #ffffff;
    padding: 0px 12px 4px 12px;
    margin: 0 13px 0 0;
    font-size: 22px;
    font-weight: bold;
    cursor: pointer;
	}
	
	.circle span{
	background-color: #ea343c;
    border-radius: 50%;
    color: #ffffff;
    padding: 0px 9px 4px 9px;
    margin: 0 13px 0 0;
    font-size: 22px;
    font-weight: bold;
    cursor: pointer;
	}
	
	.header{
	    background-color: #292075;
	    height:250px;
	}
	

  @media (max-width: 600px){
    .contact { 
        width: 100%;
        padding: 0;
    }
    .contact-form button{
            width: 42%;
    }
    
    .header{
	    background-color: #292075;
	    height:10%;
	}
    
    }

@media (max-width: 768px) {
  .contact { 
      padding: 0;
      width: 100%;
  }
   .contact-form button{
            width: 42%;
    }
    
    .header{
	    background-color: #292075;
	    height:10%;
	}
}