body {
  height: 100vh;
  /*background: linear-gradient(rgba(255,255,255,0.7), rgba(255,255,255,0.7)), url("../img/skyline.jpg"); */
   background-color: #666;
   background: url("../img/background.jpg");
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center;
     background-attachment: fixed;
   font-size: 16px;
   font-family: "Arial", "Helvetica", sans-serif; 
}





h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  margin-bottom: 0.5rem;
  font-family: "Kanit", sans-serif;
  font-weight: 700;
  line-height: 1.2;
  text-transform: uppercase;
  color: inherit;
  }
  
.h1 {
  padding-top:30px;
  font-size: 38px;
  line-height: 1;
  color:#000000;
}

  
  .h3 {
  font-size: 26px;
  line-height: 1; 
  color:#000000;
  margin-top:1em;
  }

	
 p{
  margin-top: 0;
  margin-bottom: 2rem;
  font-weight: 300;
font-family: "Arial", "Helvetica", sans-serif; 
line-height:1.5em;
  }
  
  ul, li {  margin-top: 0;
  margin-bottom: 1.3rem;
  font-weight: 300;
font-family: "Arial", "Helvetica", sans-serif; 
line-height:1.5em;
  }

hr{
	width: 100px;
    border: 3px solid;
  	color:#E21836;
	margin-top:30px;
	margin-bottom:30px;
}


a {
	color: #E21836;
	font-weight: 700;
}

a:hover {
	color: #E21836;
	font-weight: 700;
	text-decoration:none;
}

.full-container {
	display: flex!important;
	justify-content: center!important;
	align-items: center!important;
}

.full-page {
	/*display: flex;
	justify-content: center;
	align-items: center;*/
	width: 50%;
	margin: 0 auto;
	min-height: 100vh;
	background: rgba(255,255,255,0.9);
	padding: 2%;
}

.logo {
  text-align: center;
}

	
.sub-footer {
	background: #E21836;
	margin-top: 50px;
	padding: 20px;
	color: #ffffff;
	font-size:18x;
  font-weight: 700;
	text-align: center;
}

.footer {
		padding: 20px;
		text-align: center;
}
	


@media only screen and (max-width: 980px) {
.full-page {
	width: 90%!important;
	margin: 0 auto;
	min-height: 100vh;
	padding: 5%;
}
}




@media (min-width: 1025px) and (max-width: 1280px) {
 .h1 { padding-top:30px;
  font-size: 26px;
  line-height: 1;
  color:#000000; }

    .h3 {
  font-size: 24px;
  line-height: 1; 
  color:#000000;
  margin-top:1em;
  }
}



@media (min-width: 768px) and (max-width: 1024px) {
  
 .h1 { padding-top:30px;
  font-size: 32px;
  line-height: 1;
  color:#000000; }
  

  
  .h3 {
  font-size: 22px;
  line-height: 1; 
  color:#000000;
  margin-top:1em;
  }
  .sub-footer {
	background: #E21836;
	margin-top: 50px;
	padding: 20px;
	color: #ffffff;
	font-size:18x;
  font-weight: 700;
	text-align: center;
	line-height: 1.5em;
}

}




@media (min-width: 481px) and (max-width: 767px) {
  
.h1 { padding-top:30px;
  font-size: 22px;
  line-height: 1;
  color:#000000; }
    

  
  .h3 {
  font-size: 20px;
  line-height: 1; 
  color:#000000;
  margin-top:1em;
  }
  .sub-footer {
	background: #E21836;
	margin-top: 50px;
	padding: 20px;
	color: #ffffff;
	font-size:18x;
  font-weight: 700;
	text-align: center;
	line-height: 1.5em;
}
}

@media (min-width: 320px) and (max-width: 480px) {
  
.h1 { padding-top:30px;
  font-size: 30px;
  line-height: 1;
  color:#000000; }
  
}