@font-face {
     font-family: 'pattayaregular';
     src: url('../fonts/pattaya-regular-webfont.woff2') format('woff2'),
          url('../fonts/pattaya-regular-webfont.woff') format('woff');
     font-weight: normal;
     font-style: normal
}

@font-face {
     font-family: 'icomoon';
     src: url('../fonts/icomoon.eot?am3h2b');
     src: url('../fonts/icomoon.eot?am3h2b#iefix') format('embedded-opentype'),
          url('../fonts/icomoon.ttf?am3h2b') format('truetype'),
          url('../fonts/icomoon.woff?am3h2b') format('woff'),
          url('../fonts/icomoon.svg?am3h2b#icomoon') format('svg');
     font-weight: normal;
     font-style: normal
}

[class*=" icon-"],
[class^=icon-] {
     font-family: 'icomoon' !important;
     speak: none;
     font-style: normal;
     font-weight: normal;
     font-variant: normal;
     text-transform: none;
     line-height: 1;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale
}

.icon-whatsapp:before {
     content: "\f232";
}
.icon-camera:before {
	content: "\e90f";
}
.icon-video-camera:before {
	content: "\e914";
}
.icon-aperture:before {
	content: "\e900";
}
.icon-facebook:before {
	content: "\e902";
}
.icon-instagram1:before {
	content: "\e904";
}
.icon-location:before {
	content: "\e947";
}
.icon-envelope:before {
	content: "\f003";
}
.icon-phone:before {
	content: "\f095";
}
.icon-pinterest:before {
	content: "\f0d3";
}

body {
     font-family: pattayaregular, system-ui;
     overflow-x: hidden
}

* {
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none
}

a {
     text-decoration: none !important
}

.button-fill {
     padding: 5px 20px;
     min-width: 30px;
     background-color: #212529;
     color: #e3dbdb !important;
     font-size: 1.5rem;
     cursor: pointer;
     outline: none;
     text-align: center;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none
}

.hero-cover {
     width: 100vw;
     height: 100vh;
     max-height: 1200px;
     background-image: url(../images/x1/hero.png);
     background-repeat: no-repeat;
     background-position: right;
     background-size: cover
}

.grid-container img {
     width: 100%;
     height: 100%;
     -o-object-fit: cover;
     object-fit: cover;
     min-height: 250px;
     max-height: 400px
}

.skills-cover {
     height: auto;
     background-image: url(../images/x1/tundra.png);
     background-repeat: no-repeat;
     background-position: left;
     background-size: cover;
     padding-bottom: 40px
}

.auto-height {
     height: 70%
}

.form-custom {
     padding: 30px
}

textarea {
     min-height: 100px;
     max-height: 250px
}

footer {
     padding-top: 30px;
     padding-bottom: 30px;
     background: rgb(33, 37, 41)
}

.send-custom {
     border: none !important;
     border-radius: 4px
}