/***1101+ px-----------------------------------
 ------------------------------------------***/

/*** general ----------------------------------
-------------------------------------------***/
h1, h2, h3, h4, p{
	font-family:nexa, Helvetica, Arial, Sans-serif;
}
header, .normheader, .nav, main, .introimg, .introimg img, .introimgmobile, .introimgmobile img, .aboutext, .searchicons, .wrapper{
	width:100%;
	float:left;
}

/***main container--------------
----------------------------***/
main {
    position:absolute;
    margin-top:6em;
    height:100%;
}

/***intro image & text----------
----------------------------***/
.introimg{
    margin-top:8em;
	position:relative;
	text-align:center;
	border-bottom:.25em solid;
	border-bottom-color:rgba(230,230,230,.5);
}
.introimg img{
	display:block;
	height:100%;
	max-height:60em;
	border:0;
}
.introimgmobile, .introimgmobile img, .introimgmobile .introtextmobile, .intromobile .introtextmobile p{
    display:none;
}


/***about text--------------
------------------------***/
.abouttext p a:link, .abouttext p a:visited{
	color:#9e9e9e;
	text-decoration:none;
}
.abouttext p a:focus, .abouttext p a:hover, .abouttext p a:active{
	color:#ffa000;
}
.abouttext{
	padding:3em 2em 2em 2em;
	background-color:white;
	border-bottom:.25em solid;
	border-bottom-color:rgba(230,230,230,.5);	
	float:left;
	overflow:auto;
}
.abouttext p{
	font-size:2em;
	letter-spacing:.04em;
	word-spacing:.025em;
	margin-bottom:1em;	
}

/***search icons------------
------------------------***/
.searchicons{
	width:100%;
	text-align:center;
	background-color:#ffc107;
	border-bottom:.25em solid;
	border-bottom-color:#b6b6b6;
}
.searchicons p{
	display:block;
	width:100%;
	font-size:3em;
	color:white;
	letter-spacing:.04em;
	word-spacing:.025em;
	margin:1em 0 1em 0;
}
.icon{
	display:inline-block;
	width:12em;
	margin:1em 3em 3em 3em;
	overflow:auto;
}
.icon p{
	font-size:2em;
	color:black;
}
.icon a:link, .icon a:visited{
	display:block;
	color:black;
	text-decoration:none;
}
.icon a:focus, .icon a:hover, .icon a:active{
	color:white;
}
.icon img{
	width:100%;
	height:100%;
	max-width:10em;
	max-height:8em;
}

/***contribute image & text----------
----------------------------***/
.contrimg{
        float: left;
        width:100%;
	text-align:center;
	border-bottom:.25em solid;
	border-bottom-color:rgba(230,230,230,.5);
}
.contrimg p{
        position:absolute;
        margin-top:5em;
	width:100%;
	font-size:4em;
	background-color:#ffecb3;
        color:black;
}
.contrimg img{
	display:block;
        width:100%;
	height:auto;
	max-height:50em;
	border:0;
}
.contrimg a:link, .contrimg a:visited, .contrimg a:focus, .contrimg a:hover, .contrimg a:active{
        color:black;
        text-decoration:none;
}
.contrimgmobile, .contrimgmobile p, .contrimgmobile img{
    display:none;
}
/**** Google Maps--------------------------
----------------------------------------**/
#geolocation-shortcode-1{
        float:left;
		max-width:90%;
		width:90%;
		margin:0 5% 0 5%;
}




/***1100px----------------------------------
----------------------------------------***/
@media screen and (max-width:1100px){

/*** header, navigation & hamburger---------
----------------------------------------***/
h1{
	font-size:1.3em;
	word-spacing:.02em;
}
h2{
	font-size:.75em;
	letter-spacing:.045em;
}
.normheader {
	padding-top:2em;
}
.hamburger img{
	margin-top:.5em;
}
/***intro image & text----------
----------------------------***/
.introimg{
    margin-top:5em;
}
.introimg .introtext p{
    font-size:2.5em;
    bottom:2em;
}
/***search icons--------------------------
-------------------------------------***/
.icon{
	margin-bottom:2em;
}

/***contribute image & text----------
----------------------------***/
.contrimg p{
        position:absolute;
        margin-top:5em;
	width:100%;
	font-size:2.5em;
	background-color:#ffecb3;
        color:black;
}


}


