/* FONTS */

		@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');
		@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300;400;700&display=swap');

		/*
		font-family: 'Roboto', sans-serif;
		font-family: 'Roboto Condensed', sans-serif;
		*/

		@-ms-viewport{
		  width: device-width;
		}


	/*LANDING*/

		div#landing {
		    overflow: hidden;
		}

		.landing_container {
		    text-align: center
		}

		.landing_text p {
		    color: #fff;
		    font-family: 'Roboto', sans-serif;
		    font-weight: 300;
		    font-size: 18px;
		    margin-bottom: 70px;
		}

		.landing_text a, .landing_text a:hover, .landing_text a:focus  {
		    color: #fff;
		    font-family: 'Roboto', sans-serif;
		    font-weight: 300;
		    font-size: 18px;
		    margin-bottom: 70px;
		    text-decoration: none;
		 }

		.bottom_text p {
			color: #fff;
		    font-family: 'Roboto', sans-serif;
		    font-weight: 300;
		    font-size: 18px;
		    margin-bottom: -17px;
		    text-align: center;

		}

		.bottom_text {
		    width: fit-content;
		    margin: 0 auto 100px auto;
		}

		.landing_container img {
		    width: 350px;
		    margin-bottom: 70px;
		}

	/*FOOTER*/

		.footer_div {
		    width: 100%;
		    width: -moz-available;          /* WebKit-based browsers will ignore this. */
		    width: -webkit-fill-available;  /* Mozilla-based browsers will ignore this. */
		    width: fill-available;
		    text-align: right;
		    padding: 10px 25px 10px 25px;
		    overflow: hidden;
		}

		.footer {
		    position: absolute;
		    height: 50px;
		    display: block;
		    width: 100%;
		    /* background: #333; */
		    z-index: 9;
		    text-align: center;
		    color: #f2f2f2;
		    /* bottom: 0px; */
		    padding: 20px 0 0 0;
		    bottom: 10px;
		}

		#fullpage .footer {
		    position: relative;
		    height: 50px;
		    display: block;
		    width: 100%;
		    /* background: #333; */
		    z-index: 99999;
		    text-align: center;
		    color: #f2f2f2;
		    bottom: 70px;
		    padding: 20px 0 0 0;
		    /* bottom: -30px; */
		}

		#fullpage .footer svg {
		    color: #fff;
		    border: 2px solid #fff;
		    border-radius: 25px;
		}

	/**FULLPAGE CODES**/

		/* CONTAINER
        –––––––––––––––––––––––––––––––––––––––––––––––––– */
        .wrapper {
          display: flex;
          flex-direction: column;
          min-height: 100vh;
        }

        .wrapper > * {
          padding: 0px;
        }

        

        /* MAIN
        –––––––––––––––––––––––––––––––––––––––––––––––––– */
        .page-main {
            display: flex;
		    /* flex-direction: column; */
		    justify-content: center;
		    flex-grow: 1;
		    min-height: 350px;
		    align-items: flex-end;
        }

        /* FOOTER
        –––––––––––––––––––––––––––––––––––––––––––––––––– */
        .page-footer {
          display: flex;
          flex-direction: column-reverse;
          padding:0px!important;
        }

        /* MQ
        –––––––––––––––––––––––––––––––––––––––––––––––––– */
        @media screen and (min-width: 550px) {
          

          .page-header .cta-contact {
            order: 1;
          }

          .page-footer {
            flex-direction: row;
            justify-content: space-between;
            align-items: center;
          }

        }

    /**RESPONSIVE**/

	@media screen and (max-width: 700px) {
	    .page-main {
		    display: flex;
		    flex-direction: column;
		    justify-content: center;
		    flex-grow: 1;
		    min-height: 350px;
		    align-items: center;
		}

		.landing_container img {
		    width: 270px;
		    margin-bottom: 70px;
		}

		div#landing {
		    overflow: visible;
		    width: 100%;
		}

		.bottom_text {
		    width: fit-content;
		    margin: 0 auto 0px auto;
		}
	}

	@media screen and (max-width: 500px) {
	    .landing_container img {
		    width: 200px;
		    margin-bottom: 70px;
		}
	}