/* 
----------------
BELOW 768 HEIGHT
----------------
*/
@media screen and (max-height: 768px) {


.site-wrapper {
	height: 768px;
	border: 20px solid #FFFFFF;
}

.site-logo {
	width: 100px;
	top: 20px;
}
.site-logo:hover {top: 10px;}

.background {
	height: 200px;
	border: 20px solid #FFFFFF;
	top: 20px;
}
.background.full {height: 728px;}

.hero-wrapper {
	height: 528px;
    margin: 200px 0 0 0;
}
.title {
	max-width: 500px !important;
	top: 150px;
}

.footer {
	height: 180px;
	top: 590px;
	border: 20px solid #FFFFFF;
	position: absolute;
}
.site-wrapper.scroll .footer {
	position: fixed;
    bottom: 0px;
    top: auto;
}

.home-title-wrapper {padding: 230px 0 0 0;}
.home-navigation-wrapper {padding: 40px 0 0 0;}

.hero .tree-left, .hero .tree-right {bottom: -530px;}

.nominatedtrees .carousel {margin: 40px 0 0 0;}
.nominatedtrees .carousel .item .copy {height: 100px;}

.singletree .tree {padding: 100px 0 0 0;}
.singletree .tree .carousel .slick-slide,
.singletree .tree .copy {height: 420px;}

.whyrescuetrees .copy {
	height: 320px;
	margin: 40px 0 0 0;
}
.therescueprocess .copy {
	height: 260px;
	margin: 80px 0 0 0;
}

.nominatedtrees .carousel .item .image {height: 200px;}

.sponsors .copy {margin: 80px 0 0 0;}
.sponsors .copy h1 {margin: 0 0 20px 0;}

.becomeasponsor .copy {margin: 100px 0 0 0;}
.becomeasponsor .copy h1 {margin: 0 0 20px 0;}

.default .copy {
	height: 300px;
	margin: 40px 0 0 0;
}


}





