#aboutPage{
    width:75%;
    margin:0px auto;
    padding:20px;
    font-size:20px;
    text-align:justify;
} 

#pageHeader{
    font-size:40px;
    padding:30px 0px;
}

#emailform{
    display:block;
    width:75%;
    font-size:20px;
    /*border:1px solid gray;*/
    /*background-color:#F2F2F2;*/
    /*border-radius: 10px;*/
    padding:50px;
    min-height:600px;
}

.emailformIndiv, .emailformIndivText{
    height:50px;
    margin:10px;
}


#emailform label{
    float:left;
    display:block;
    width:30%;
    text-align:right;
    padding-right:10px;

}

.emailformInputDiv, #myRecaptcha{
    float:right;
    display:block;
    width:70%;
    text-align:left;

}

#buttonDiv{
    clear:both;
    width:100%;
}

.emailformInputDiv button{
    width:50%;
    padding:5px;
    font-size:25px;
    margin-top:30px;
    cursor:pointer;
    /*border-radius: 1px;*/

}

#emailformInputDiv button:hover{
    /*background-color: gray;*/
}

input, textArea{
    font-size:20px; 
    padding:5px;
    width:300px;
    border-radius:5px;
}

textArea{
    height:200px;
}

#aboutPage article{
    font-size:25px;
    line-height: 35px;
    word-spacing: 5px;
    width:75%;
    padding-bottom:50px;
}

@media screen and (max-width: 700px){
        #aboutPage{
            width:99%;
            padding:5px;
        }
        
        #emailform{
            width:100%;
            padding:20px 20px;
            border:none;
        }

        .emailformIndiv{
            margin:0px;
            height:75px;
        }

        .emailformIndivText{
            margin:0px;
            height:250px;
        }

        #emailform label{
            float:none;
            display:block;
            text-align:left;
        }

        .emailformInputDiv, #myRecaptcha{
            float:none;
            display:block;
            text-align:left;
        }

        input, textArea{
            width:250px;
        }

        #aboutPage article{
            width:95%;
            margin:0px auto;
        }


}