html, body {
height:100%;
}

* {box-sizing: border-box;}

body {
font-family: 'Poppins', Helvetica, Sans-serif;
color: #000;
font-size: 15px;
padding: 0px 0px 0px 0px;
margin: 0px;
line-height: 1.75;
letter-spacing: 1px;
background-color: rgba(252, 252, 250, 1);
font-weight: 200;
text-align: left;
text-justify: inter-word;
}

h1 {
text-transform: uppercase;
font-size: 50px;
text-transform: none;
color: #000;
padding: 0px;
margin: 0px;
letter-spacing: 1px;
}

h1 a {
text-transform: uppercase;
font-weight: 400;
}

h2 {
text-transform: uppercase;
color: #000;
font-size: 30px;
padding: 0px;
margin: 0px;
letter-spacing: 1px;
font-weight: 200;
}

h3 {
text-transform: none;
color: #000;
font-size: 20px;
padding: 0px;
margin: 0px;
letter-spacing: 1px;
font-weight: 400;
}

.title {
padding: 50px 15px 25px 15px;
}

.frontpage {
padding: 0px;
margin: 0px;
width: 100%;
height: 99.5%;
background-position: center center;
background-attachment: fixed;
background-size:cover;
}

.sock {
padding: 25px 15px;
margin: 0px;
}

.sock_double {
padding: 25px 15px 100px 15px;
margin: 0px;
}

img {
display: block;
height: auto;
width: 100%;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

a {
padding: 0px;
margin: 0px;
color: #000;
text-decoration: none;
font-weight: 400;
}

a:hover {
color: #000;
text-decoration: underline;
}

p {
padding: 0px 0px 25px 0px;
margin: 0px;
}


.work_list {
padding: 0px;
margin: 0px;
height: 250px;
cursor: pointer;
background-position: center center;
background-attachment: scroll;
background-size:cover;
border: 0px solid #000;
}

.work_list_hover {
height: 100%;
width: 100%;
background-color: rgba(252, 252, 250, 0);
transition: 0.25s;
}

.work_list_hover:hover {
background-color: rgba(252, 252, 250, 0.75);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
}

.work_title, .work_title h3 {
height: 100%;
width: 100%;
color: rgba(0, 0, 0, 0);
transition: 0.25s;
}

.work_title h3 {
text-align: center;
padding: 100px 25px 25px 25px;
}



.work_title:hover, .work_title h3:hover {
color: rgba(0, 0, 0, 1);
}


.bottom {
text-align:right;
padding: 50px 0px 50px 0px;
}



input {
width: auto;
padding: 10px;
line-height: normal;
}

.mailing input {
width: 100%;
}

.button {
width: auto;
padding: 10px;
line-height: normal;
transition:all 300ms;
-moz-transition:all 300ms; /* Firefox 4 */
-webkit-transition:all 300ms; /* Safari and Chrome */
-o-transition:all 300ms; /* Opera */
}

.button:hover {
background-color: #000;
color: #fff;
}

textarea {
width: 100%;
padding: 10px;
line-height: normal;
}

input, .button, textarea {
color: #000;
background-color: rgba( 255, 255, 255, 1);
border-radius: 5px;
border: 1px solid rgb( 0, 0, 0);
}


::-moz-selection { /* Code for Firefox */
  color: #000;
  background: rgba(255, 215, 0, 1);
}

::selection {
  color: #000;
  background: rgba(255, 215, 0, 1);
}


.front {
 border-radius: 20px 20px 0px 0px;
}


@media (max-width: 1199px) {
 
 .front {
 border-radius: 0px 0px 0px 0px;
}
 
}


@media (max-width: 767px) {

 h1 {
 font-size: 30px;
 }
 
 .front {
 border-radius: 0px 0px 0px 0px;
}
 
 .frontpage {
 background-attachment: scroll;
 background-position: center top;
 background-size: 175%;
 background-repeat: no-repeat;
 background-color: rgba(252, 252, 250, 1);
 }

}