﻿/* CSS Document */
#main-content{
	text-align:center;	
}

p{
	display:inline-block;
	max-width:90%;
	line-height: 1.5rem !important;
	margin-bottom:10px;
	color:black;
}

h2{
	text-align:center;
	width:90%;
	max-width:700px;
	display:inline-block;
	line-height:2.5rem;
}

h3{
	text-align:center;
	width:90%;
	max-width:700px;
	display:inline-block;
}

h1{
	padding-top:25px;
	width:90%;
	max-width:700px;
	display:block;
}

.listitem{
	margin:3%;
}
img{
	width:100%;
	height:auto;	
}

.cTAWrap{
	max-width:600px;
	display:inline-block;
}
.cTAWrap h2,
.cTAWrap h3{
	text-align:left;
	
	display:inline-block;
	max-width: 700px;
}
.applyForm label{
	width:90%;
	display: inline-block;
	text-align: left;
	margin: 10px 0 3px;
	font-weight: bolder;
	
}
.applyForm input{
	width:90%;    display: inline-block;
}
.applyForm{
	color: black;
	font-weight: bolder;
	background-color:lightgray;
}
.helpTxt{
	font-size: 1rem;
    font-family: sans-serif;
	text-align: left;
}
ul.bullet{
	max-width:700px;
	width:90%;
	display:inline-block;
	text-align:left;
	list-style:disc outside none;
	padding-left:20px;
	margin-bottom:30px;
	font-family:'Open Sans', sans-serif;
	
}
.bullet li{
	line-height:2rem;
	font-size:1.5rem;	
	font-weight:300;
	width:80%;
}

.cta{
	text-align:left;
	width:90%;
	max-width:700px;
	display:inline-block;
	margin:10px 0 50px;	
}

#zohoSupportWebToCase #signupForm {
        /*position: absolute;*/
    background-color: #d3d3d3ed;
    margin: auto;
    width: 100%;
    /*height: 79%;*/
    z-index: 1;
}
@media screen and (max-width:768px){
	
	.button{
		width:95%;
		
		font-size:24px;
		font-size:1.5rem;	
	}
	 p{
		font-size:1.5rem;
		line-height:1.5rem;
	}

}
@media screen and (min-width:768px){
	.positionDescription{
		float:left;
		max-width: 55%
	}
    .applyForm {
        float: right;
        max-width: 40%;
        display: inline-block;
        background-color: lightgray;
        position: relative;
    }
    .bullet li {
        line-height: 1.5rem;
        font-size: 1rem;
        width: 80%;
    }
    .applyForm input {
        width: 80%;
    }
    .applyForm label {
        width: 80%;
    }
    .helpTxt {
        font-size: .6rem;
        max-width: 80%;
    }
}