.modal {
	  display: none;
	  position: fixed;
	  z-index: 10000;
	  padding-top: 0;
	  left: 0;
	  top: 0;
	  width: 100%;
	  height: 100%;
	  overflow: auto;
	  background-color: rgb(0,0,0);
	  background-color: rgba(0,0,0,0.4);
	}

	.modal-content {
		display: none;
		background: #ffffff;
		margin: auto;
		padding: 20px;
		border: 1px solid #888;
		width: 80%;
		height: 80%;
		text-align: center;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		position: absolute;
		overflow: hidden;
		max-height: 720px;
		max-width: 1200px;
	}

	.modal-content h2 {
		font-family: fs_emericlight;
		font-weight: 600;
		color: #ff9e18;
		margin-bottom: 20px;
		font-size: 24px;
		line-height: 30px;
	}

	.modal-content .button-container {
		overflow: hidden;
	}

	.modal-content .button-wrap {
		float: left;
		width: 100%;
		margin-bottom: 20px;
	}

	.modal-content button {
		width: 210px;
		font-size: 20px;
		line-height: 20px;
		background: #ffffff;
		border: 1px solid #ff9e18;
		border-radius: 60px;
		color: #ff9e18;
		outline: none;
		padding: 15px 20px;
		cursor: pointer;
	}

	.modal-content button.orange {
		background: #ff9e18 !important;
		color: #ffffff;
	}

	.modal-content .svg-objects {
		position: absolute;
		height: 100%;
		width: 100%;
		z-index: 0;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}

	.modal-content .svg-objects .blue{
	    top: -160px;
	    width: 100%;
	    height: auto;
	    position: absolute;
		left: -600px;
		background-color: inherit !important;
	}
	.modal-content .svg-objects .blue img {
		width: 900px;
	}

	.modal-content .svg-objects .turquoise{
	    bottom: -80px;
	    width: 100%;
	    height: auto;
	    position: absolute;
	    right: -50%;
	}
	.modal-content .svg-objects .turquoise img {
		width: 100%;
	}

	.modal-content .svg-objects .salmon{
	    bottom: -180px;
	    width: 100%;
	    height: auto;
	    position: absolute;
	    left: -70%;
	}
	.modal-content .svg-objects .salmon img {
		width: 100%;
	}

	.modal-content .text-objects {
		position: relative;
		z-index: 1;
	}

	.modal-content .button-container{
		position: relative;
		z-index: 1;
	}

	.modal-content .overlay-items{
		transform: translate(-50%, -50%);
	    top: 50%;
	    left: 50%;
	    position: absolute;
	    z-index: 2;
	    width: 70%;
	}

	.modal-content .new-brand-logo{
		margin: 0 0 20px 0;
		padding: 0;
		float: inherit;
		width: auto;
	}
	.modal-content .new-brand-logo img{
		width: 100%;
		max-height: inherit;
	}

	@media only screen and (min-width: 550px) {
		.modal-content .svg-objects .salmon{
	    	bottom: -35%;
	    }

		.modal-content .svg-objects .turquoise{
			bottom: -20%;
		}

		.modal-content .svg-objects .blue{
			top: -40%;
			left: -50%;
		}
		.modal-content .svg-objects .blue img {
			width: 1200px;
		}
	}

	@media only screen and (min-width: 700px) {
		.modal-content .svg-objects .salmon{
			bottom: -35%;
			left: -70%;
	    }
	    .modal-content .svg-objects .salmon img{
	    	width: 600px;
	    }

	    .modal-content .svg-objects .turquoise{
			bottom: -20%;
			right: -50%;
		}
		.modal-content .svg-objects .turquoise img{
			width: 600px;
		}

		.modal-content .svg-objects .blue{
		    top: -45%;
		    left: -52%;
		}
		.modal-content .svg-objects .blue img {
			width: 1400px;
		}
	}

	@media only screen and (min-width: 900px) {
		.modal-content .svg-objects .salmon{
			bottom: -45%;
			left: -45%;
	    }

	    .modal-content .svg-objects .turquoise{
			bottom: -30%;
		}

		.modal-content .svg-objects .blue{
		    top: -60%;
		}
		.modal-content .svg-objects .blue img {
			width: 1600px;
		}
	}

	@media only screen and (min-width: 1150px) {
		.modal-content .svg-objects .salmon{
			left: -40%;
	    }

	    .modal-content .svg-objects .turquoise{
			bottom: -20%;
		}

		.modal-content .svg-objects .blue{
		    top: -60%;
		}
		.modal-content .svg-objects .blue img {
			width: 1800px;
		}
	}