body
{
    background-color: #eee;
}

#wrapper
{
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 1rem;
    max-width:980px;
    width:100%;
    margin-left:auto;
    margin-right:auto;

    background-color: #ffffff;
    line-height: 130%;
    padding:0px;
    overflow: hidden;

}

#content
{

    max-width :960px;
    padding-left:5%;
    padding-right:5%;
    width:90%;

}

h1
{
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;

    font-size:2rem;
}

h2
{
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    line-height: 120%;
    font-size:1.4rem;
}

header
{
    background-color: #fff;
   /* min-height:10rem;*/
}

input, textarea
{
    line-height: 150%;
    font-size: 1rem;
   width:100%;
}
input[type="radio"]
{
    width:auto;
}

select
{
    line-height: 150%;
    font-size: 1rem;
   /* width:100%;*/
}

a.button
{
    display:inline-block;
    height:30px;
    padding:5px;
    margin:10px;
    margin-left:0px;
    background-color:#ff7600;
    text-decoration:none;
    color: #ffffff;
    padding-top:15px;
}

a.button_small
{
    display:inline-block;
    height:20px;
    padding:5px;
    margin:5px;
    margin-left:0px;
    background-color:#ff7600;
    text-decoration:none;
    color: #ffffff;

}

a
{
    color:#000000;
    font-weight:700; 
}

#status{
    font-weight:700;
    color:#FF0000;
}

label
{
    display:block;
    /*   font-weight:bold;
    */                
    padding-top:10px;
}

.form_error
{
    background-color: orange;
}

@media screen and (max-width: 768px) {

    h1
    {
        font-size:1.4rem;
    }

    h2
    {
        font-size:1.2rem;
    }


    #content
    {
        padding-left:10%;
        width:80%;
        padding-right:10%;
    }

    .hide_mobile
    {
        display:none;
    }



}

/* grid easy */
[class*="col-"] {
    width: 100%;
    float:left;
}

.row
{
	float:left;
	width:100%;
	margin-bottom:1rem;
}


@media only screen and (min-width: 600px) {


.col-1  {width: 8.33%;}
	.col-2  {width: 16.67%;}
	.col-3  {width: 25%;}
	.col-4  {width: 33.33%;}
	.col-5  {width: 41.67%;}
	.col-6  {width: 50%;}
	.col-7  {width: 58.33%;}
	.col-8  {width: 66.67%;}
	.col-9  {width: 75%;}
	.col-10 {width: 83.33%;}
	.col-11 {width: 91.67%;}
	.col-12 {width: 100%;}

}