/* 
----------------
BELOW 1400 WIDTH
----------------
*/
@media screen and (max-width: 1399px) {


/* Site */

.site-wrapper {border: 20px solid #FFFFFF;}
.site-logo {top: 20px;}
.site-logo:hover {top: 10px;}

.background {
	border: 20px solid #FFFFFF;
	top: 20px;
}

.footer {
	height: 180px;
	border: 20px solid #FFFFFF;
}
.footer .inner .links {width: 380px;}
.footer .inner .links .item a {font-size: 11px;}

.nominateatree .trees {bottom: 110px;}


}






/* 
----------------
BELOW 1000 WIDTH
----------------
*/
@media screen and (max-width: 999px) {


/* Site */

.footer .dot-navigation {display: none;}
.footer .inner .socials {
    padding: 40px 0 0 20px;
    float: left;
}
.footer .inner .links {margin: 60px 20px 0 0;}

.title {max-width: 80% !important;}

.hero .tree-left, 
.hero .tree-right {display: none;}

.toggle {display: inline-block;}

/* Home */

.home-title {
    width: 100%;
    padding: 0 20px;
    box-sizing: border-box;
}
.home-navigation {
    width: 100%;
    padding: 0 20px;
    box-sizing: border-box;
}

/* Nominated trees */

.nominateatree .hero {
	min-width: auto;
	width: 100%;
	padding: 0 20px;
	box-sizing: border-box;
}
.nominateatree .form {
    min-width: auto;
	width: 100%;
	padding: 0 20px;
	box-sizing: border-box;
}

.singletree .hero {
    width: 100%;
    padding: 0 20px;
    box-sizing: border-box;
}

.singletree .tree .carousel {width: 400px;}
.singletree .tree .copy {
	width: 35%;
	padding: 0px;
}


}





/* 
----------------
BELOW 768 WIDTH
----------------
*/
@media screen and (max-width: 767px) {


/* Site */

.site-wrapper {
	height: auto;
	border: 10px solid #FFFFFF;
}
.site-logo,
.site-wrapper.minimal .site-logo {
	opacity: 1;
	visibility: visible;
	width: 100px;
	top: 10px;
}
.site-logo:hover {top: 10px;}

.background,
.site-wrapper.minimal .background {
	height: 200px;
	border: 10px solid #FFFFFF;
	top: 10px;
}
.background.full {height: 580px !important;}

.hero-wrapper,
.site-wrapper.minimal .hero-wrapper {
	height: auto;
	overflow: visible;
	padding-bottom: 180px;
	margin: 200px 0 0 0;
	background-position: top center !important;
	background-size: 1000px auto;
}
.hero {
	width: 100%;
	padding: 0 20px;
	box-sizing: border-box;
}

.footer,
.site-wrapper.scroll .footer {
	height: 160px;
    border: 0px solid #FFFFFF;
    position: relative;
    top: auto;
    margin-top: -160px;
}
.footer .nominate,
.footer .nominate:hover {
    width: 180px;
    top: 0px;
}

.page-container h1 {font-size: 20px;}

.default .copy {
	height: auto;
	overflow: visible;
	padding: 0px;
}

.title,
.site-wrapper.minimal .title {
	max-width: 60% !important;
	top: 160px;
}

.menu {
	padding: 20vh 0 0 0;
	border: 10px solid #FFFFFF;
}
.toggle {
    top: 10px;
    right: 10px;
}

/* Home */

.page-container .home {
	width: 100%;
	float: left;
	padding-bottom: 240px;
}
.home-title-wrapper {padding: 200px 0 0 0;}
.home-navigation-wrapper {padding: 40px 0 0 0;}

/* Nominated trees */

.nominatedtrees .hero {
    width: 100%;
    padding: 0 60px;
}
.nominatedtrees .carousel {margin: 40px 0 0 0;}
.nominatedtrees .carousel .item .image {height: 200px;}
.nominatedtrees .carousel button.slick-prev, 
.singletree .carousel button.slick-prev {left: -50px;}
.nominatedtrees .carousel button.slick-next, 
.singletree .carousel button.slick-next {right: -50px;}

.nominateatree .hero-wrapper {padding-bottom: 0px;}
.nominateatree .form-wrapper {padding: 40px 0 180px 0;}
.nominateatree .subtitle img {width: 200px;}
.nominateatree .form h1 {font-size: 18px;}
.nominateatree .form form .submit input {
    width: 105px;
    height: 50px;
}
.nominateatree .subtitle {padding: 80px 0 0 0;}

.nominateatree .trees {display: none;}

/* Why rescue trees */

.whyrescuetrees .copy {    
	height: auto;
	margin: 50px 0 0 0;
    padding: 0px;
    overflow: visible;   
}

/* The rescue process */

.therescueprocess .copy {
	height: auto;
	overflow: visible;
	padding: 0px;
	margin: 60px 0 0 0;
}

/* Sponsors */

.sponsors .copy {margin: 60px 0 0 0;}
.sponsors .copy h1 {
	font-size: 18px;
	margin: 0 0 20px 0;
}
.sponsors .logos img {width: 120px;}

.becomeasponsor .copy {margin: 60px 0 0 0;}
.becomeasponsor .copy h1 {margin: 0 0 20px 0;}

/* Default */

.default .copy {margin: 40px 0 0 0;}

/* Single tree */

.singletree .tree {padding: 40px 0 0 0;}
.singletree .tree .carousel {
    width: 100%;
    margin: 0 auto;
    float: none;
}
.singletree .tree .carousel .slick-slide {
    width: 92vw;
    height: 420px;
}
.singletree .tree .copy {
    width: 100%;
    height: auto;
    padding: 20px 0 0 0;
    overflow: visible;
}
.singletree .tree .copy h2 {font-size: 18px;}


}




/* 
----------------
BELOW 600 WIDTH
----------------
*/
@media screen and (max-width: 599px) {


/* Site */

.site-logo,
.site-wrapper.minimal .site-logo {width: 80px;}

.background,
.site-wrapper.minimal .background {height: 150px;}
.background.full {height: 600px !important;}

.footer .nominate, 
.footer .nominate:hover {
    width: 150px;
    top: 20px;
}
.footer .inner .links {display: none;}
.footer .inner .socials {
	width: 40px;
	float: none;
	padding: 45px 0 0 0;
}
.footer .inner .socials .icon {width: 40px;}

.title,
.site-wrapper.minimal .title {
	width: 100% !important;
    max-width: 340px !important;
	top: 130px;
	padding: 0 20px;
	box-sizing: border-box;
}

.page-container h1 {font-size: 16px;}
p {font-size: 14px;}

.hero-wrapper,
.site-wrapper.minimal .hero-wrapper {
	margin: 150px 0 0 0;
	padding-bottom: 160px;
}

.menu {padding: 5vh 0 0 0;}
.menu .item {font-size: 14px;}
.item.bopgun {font-size: 10px;}
.menu .close-wrapper {margin: 0 0 30px 0;}

/* Home */

.home-title {text-align: center;}
.home-title img {
	width: 80%;
    max-width: 260px;
    float: none;
    margin: 0 auto;
}
.home-title img.desktop {display: none;}
.home-title img.mobile {display: inline-block;}

.page-container .home {padding-bottom: 190px;}
.home-navigation {width: 300px;}
.home-navigation .button {
	width: 47.5%;
	margin: 0 5% 0 0;
}
.home-navigation .button:nth-child(2n+2) {margin: 0 auto;}
.home-navigation .button img {max-width: 140px;}

.home-title-wrapper {padding: 160px 0 0 0;}

/* Nominate a tree */

.nominateatree .form-wrapper {padding: 20px 0 180px 0;}
.nominateatree .subtitle {padding: 60px 0 0 0;}
.nominateatree .subtitle img {width: 140px;}
.nominateatree .howitworks {padding: 20px 0 0 0;}
.nominateatree .form h1 {font-size: 14px;}
.nominateatree .form form .images .image {
    width: 100%;
    margin: 0 5% 10px 0;
}
.nominateatree .form form .field,
.nominateatree .form form .field:nth-child(2n+3) {
    width: 100%;
    margin: 0 0 10px 0;
}
.nominateatree .form form .textarea {margin: 0 0 10px 0;}

.nominateatree .howitworks .item {
	width: 50%;
	margin: 0 0 20px 0;
}
.nominateatree .howitworks .item:nth-last-child(1) {
	width: 100%;
	margin: 0 auto;
}
.nominateatree .howitworks .item:nth-child(2n+3) {clear: both;}
.nominateatree .howitworks .item img {
	width: 90px;
    max-width: 50%;
}
.nominateatree .howitworks .item p {
	font-size: 13px;
    padding: 0 10px;
}

.nominatedtrees .carousel .item .copy h2 {font-size: 16px;}
.nominatedtrees .carousel .item .copy h3 {font-size: 14px;}

/* Rescue process */

.therescueprocess .copy {margin: 60px 0 0 0;}

/* Sponsors */

.sponsors .copy h1 {font-size: 14px;}
.sponsors .copy {margin: 80px 0 0 0;}


.becomeasponsor .copy {margin: 60px 0 0 0;}
.becomeasponsor .copy h1 {font-size: 14px;}

.becomeasponsor .copy .button {
    width: 260px;
    height: 70px;
    padding: 25px 0 0 0;
}
.becomeasponsor .copy .button p {font-size: 14px;}

/* Single tree */

.singletree .tree .carousel .slick-slide {
    width: 90vw;
    height: 320px;
}
.singletree .tree .copy h2 {font-size: 16px;}


}