@CHARSET "ISO-8859-1";
/* Reset CSS
 * --------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td {
    padding: 0;
    margin: 0;
}
a{
	text-decoration:none;
    color:#f2f2f2;
}
table {
    border-spacing: 0;
}
fieldset,img {
    border: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
    font-weight: normal;
    font-style: normal;
}
strong{
	font-weight: bold;
}
ol,ul {
    list-style: none;
    margin:0;
    padding:0;
}
caption,th {
    text-align: left;

}
h1,h2,h3,h4,h5,h6 {
    font-weight: normal;
    font-size: 100%;
    margin:0;
    padding:0;
    color:#f2f2f2;
}
q:before,q:after {
    content:'';
}
abbr,acronym { border: 0;
}

/* Custom CSS
 * --------------------------------------- */
body{
	font-family: 'Lato', Calibri, Arial, sans-serif;
	color: #f2f2f2;
}
h1{
	font-size: 5vw;
	margin-bottom: 20px;
}
p {
    font-size: 1.5vw;
}

.section{
	text-align: center;
}

.highlight {
    font-weight: bold; /* Make the text bold */
    color: white; /* Set the text color to white */
}

.logo {
    position: fixed; /* Keep the logo in the same place even when scrolling */
    top: 30px; /* Align the top edge of the logo with the top of the viewport */
    left: 30px; /* Align the left edge of the logo with the left of the viewport */
    width: 60px; /* Set the logo width to 60 pixels */
    height: 60px; /* Set the logo height to 60 pixels */
    z-index: 1000; /* Ensure the logo floats above other content */
}

.floating-footer {
    position: fixed; /* Keep the footer in the same place on the screen */
    right: 0; /* Align to the right side of the viewport */
    bottom: 0; /* Align to the bottom of the viewport */
    width: auto; /* Adjust width as needed, or set to auto */
    color: #fff; /* Text color */
    padding: 10px; /* Add some padding for spacing */
    z-index: 1000; /* Ensure the footer floats above other content */
    display: flex; /* Use flexbox for layout */
    justify-content: flex-end; /* Align content to the right */
}

.floating-footer p {
    font-size: 14px; /* Adjust font size as needed */
    display: flex; /* Enable flexbox for the paragraph */
    flex-wrap: wrap; /* Allow the content to wrap */
    align-items: center; /* Vertically align items in the flex container */
}

.spacer {
    display: inline-block;
    width: 20px; /* Adjust the width as needed for your desired spacing */
}



/* Menu
 * --------------------------------------- */

/* Section 1
 * --------------------------------------- */
#section1 h1{
	color: #444;
}
#section1 p{
	color: #333;
	color: rgba(0, 0, 0, 0.5);
	width: 75%;
	margin: 0 auto;
	/* min-width: 400px; */
}

/* Section 2
 * --------------------------------------- */
#section2 h1{
	color: #444;
	z-index: 3;
}
#section2 p{
	color: #333;
	color: rgba(0, 0, 0, 0.5);
	width: 75%;
	margin: 0 auto;
	z-index: 3;
}


/* Section 3
 * --------------------------------------- */
#section3 h1{
	color: #444;
	z-index: 3;
}
#section3 p{
	color: #333;
	color: rgba(0, 0, 0, 0.5);
	width: 75%;
	margin: 0 auto;
	z-index: 3;
}

/* Section 4
* --------------------------------------- */
#section4 h1{
	color: #444;
	z-index: 3;
}
#section4 p{
	color: #333;
	color: rgba(0, 0, 0, 0.5);
	width: 75%;
	margin: 0 auto;
	z-index: 3;
}

/* Section 5
* --------------------------------------- */
#section5 h1{
	color: #444;
	z-index: 3;
}
#section5 p{
	color: #333;
	color: rgba(0, 0, 0, 0.5);
	width: 75%;
	margin: 0 auto;
	z-index: 3;
}

/* Overwriting fullPage.js tooltip color
* --------------------------------------- */
#pp-nav.custom .pp-tooltip{
	color: #AAA;
}



  
/* The typewriter cursor effect */
@keyframes blink-caret {
	from, to { border-color: transparent }
	50% { border-color: orange }
}

/* Media query for screens smaller than 1024px */
@media (max-width: 1024px) {
    .section p {
        font-size: 20px;
    }
}

/* Media query for screens smaller than 768px */
@media (max-width: 768px) {
    .section p {
        font-size: 20px;
    }
	.section h1 {
		font-size: 30px;
	}
	.logo {
		width: 40px; /* Set the logo width to 60 pixels */
		height: 40px; /* Set the logo height to 60 pixels */
	}
	.floating-footer {
        justify-content: center; /* Center content in the footer */
    }

    .floating-footer p a,
    .floating-footer p span:not(.spacer) {
        flex-basis: 100%; /* Make each link and span take the full width */
        text-align: center; /* Center-align the text */
    }

    .spacer {
        display: none; /* Hide the spacer (pipe symbol) */
    }
}