html {
  overflow-x: hidden;
}

html,
body {
  overscroll-behavior-x: none;
  overscroll-behavior-y: none;
}

.about-wrap {
	width: 87%;
	padding: 25px;
	height: 100%;
	padding-bottom: 100px;
}

.about-txt {
	font-size: 26pt;
}

/*.relative-container {
	position: relative;
}*/

.about-contact-wrap {
	padding: 20px;
  padding-top: 15px;
  padding-bottom: 15px;
  max-width: 250px;
  min-width: 255px;
  font-size: 14pt;
}

.about-contact-wrap a {
	color: #000;
}

.about-contact-container {
  display: flex;
  flex-wrap: wrap;
  bottom: 0;
  position: fixed;
  padding: 15px 5px;
  border-top: 1px solid;
  float: left;
  background-color: #FFF;
/*  right: 0;
	width: 100%;*/
}


@media only all and (hover: none) and (pointer: coarse) and (max-width: 767px){
	.about-wrap {
    width: 100%;
    padding: 0;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
	}

	.about-txt {
		margin-top: 60px;
		padding: 15px;
    margin-bottom: 15px;
    font-size: 21pt;
    margin-bottom: 30px;
	}

	.about-contact-container {
    bottom: auto;
    position: relative;
    padding-left: 7px;
    padding-right: 0;
    padding-top: 20px;
    padding-bottom: 20px;
	}

	.about-contact-wrap {
    padding: 8px;
    padding-top: 11px;
    padding-bottom: 11px;
    max-width: 150px;
    min-width: 158px;
    font-size: 11pt;
	}
}

@media only all and (hover: none) and (pointer: coarse) and (min-width: 768px){
	.about-wrap {
    width: 100%;
    padding: 0; 
		padding-bottom: 100px;
	}

	.about-txt {
		margin-top: 60px;
		padding: 15px;
    margin-bottom: 15px;
	}

	.about-contact-container {
	  display: flex;
	  flex-wrap: wrap;
	  bottom: 0;
	  position: fixed;
	  padding: 15px 5px;
	  border-top: 1px solid;
	  float: left;
	}

	.about-contact-wrap {
    padding: 8px;
    padding-top: 11px;
    padding-bottom: 11px;
    max-width: 150px;
    min-width: 155px;
    font-size: 11pt;
	}
}



@media only all and (min-width: 2410px) { 
  .about-contact-container {
    width: 100%;
  }
 } 

@media only all and (min-width: 1300px) { 
  .about-txt {
    font-size: 30pt;
  }
}

@media only all and (max-width: 1245px) { 
	.about-wrap{
 		width: 92%
	}

	.about-contact-wrap{
		padding: 15px;
		padding-top: 12px;
		padding-bottom: 12px;
		max-width: 220px;
		min-width: 225px;
		font-size: 12pt;
	}
}

@media only all and (max-width: 1085px) { 
	.about-txt{
 		font-size: 24pt
	}

	.about-contact-wrap{
		max-width: 200px;
 		min-width: 205px;
 		font-size: 11pt;
	}
}

@media only all and (max-width: 1005px) { 
	.about-txt{
 		font-size: 22pt
	}

	.about-contact-wrap{
		max-width: 170px;
 		min-width: 175px;
 		font-size: 11pt;
	}
}

@media only all and (max-width: 885px) { 
	.about-contact-wrap{
		max-width: 150px;
 		min-width: 155px;
 		font-size: 11pt;
 		padding-top: 10px;
		padding-bottom: 10px;
	}
}

@media only all and (max-width: 767px) { 
	.about-wrap {
    width: 100%;
    padding: 0;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
	}

	.about-txt {
		margin-top: 60px;
		padding: 15px;
    margin-bottom: 15px;
    font-size: 21pt;
    margin-bottom: 30px;
	}

	.about-contact-container {
    bottom: auto;
    position: relative;
    padding-left: 7px;
    padding-right: 0;
    padding-top: 20px;
    padding-bottom: 20px;
	}

	.about-contact-wrap {
    padding: 8px;
    padding-top: 11px;
    padding-bottom: 11px;
    max-width: 150px;
    min-width: 155px;
    font-size: 11pt;
	}
}