#modal {
	max-width:450px;
	width:calc(100% - 60px);
	padding:30px;
    border-radius:15px;
}

#modal .text {
	font-weight: bold;
    font-size:25px;
	padding-bottom:20px;
	text-transform:uppercase;
    width: calc(100% - 30px);
}

#modal .inputs {
	margin-bottom:20px;
}

#modal .inputs span {
	font-size: 15px;
    color: #4A4A4A;
    display: block;
    font-weight: 400;
    padding-bottom: 10px;
}

#modal .inputs input {
	border: 0;
    width: 100%;
    border: 1px solid #C9C9C9;
    padding: 15px;
    border-radius:5px;
}

#modal .inputs textarea {
	border: 0;
    width: 100%;
    min-width:100%;
    max-width:100%;
    min-height:150px;
    border: 1px solid #C9C9C9;
    padding: 15px;
    border-radius:5px;
}

#modal .terms a {
	color:#000;
}

#modal .terms {
	padding-bottom: 20px;
    font-size: 13px;
    text-decoration: none;
}

#modal .terms a:hover {
    text-decoration:none;
}

#modal .black {
	width:100%;
}

.fancybox-close-small {
	top: 25px;
    right: 18px;
	font: 35px/40px Arial,"Helvetica Neue",Helvetica,sans-serif;
}

.fancybox-close-small:focus:after {
  outline: 0;
}

.fancybox-close-small:after,
.fancybox-close-small:hover:after {
    font-size:40px;
    background:none;
}

@media screen and (max-width:470px) {
	#modal .black {
		min-width: 200px;
	}
	
	#modal {
		width: 100%;
        height: 100vh;
        overflow-y:auto;
        margin-top:0;
        border-radius:0 !important;
	}

    .fancybox-slide--html {
        padding:0px !important;
    }
}

@media screen and (max-width:320px) {
	#modal .text {
		font-size: 20px;
	}
	
	#modal .terms {
		font-size: 13px;
	}
}