* {
    box-sizing: border-box;
}

html{
	margin:0
	padding:0
	}

body {
   margin: 0; !important;
   background: white;
   line-height: 1.5;
   width:100%;
   background-color:#ffffff;
}


.header {
	position: relative;
    background-color: #a6590b;
    margin: 0;
	width:100%;
}

/* Container for flexboxes */
.row {
    display: -webkit-flex;
    display: flex;

}

.icon-bar {
    width: 100%;
    background-color: #a6590b;
    overflow: hidden;
}

.icon-bar a {
    float: left;
    width: 12%;
    text-align: center;
    padding: 0.5em 0;
    transition: all 0.3s ease;
    color: white;
    font-size: 3em;
}



.active {
    background-color: #4CAF50 !important;
}


/* Create three equal columns that sits next to each other */

.column {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 10px;

}

.floating-box {
    display: inline-block;
    width: 90%;
    height: auto;
    color: white;
    margin: 5%;
    padding: 5%;
}

.main-box {
    padding: 4%;
}

hr {
	margin-left: 1.5%;
	margin-right: 1.5%;
	border-style: solid;
	border-width: 1 px
	margin-top: 5px;
	margin-bottom: 5px;
	}


h1{
	font-family:'Quicksand', sans-serif; !important
	color: white;
	letter-spacing: 1px;
	}

h2 {
	font-family: 'Quicksand', sans-serif;
	text-align: center;
	font-size: 30px;
	}

h3 {
	font-family: 'Quicksand', sans-serif;
	font-size: 20px;
	}

h4 {
	font-family: 'Quicksand', sans-serif;
	font-size: 20px;
	text-align: center;
	margin-left: 3%;
	margin-right: 3%;
	margin-top: 3%;
	margin-bottom: 3%;

	}

p{
	text-align: justify;
	font-family:'Yrsa', serif;
	font-size: 20px;
	padding: 2%;
	}


ul.topnav {
    list-style-type: none;
    padding: 0;
    background-color: #c96807;
    overflow: hidden;
    text-align: center;
    margin-left:12em;
    width:100%;
    float: center;
    margin: auto;
    font-family:'Quicksand', sans-serif;


}

ul.topnav li a.active {
    float: center;
    display: inline-block;
    color: #ffffff;
    text-align: center;
    padding: 2%;
    text-decoration: none;
    font-size: 20px;
	font-family:'Quicksand', sans-serif;
}

ul.topnav a:hover {
    background-color: #a6590b;
    color: white;
}

ul.topnav li {float: left;}

ul.topnav li a {
    display: block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

ul.topnav li.right {float: right;}

@media screen and (max-width: 600px){
    ul.topnav li.right,
    ul.topnav li {float: none;}
}


/* Container for flexboxes */
.row {
    display: -webkit-flex;
    display: flex;
}



/* Create three equal columns that sits next to each other */
.column {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 10px;
}


table {
    font-family: arial, sans-serif;
    border-collapse: collapse;
    width: 100%;
}

td {
    border: 1px solid #dddddd;
    text-align: center;
    padding: 4em;
    font-family:'Yrsa', serif;
	font-size: 20px;
}

th {
    background-color: #c96807;
    color: white;
    font-family:'Quicksand', sans-serif;
    font-size: 20px;
}

tr:nth-child(even){background-color: #f2f2f2}


}

.scroolbutton {
	margin: auto;
    background-color: #595959;
    text-align: center;
    font-family:'Quicksand', sans-serif;
    width:100%;
    float: center;
}

.footer {
	margin: auto;
	color: #595959;
	text-decoration: none;
    background-color: #efefef;
    padding: 30px;
    text-align: center;
    font-family:'Quicksand', sans-serif;
    width:100%;
    float: center;
}

/* Responsive layout - makes the three columns stack on top of each other instead of next to each other */
@media (max-width: 600px) {
    .row {
      -webkit-flex-direction: column;
      flex-direction: column;
    }
}


.button {
    background-color: #4CAF50
    border: none;
    color: white;
    padding: 16px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    font-family:'Quicksand', sans-serif;
    margin: 4px 2px;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
}

.button1 {
    background-color: white;
    color: black;
    border: 2px solid #c96807;
}

.button1:hover {
    background-color: #c96807;
    color: white;

.img {
	margin-top: 1%;
	}

.card {
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    transition: 0.3s;
    width: 40%;
    border-radius: 5px;
}

.card:hover {
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}

.container {
    padding: 2px 16px;
}