/***760px-----------------------------------
----------------------------------------***/
@media screen and (max-width:760px){

/*** header, navigation & hamburger---------
----------------------------------------***/
h2{
	font-size:.75em;
	letter-spacing:.04em;
}
.hamburger img{
	margin-top:1.5em;
}
.smallscreencontainer_title{
	display:inline-block;
	width:100%;
	max-width:30em;
}
.hamheader{
	padding-bottom:1em;
}
.hamburgerMenu{
	margin-top:1em;
}

/***intro image & text----------
----------------------------***/
.introimg{
    margin-top:6em;
}
.introimg .introtext p{
    font-size:2em;
    bottom:2em;
}

/***about text--------------
------------------------***/
.abouttext{
	padding-top:2em;
	padding-bottom:2em;
}
.abouttext p{
	font-size:1.5em;
	letter-spacing:.035em;
	word-spacing:.02em;	
}


/***search icons------------------
------------------------------***/
.searchicons p{
	font-size:1.5em;
}
.icon{
	display:inline-block;
        width:9em;
	margin:1em 2em 1em 2em;
        overflow:auto;
}
.icon p{
	font-size:1em;
}
.icon img{
	width:100%;
	height:100%;
	max-width:7em;
	max-height:5em;
}


/***contribute image & text----------
----------------------------***/
.contrimg p{
        position:absolute;
        margin-top:5em;
	width:100%;
	font-size:2em;
	background-color:#ffecb3;
        color:black;
}

}


/***640px-----------------------------------
----------------------------------------***/
@media screen and (max-width:640px){

/*** header, navigation & hamburger---------
----------------------------------------***/
h1{
	font-size:1em;
}
.vanish{
	display:none;
}
.smallscreencontainer_title{
	width:100%;
	max-width:12em;
}
.hamburger img{
	margin-top:.8em;
}

/***intro image & text----------
----------------------------***/
.introimg, .introimg img, .introtext p{
    display:none
}
.introimgmobile{
    display:block;
    position:relative;
    margin-top:-1em;
    text-align:center;
    border-bottom:.25em solid;
    border-bottom-color:rgba(230,230,230,.5);
}
.introimgmobile img{
    display:block;
    height:100%;
    max-height:25em;
    border:0;
}
.introimgmobile .introtextmobile{
    display:block;
    position:absolute;
    width:100%;
    bottom:1em;
}
.introimgmobile .introtextmobile p{
    color:#ffc107;
    font-size:2em;
}

/*** about text----------------
-------------------------- ***/
.abouttext{
	padding:1em 1em 1em 1em;
}
.abouttext p{
	font-size:1em;
}

/***contribute image & text----------
----------------------------***/
.contrimgmobile{
        display:block;
        float: left;
        width:100%;
	text-align:center;
	border-bottom:.25em solid;
	border-bottom-color:rgba(230,230,230,.5);
}
.contrimgmobile p{
        display:block;
        position:absolute;
        margin-top:4em;
	width:100%;
	font-size:1.75em;
	background-color:#ffecb3;
        color:black;
}
.contrimgmobile a:link, .contrimgmobile a:visited, .contrimgmobile a:focus, .contrimgmobile a:hover, .contrimgmobile a:active{
        color:black;
        text-decoration:none;
}
.contrimgmobile img{
	display:block;
        width:100%;
	height:auto;
	max-height:50em;
	border:0;
}
.contrimg, .contrimg p, .contrimg img{
    display:none;
}

}


/***320px-----------------------------------
----------------------------------------***/
@media screen and (max-width:320px){
/*** header, navigation & hamburger---------
----------------------------------------***/
h1{
	font-size:.8em;
}
h2{
	font-size:.7em;
}
.hamheader{
	padding:2em 1em 2em 1em;
}
.smallscreencontainer_title{
	width:100%;
	max-width:10em;
}
.hamburger img{
	margin-top:.5em;
}


/***intro image & text----------
----------------------------***/
.introimgmobile .introtextmobile p{
    color:#ffc107;
    font-size:1.5em;
}


/*** about text----------------
-------------------------- ***/
.abouttext{
	padding:1em .5em 1em .5em;
}
.abouttext p{
	font-size:1em;
}

/***contribute image & text----------
---------------------------------***/
.contrimgmobile p{
        display:block;
        position:absolute;
        margin-top:4em;
	width:100%;
	font-size:1.5em;
	background-color:#ffecb3;
        color:black;
}

}