@charset "utf-8";
/* CSS Document */

html, body {
    margin: 0;
    padding: 0;
    height: 100%;
}

.wrapper {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    background-color: white;
    position: relative;
    min-height: 100vh;
    font-family: "Franklin Gothic Bold", "Arial Black", "sans-serif";
	font-weight: auto;
}

.index {
    min-height: 100%;
    overflow: auto;
    padding-bottom: 50px;
}

img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: none;
	padding-bottom:40px;
}

h1 {text-align: center; 
	color: white;
	font-family: "Franklin Gothic Bold", "Arial Black", "sans-serif";
	padding-top: 25px;
	padding-bottom: 25px;
	background-color: #124A64;
}
h2 {text-align: center; 
	color: #Bf1e2e;
	font-family: "Franklin Gothic Bold", "Arial Black", "sans-serif";
	padding-top: 60px;
}

.container {
    display: grid;
    grid-template-columns: 100%;
   /* grid-template-rows:1fr 1fr 1fr 1fr 1fr;*/
    grid-template-areas: 
    'button1'
    'button2'
    'button3'
    'button4'
    'button5';
    text-align: center;
    grid-gap: 30px;
    margin-top: 0;
	padding-top: 25px;
	padding-bottom: 45px;
}
.return_container {
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows:auto;
    grid-template-areas: 
    'button1';
    text-align: center;
    grid-gap: 60px;
    margin-top: 0;
	padding-top: 60px;
	padding-bottom: 25px;
}


button {
    background-color: #124A64;
    border: none;
    color: white;
    font-size: 20px;
    text-align: center;
    border-radius: 0px;
	font-family: "Arial Black", "sans-serif";
}

.button1{
    grid-area: button1;
    padding: 20px 350px;
}

.button2 {
    grid-area: button2;
    padding: 20px 340px;
}

.button3 {
    grid-area: button3;
    padding: 20px 380px;
}

.button4 {
    grid-area: button4;
    padding: 20px 300px;
}

.button5 {
    grid-area: button5;
    padding: 20px 290px;
}

.button6 {
	grid-area: button6;
	padding:20px 50px;
}

footer p {
    text-align: center;
    font-size: 15px;
    color: white;
    padding-top: 15px;
	padding-bottom: 15px;
	font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", "sans-serif";
	background-color: #Bf1e2e;
}

