/*---------------------------------
		Contribution section
	-----------------------------------*/
	.support-us h1,.support-us h2,.support-us h3 {font-family: 'Oswald', sans-serif;line-height: 1.2}
	.support-us h2 {font-size: 1.6rem; color:#336699;}
	.support-us h3 {font-size: 1.4rem; color:#336699;}
	.support-us p {font-family: 'Roboto', sans-serif; font-size: 15px; color:#333;}
	.support-us .contribute {border: 4px solid #336699;}
	.support-us .contribute ul {list-style: none;padding-left: 0; display: flex; flex-wrap:wrap;}
	.support-us .contribute ul li {display: inline-block; min-width:15em; margin-right: 0.5em; margin-bottom: 0.5em;}
	.support-us .contribute a.btn {
		background: #336699;
		color:#FFF;
		padding:14px 26px;
		border-radius: 22px;
		display: inline-block;
		text-decoration: none;
		transition: all 0.3s ease;
		margin-top:0.5em;
		font-size: 15px;
		text-transform: uppercase;
		font-family: 'Roboto', sans-serif;
	}
	.support-us .contribute a.btn i {margin-left: 0.5em}
	.support-us .contribute a.btn:hover {background: #FF6500;}
	.support-us .contribute img {background: #FFF}
	.support-us .contribute.recurring {background:#a3e77e;}
	.support-us .contribute.oneoff {background: #add8e6}
	.support-us.minheight {min-height: 400px;}
	.support-us p.small {
	    font-size: smaller;
	    color: #666;
	    font-style: italic;
	}
	.support-us img.cards {width:315px;border:1px solid #336699;}

	@media screen and (max-width:768px) {
		.support-us .pad {max-width: 98%; margin:auto;}
	}
	@media screen and (max-width:468px) {
		.support-us .contribute {max-width: 95%; margin-left: auto;margin-right: auto;}
		.support-us .contribute ul li,	
		.support-us .contribute a.btn {width:100%; text-align: center}	
		.support-us .pad {max-width: 95%; margin:auto;}
		.support-us .contribute img {display: block; margin:auto;}
	}

	/*---------------------------------
		Modal
	-----------------------------------*/
	.support-modal {
		display:none;
		position: fixed;
		z-index: 1100;
		left:0;
		top:0;
		width:100%;
		height:100%;
		overflow: auto;
		background-color:rgb(0,0,0);
		background-color:rgba(0,0,0,0.6);
		height:0;
		transition: all 0.3s ease;
	}
	.support-modal .modal-content {
	    position: relative;
	    font-family: 'Roboto', sans-serif;
	    background-color: #fefefe;
	    margin: 15% auto;
	    padding: 20px;	    
	    width: 80%;
	    max-width: 1000px;
	    border: 7px solid #30567c;
	    outline: 1px solid #959595;
	}

	.support-modal .modal-content .close {
		color: #369;
	    position: absolute;
	    top: -19px;
	    right: -19px;
	    font-size: 25px;
	    font-weight: bold;
	    background: #FFF;
	    padding: 0 9px;
	    border-radius: 50%;
	    border: 1px solid #30567c;
	}
	.support-modal .modal-content .close:hover,
	.support-modal .modal-content .close:focus {
	    color: black;
	    text-decoration: none;
	    cursor: pointer;
	}

	.support-modal .modal-content h2 {
		font-size: 1.8rem;
		font-family: 'Oswald', sans-serif;
	}
	.support-modal .modal-content p {
		font-size: 15px;
	}

	.support-modal .modal-content .btn-contribute {
		background: #336699;
		color:#FFF;
		padding:14px 22px;
		border-radius: 22px;
		display: inline-block;
		text-decoration: none;
		transition: all 0.3s ease;
		margin-top:0.5em;
	}

	.support-modal .modal-content .btn-contribute:hover {
		background: #FF6500;
	}

	.supportbutton {
		position:fixed;
		top:200px;
		right:0;
	}
	@media screen and (max-width:468px) {
	.supportbutton img {max-height:152px;width:auto;}
	}