body {
	min-height: 100vh;
	margin: 0px;
	background-image: url('./images/roadto1.jpeg');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

#main {
	max-width: 1440px;
	position: relative;
	margin: 70px auto;
}

@media only screen and (max-width: 1023px) {
  #main {
	margin: 35px auto;
    }
}

#logobox {
	text-align: center;
}

#logobox img {
	max-width: 100%;
}

.divider32 {
	height: 32px;
}

.divider64 {
	height: 64px;
}

section {
	max-width: 70%;
	margin: 0 auto;
	background: #000000aa;
    padding: 16px 64px 32px;
    border-radius: 5px;
}

@media only screen and (max-width: 1023px) {
    section {
	    width: 100%;
	    padding: 32px;
    }
}

h1, h2, p, li, a {
	font-family: 'Poppins';
}

@media only screen and (max-width: 1023px) {
    h1, h2 {
	    text-align: center;
    } 
}

h1, h2 {
	text-transform: uppercase;
	color: #ffffff;
	font-weight: 600;
}

h1 {
	font-size: 48px;
}

h2 {
	font-size: 32px;
}

p, li, a {
	font-size: 16px;
	color: #dddddd;
}

li, a {
	font-size: 18px;
    font-weight: 500;
}

li:not(:last-child) { 
   margin-bottom: 16px;  
}

li, strong {
	color: #ffffff;
}

@media only screen and (max-width: 1023px) {
    ul {
        padding-inline-start: 16px;;
    } 
    li {
        font-size: 16px;
    }
}

footer {
	padding: 32px 64px 96px;
	background: #000000dd;
	text-align: center;
}

a {
    text-decoration: none;
}

a:hover {
    color: #ffffff;
}

#contactbox {
    display: flex;
    gap: 32px;
    justify-content: center;
}

@media only screen and (max-width: 1023px) {
    #contactbox {
        flex-direction: column;
    }
}