.inputTitle{
	margin: 0 12px;
	font-weight: 600;
}

.inputClass{
	height: 3em;
	font-size: 1em;
}

.errorText{
	display: none;
	padding-left: 12px;
}

#dialogBtnDiv{
	margin-top: 10px;
}

#dialogBtn{
	padding: 10px 20px;
}

#dialogBtn:hover{
	background-color: green;
}

#dialogContent{
    display: none;
	position: fixed;
    z-index: 300;
	width: 400px;
    top: 50%;
    margin-top: -150px;
    left: 50%;
    margin-left: -200px;
	min-width: 300px;
	border: 1px solid #ccc;
    padding: 25px 20px;
	border-radius: 6px;
	background-color: #fff;
    box-shadow: 5px 7px 20px 5px rgba(0,0,0,0.2);
}	
 
#pageDimmer{
    display: none;
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	z-index: 2;
	background-color: rgba(0,0,0,0.8);
}
#offerListDiv{
    width: 400px;
    font-size: 20px;
	margin: auto;
}
#offerList{
	text-align: left;
}
.checkmark{
    color:#30e514;
    font-weight:bold;
    font-size: 30px;
}

@media screen and (min-width:1200px){
    .landing-image{
        width: 100%;
        height: 100%;
    }
}

@media screen and (max-width:991px){
	#dialogContent{
		width: 350px;
		margin-left: -175px;
	}
	#logo-icon{
		display: none;
	}
}

@media screen and (max-width:480px){
    h1{
        font-size: 38px;
    }
	
	#offerListDiv{
		width: 300px;
		font-size: 16px;
	}
}


@media screen and (max-width:350px){
	#dialogContent{
		width: 305px;
		margin-left: -152.5px;
	}
	#offerListDiv{
		width: 280px;
		font-size: 12px;
	}
}