.banner-container{
	position: relative;
}

.campaign-logo {
    position: absolute;
    margin-top: -24%;
    width: 25%;
    left: 42%;
    animation: myAnim 2s ease 0s infinite normal forwards;
}

.location-background{
	background: #FFFEF0
}

.location-container{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 4%;
	padding-bottom: 4%;
}

.location-container h1{
	font-family: 'Hello';
	font-size: 60pt;
	padding-top: 8%;
	    letter-spacing: -6pt;
}

.location-container h3{
	font-family: 'Poppins';
	color: #976F51;
	font-size: 18pt;
	font-weight: 300;
    font-style: normal;
}

.location-container p{
	font-family: 'Poppins';
	color: #231F20;
	font-size: 10pt;
	font-weight: 300;
    font-style: normal;
}

.project-background{
	background: url("../images/projecct-background.png");
	background-size: cover
}

.project-title{
	width: 50%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 5%;
    padding-bottom: 3%;
}

.project{
	width: 90%;
    margin-left: auto;
    margin-right: auto;
	padding-bottom: 5%
}

.register-background{
	background: url("../images/register-background.png");
	background-size: cover
}

.register-container {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
	padding-top: 5%;
    padding-bottom: 3%;
    position: relative;
}

 .register-container iframe {
        height: 550px;
        width: 95%;
        border: none;
        overflow: hidden;
    }

.footer {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
	padding-bottom: 1%;
}

.footer h2 {
    color: #fff;
    font-size: 10pt;
	font-family: 'AvantGarde Bk BT';
}

.footer h3 {
    color: #fff;
    font-size: 9pt;
    text-align: right;
	font-family: 'AvantGarde Bk BT';
}

a {
    color: #fff !important;
}

.contact-container img {
    width: 20%;
    padding-top: 5%;
    padding-bottom: 5%;
}

.contact-container h3 {
    font-weight: 300;
    color: #fff;
    font-size: 13pt;
    margin-bottom: 2%;
}

.contact-container h2 {
    color: #fff;
    font-size: 20pt;
    margin-top: 5%;
    font-weight: 600;
}

.contact-container h4 {
    color: #fff;
    font-size: 26pt;
    font-weight: 600;
	    margin-bottom: 5%;
}

.social-icon {
    display: flex;
    width: 100%;
    margin-top: 8%;
    align-items: center;
}

.social-icon .facebook{
    width: 8%;
    margin-right: 2%;
}

.social-icon .youtube{
    width: 8%;
    margin-right: 2%;
}

.social-icon .insta{
    width: 8%;
    margin-right: 2%;
}

.social-title{
	width: 27%;
}

.document-container {
    font-size: 15pt;
    color: #4f565b;
    text-align: center;
    margin-top: 8%;
    margin-bottom: 8%;
}

.mobile-show{
	display: none
}
/* Mobile */
@media screen and (orientation:portrait) {
.footer h2 {
    color: #fff;
    font-size: 10pt;
    font-family: 'AvantGarde Bk BT';
    text-align: center;
}
.contact-container img {
    width: 30%;
    padding-top: 5%;
    padding-bottom: 5%;
}
.contact-container h2 {
    color: #fff;
    font-size: 10pt;
    margin-top: 5%;
    font-weight: 600;
}
    .icon-bar-register {
        list-style: none;
        display: block;
        z-index: 1000001;
        position: fixed;
        right: 0%;
        top: 4%;
        width: 20% !important;
    }
.footer {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 15%;
}
	.location-container img{
		padding-bottom: 5%
	}
.project-title {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 5%;
    padding-bottom: 3%;
}
    .campaign-logo {
        position: absolute;
        margin-top: -85%;
        width: 56%;
        left: 23%;
        animation: myAnim 2s ease 0s infinite normal forwards;
    }
.mobile-show{
	display: block
}
.desktop-show{
	display: none
}
    .register-container iframe {
        height: 450px;
        width: 100%;
        border: none;
        overflow: hidden;
    }
.social-title {
    width: 27%;
    margin: 0 auto;
}
.social-icon {
    display: flex;
    width: 100%;
    margin-top: 8%;
    align-items: center;
    justify-content: center;
}
.contact-container h3 {
    font-weight: 300;
    color: #fff;
    font-size: 9pt;
    margin-bottom: 2%;
}
	.contact-container{
		text-align: center;
	}
.location-container {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 4%;
    padding-bottom: 4%;
}
.location-container h1 {
    font-family: 'Hello';
    font-size: 35pt;
    padding-top: 8%;
}
.location-container h3 {
    font-family: 'Poppins';
    color: #976F51;
    font-size: 14pt;
    font-weight: 300;
    font-style: normal;
}
.location-container p {
    font-family: 'Poppins';
    color: #231F20;
    font-size: 7pt;
    font-weight: 300;
    font-style: normal;
}
.footer h3 {
    color: #fff;
    font-size: 7pt;
    text-align: center;
}
.register-container {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 5%;
    padding-bottom: 3%;
    position: relative;
}
#button {
    display: inline-block;
    background-color: #FF9800;
    width: 30px;
    height: 30px;
    text-align: center;
    border-radius: 4px;
    position: fixed;
    bottom: 5%;
    right: 3% !important;
    transition: background-color .3s, opacity .5s, visibility .5s;
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
}
}
/* Mobile Portrait */


/* Mobile Landscape */
@media only screen and (max-width: 768px) and (orientation: landscape) {
.footer h2 {
    color: #fff;
    font-size: 8pt;
    font-family: 'AvantGarde Bk BT';
}
.footer {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 1%;
}
.footer h3 {
    color: #fff;
    font-size: 6pt;
    text-align: right;
    font-family: 'AvantGarde Bk BT';
}
.register-container iframe {
    height: 440px;
    width: 100%;
    border: none;
    overflow: hidden;
}
.register-container {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 5%;
    padding-bottom: 3%;
    position: relative;
}
    .icon-bar-register {
        list-style: none;
        display: block;
        z-index: 1000001;
        position: fixed;
        right: 0%;
        top: 4%;
        width: 9%;
    }
	
}
/* Mobile Landscape */

/* icon bar */
.icon-bar-register {
    list-style: none;
    display: block;
    z-index: 1000001;
    position: fixed;
    right: 1%;
    top: 4%;
    width: 10%;
}


/* icon bar */

@keyframes myAnim {
	0%,
	100% {
		transform: rotate(2deg);
		transform-origin: 50% 100%;
	}

	10% {
		transform: rotate(2deg);
	}

	20%,
	40%,
	60% {
		transform: rotate(-4deg);
	}

	30%,
	50%,
	70% {
		transform: rotate(4deg);
	}

	80% {
		transform: rotate(-2deg);
	}

	90% {
		transform: rotate(2deg);
	}
}



.zoomin {
    animation: zoomin 3s ease-in-out infinite;
}
@keyframes zoomin {
       0% {
                transform: translateY(0);
            }

            50% {
                transform: translateY(-20px);
            }

            100% {
                transform: translateY(0);
            }
        }


/* Button */
#button {
  display: inline-block;
  background-color: #FF9800;
  width: 30px;
  height: 30px;
  text-align: center;
  border-radius: 4px;
  position: fixed;
  bottom: 5%;
  right: 30px;
  transition: background-color .3s, 
    opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
}
#button::after {
    content: "\f077";
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    font-size: 1em;
    color: #fff;
}

#button.show {
  opacity: 1;
  visibility: visible;
}
/* Button */