@charset "UTF-8";
.main {
    height: 50vw;
    background-color: #313131;
    width: 100%;
    clear: both;
}
.main-image {
    width: 100%;
    height: 100%;
}
.main-image2 {
    height: 101%;
}
body {
    padding-left: auto;
    margin-top: auto;
    margin-bottom: auto;
    margin-left: auto;
    padding-top: auto;
    bottom: auto;
    clear: none;
    margin-right: auto;
    padding-right: auto;
    padding-bottom: auto;
	background-color: #191616;
}
.sub-copy {
    width: 50%;
    height: 50vw;
    background-color: #38B7B4;
    padding-left: 0%;
    float: left;
}
.sub-copy8 {
    width: 50%;
    height: 50vw;
    background-color: #1C2222;
    padding-left: 0%;
    float: left;
}
.sub-copy4 {
    width: 50%;
    height: 50vw;
    background-color: #38B7B4;
    padding-left: 0%;
    float: left;
}
.sub-copy5 {
    width: 50%;
    height: 50vw;
    background-color: #777777;
    padding-left: 0%;
    float: left;
}
.sub-copy7 {
    width: 50%;
    height: 50vw;
    background-color: #5FCAE3;
    padding-left: 0%;
    float: left;
}
.sub-copy6 {
    width: 50%;
    height: 50vw;
    background-color: #A8B598;
    padding-left: 0%;
    float: left;
}
.sub-copy3 {
    width: 50%;
    height: 50vw;
    background-color: #EDAF23;
    padding-left: 0%;
    float: left;
}
.sub-copy2 {
    width: 50%;
    height: 50vw;
    background-color: #DF3C94;
    padding-left: 0%;
    position: relative;
    clear: none;
    display: inline;
    float: right;
}
.sub-copy9 {
    width: 50%;
    height: 50vw;
    background-color: #EDAF23;
    padding-left: 0%;
    float: left;
}
.sub-copy10 {
    width: 50%;
    height: 50vw;
    background-color: #D45858;
    padding-left: 0%;
    float: left;
}
.sub-copy11 {
    width: 50%;
    height: 50vw;
    background-color: #9F7DAC;
    padding-left: 0%;
    float: left;
}
.sub-copy12 {
    width: 50%;
    height: 50vw;
    background-color: #5CDFC9;
    padding-left: 0%;
    float: left;
}
.sub-copy14 {
    width: 50%;
    height: 50vw;
    background-color: #95DC60;
    padding-left: 0%;
    float: left;
}
.sub-copy-size {
    width: 27vw;
    top: 18vw;
    position: relative;
    left: 10vw;
    height: auto;
    color: #191616;
    text-align: left;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 1.3vw;
}
.sub-copy-size-mid {
    width: 17vw;
    top: 22vw;
    position: relative;
    left: 10vw;
    height: auto;
    color: #191616;
    text-align: left;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 1.3vw;
}
.sub-copy-size-mid2 {
    width: 17vw;
    top: 22vw;
    position: relative;
    left: 10vw;
    height: auto;
    color: #FCFCFC;
    text-align: left;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 1.3vw;
}
.sub-copy-size2 {
    width: 27vw;
    top: 18vw;
    position: relative;
    left: 10vw;
    height: auto;
    color: #FCFCFC;
    text-align: left;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 1.3vw;
}
.sub-image {
    height: 50vw;
    width: 50%;
    background-color: #181818;
    float: right;
}
.sub-image2 {
    height: 50vw;
    width: 50%;
    background-color: #181818;
    position: relative;
    float: left;
}
.sub-image-size {
    height: 100%;
    width: 100%;
}
.sub {
    margin-top: auto;
    margin-right: auto;
    margin-bottom: auto;
    margin-left: auto;
    padding-top: auto;
    padding-right: auto;
    padding-bottom: auto;
    padding-left: auto;
    height: 50vw;
    width: 100%;
}
.sub2 {
    margin-top: auto;
    margin-right: auto;
    margin-bottom: auto;
    margin-left: auto;
    padding-top: auto;
    padding-right: auto;
    padding-bottom: auto;
    padding-left: auto;
    height: 50vw;
    width: 100%;
    position: relative;
    float: none;
}
header {
    width: 100%;
    height: 49vw;
    background-color: #959595;
}
.header-h1 {
    visibility: hidden;
    margin-top: auto;
    margin-right: auto;
    margin-bottom: auto;
    margin-left: auto;
}
.header-image {
    width: 100%;
    position: absolute;
    height: auto;
}
.footer {
    height: 9vw;
    background-color: #191616;
    position: relative;
    display: block;
    clear: both;
}
.footer-copy {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 0.6vw;
    color: #FFFFFF;
    display: inherit;
    position: relative;
    top: 37%;
    left: 0.2vw;
    right: 3vw;
    letter-spacing: 3px;
    float: left;
    height: 1vw;
    margin-right: 0vw;
    -webkit-transition: color 0.1s ease 0s;
    -o-transition: color 0.1s ease 0s;
    transition: color 0.1s ease 0s;
    text-decoration: none;
}
.footer-copy-right {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 0.6vw;
    color: #FFFFFF;
    position: relative;
    top: 40%;
    left: 3vw;
    letter-spacing: 3px;
    height: 1vw;
    padding-right: 0vw;
    margin-right: 1vw;
    text-align: right;
    float: right;
    display: inherit;
}
.nav {
    display: inline;
    z-index: 3000;
    visibility: visible;
    position: fixed;
    width: 100%;
    height: 8vw;
    padding-left: 2.2vw;
    padding-top: 1.6vw;
}
.nav-copy {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 0.6vw;
    color: #FFFFFF;
    display: inline;
    position: relative;
    letter-spacing: 3px;
    height: 1vw;
    margin-right: 0.6vw;
    background-color: #191616;
    padding-left: 5px;
    padding-right: 4px;
    padding-bottom: 5px;
    padding-top: 5px;
    -webkit-transition: background-color 0.5s ease 0s, color 0.1s ease 0s;
    -o-transition: background-color 0.5s ease 0s, color 0.1s ease 0s;
    transition: background-color 0.5s ease 0s, color 0.1s ease 0s;
    text-decoration: none;
}
.footer-image-right {
    display: block;
    left: 3vw;
    height: 9vw;
    position: relative;
    margin-right: 3.5vw;
    float: right;
    margin-bottom: auto;
    padding-bottom: 0px;
    bottom: auto;
    clear: right;
    padding-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
}
.footer-image-left {
    display: block;
    left: 3vw;
    height: 0.5vw;
    position: relative;
    margin-right: 3.5vw;
    float: left;
    margin-bottom: auto;
    padding-bottom: 0px;
    bottom: auto;
    clear: left;
    padding-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    top: 48.3%;
}
.nav-copy:visited {
    background-color: #191616;
    color: #363636;
}
.nav-copy:hover {
    background-color: #303030;
}
.nav-copy:active {
    background-color: #191616;
    color: #B75B1C;
}
.footer-copy:active {
    color: #B75B1C;
}
.slideshow-img {
    position: absolute;
}
.w3-display-container {
    width: 50%;
    height: 50vw;
    float: right;
}
.work_slides {
    width: 50%;
    height: 50vw;
    position: absolute;
    z-index: 1000;
    visibility: visible;
    -webkit-transition: opacity 6000ms ease-in-out;
    -moz-transition: opacity 6000ms ease-in-out;
    -o-transition: opacity 6000ms ease-in-out;
    transition: opacity 6000ms ease-in-out;
}
.work_slides_2 {
    width: 50%;
    height: 50vw;
    position: absolute;
	z-index: 1000;
	visibility: visible;
}
.work_slides_3 {
    width: 50%;
    height: 50vw;
    position: absolute;
	z-index: 1000;
	visibility: visible;
 
}
.work_slides_4 {
    width: 50%;
    height: 50vw;
    position: absolute;
	z-index: 1000;
	visibility: visible;

}
.work_slides_5 {
    width: 50%;
    height: 50vw;
    position: absolute;
	z-index: 1000;
	visibility: visible;

}
.carousel_cont {
    width: 50%;
    height: 50vw;
    float: right;
    position: relative;
}
.carousel_cont_left {
    width: 50%;
    height: 50vw;
    float: left;
    position: relative;
}

.mySlides   {
    width: 100%;
    height: auto;
    visibility: visible;
}
.button-left {
    position: relative;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    z-index: 1000;
    float: left;
    background-color: hsla(0,3%,7%,1.00);
    border-radius: 0px;
    border-width: 0px;
    color: hsla(0,0%,100%,1.00);
    top: 47%;
    padding-bottom: 1.1%;
    padding-top: 1%;
    padding-left: 1.3%;
    padding-right: 1.3%;
    -webkit-transition: all 0.1s ease 0s;
    -o-transition: all 0.1s ease 0s;
    transition: all 0.1s ease 0s;
    font-size: 55%;
}
.button-right {
    position: relative;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    z-index: 1000;
    float: right;
    background-color: hsla(0,3%,7%,1.00);
    border-radius: 0px;
    border-width: 0px;
    color: hsla(0,0%,100%,1.00);
    top: 47%;
    padding-bottom: 1.1%;
    padding-top: 1%;
    padding-left: 1.3%;
    padding-right: 1.3%;
	-webkit-transition: all 0.1s ease 0s;
    -o-transition: all 0.1s ease 0s;
    transition: all 0.1s ease 0s;
	font-size: 55%;
}
.button-left:active {
    color: hsla(24,73%,41%,1.00);
	background-color: hsla(0,0%,86%,1);
}
.button-right:active {
    color: hsla(24,73%,41%,1.00);
	background-color: hsla(0,0%,86%,1);
}
.button-left:hover {
    background-color: hsla(0,0%,18%,1.00);
}	
.button-right:hover {
    background-color: hsla(0,0%,18%,1.00);
}	
.button-left:focus { outline:0 !important; 
}
.button-right:focus { outline:0 !important; 
}
.button-left_2 {
    position: relative;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    z-index: 2000;
    float: left;
    background-color: hsla(0,3%,7%,1.00);
    border-radius: 0px;
    border-width: 0px;
    color: hsla(0,0%,100%,1.00);
    top: 47%;
    padding-bottom: 1.1%;
    padding-top: 1%;
    padding-left: 1.3%;
    padding-right: 1.3%;
	-webkit-transition: all 0.1s ease 0s;
    -o-transition: all 0.1s ease 0s;
    transition: all 0.1s ease 0s;
	font-size: 55%;
}
.button-right_2 {
    position: relative;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    z-index: 2000;
    float: right;
    background-color: hsla(0,3%,7%,1.00);
    border-radius: 0px;
    border-width: 0px;
    color: hsla(0,0%,100%,1.00);
    top: 47%;
    padding-bottom: 1.1%;
    padding-top: 1%;
    padding-left: 1.3%;
    padding-right: 1.3%;
	-webkit-transition: all 0.1s ease 0s;
    -o-transition: all 0.1s ease 0s;
    transition: all 0.1s ease 0s;
	font-size: 55%;
}
.button-left_2:active {
    color: hsla(24,73%,41%,1.00);
	background-color: hsla(0,0%,86%,1);
}
.button-right_2:active {
    color: hsla(24,73%,41%,1.00);
	background-color: hsla(0,0%,86%,1);
}
.button-left_2:hover {
    background-color: hsla(0,0%,18%,1.00);
}	
.button-right_2:hover {
    background-color: hsla(0,0%,18%,1.00);
}	
.button-left_2:focus { outline:0 !important; 
}
.button-right_2:focus { outline:0 !important; 
}
.button-left_3 {
    position: relative;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    z-index: 2000;
    float: left;
    background-color: hsla(0,3%,7%,1.00);
    border-radius: 0px;
    border-width: 0px;
    color: hsla(0,0%,100%,1.00);
    top: 47%;
    padding-bottom: 1.1%;
    padding-top: 1%;
    padding-left: 1.3%;
    padding-right: 1.3%;
	-webkit-transition: all 0.1s ease 0s;
    -o-transition: all 0.1s ease 0s;
    transition: all 0.1s ease 0s;
	font-size: 55%;
}
.button-right_3 {
    position: relative;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    z-index: 2000;
    float: right;
    background-color: hsla(0,3%,7%,1.00);
    border-radius: 0px;
    border-width: 0px;
    color: hsla(0,0%,100%,1.00);
    top: 47%;
    padding-bottom: 1.1%;
    padding-top: 1%;
    padding-left: 1.3%;
    padding-right: 1.3%;
	-webkit-transition: all 0.1s ease 0s;
    -o-transition: all 0.1s ease 0s;
    transition: all 0.1s ease 0s;
	font-size: 55%;
}
.button-left_3:active {
    color: hsla(24,73%,41%,1.00);
	background-color: hsla(0,0%,86%,1);
}
.button-right_3:active {
    color: hsla(24,73%,41%,1.00);
	background-color: hsla(0,0%,86%,1);
}
.button-left_3:hover {
    background-color: hsla(0,0%,18%,1.00);
}	
.button-right_3:hover {
    background-color: hsla(0,0%,18%,1.00);
}	
.button-left_3:focus { outline:0 !important; 
}
.button-right_3:focus { outline:0 !important; 
}
.button-left_4 {
    position: relative;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    z-index: 2000;
    float: left;
    background-color: hsla(0,3%,7%,1.00);
    border-radius: 0px;
    border-width: 0px;
    color: hsla(0,0%,100%,1.00);
    top: 47%;
    padding-bottom: 1.1%;
    padding-top: 1%;
    padding-left: 1.3%;
    padding-right: 1.3%;
	-webkit-transition: all 0.1s ease 0s;
    -o-transition: all 0.1s ease 0s;
    transition: all 0.1s ease 0s;
	font-size: 55%;
}
.button-right_4 {
    position: relative;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    z-index: 2000;
    float: right;
    background-color: hsla(0,3%,7%,1.00);
    border-radius: 0px;
    border-width: 0px;
    color: hsla(0,0%,100%,1.00);
    top: 47%;
    padding-bottom: 1.1%;
    padding-top: 1%;
    padding-left: 1.3%;
    padding-right: 1.3%;
	-webkit-transition: all 0.1s ease 0s;
    -o-transition: all 0.1s ease 0s;
    transition: all 0.1s ease 0s;
	font-size: 55%;
}
.button-left_4:active {
    color: hsla(24,73%,41%,1.00);
	background-color: hsla(0,0%,86%,1);
}
.button-right_4:active {
    color: hsla(24,73%,41%,1.00);
	background-color: hsla(0,0%,86%,1);
}
.button-left_4:hover {
    background-color: hsla(0,0%,18%,1.00);
}	
.button-right_4:hover {
    background-color: hsla(0,0%,18%,1.00);
}	
.button-left_4:focus { outline:0 !important; 
}
.button-right_4:focus { outline:0 !important; 
}
.colour {
    height: 100vw;
    background-color: #191616;
}
.contact {
    width: 100%;
    background-color: #A1E1E6;
    padding-top: 10%;
    padding-bottom: 5%;
}
.email-contact {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    display: inline-block;
    clear: both;
    font-size: 1.9vw;
    margin-top: 0%;
	text-decoration-color: black
}
.email-contact-thin {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    display: inline-block;
    clear: both;
    font-size: 1vw;
    margin-top: 0%;
}
.letter-icon {
    padding-top: 4%;
    padding-bottom: 3%;
}
.form-name {
    width: 50vw;
    height: 4vw;
    padding-top: 0.5vw;
    padding-right: 2vw;
    padding-bottom: 0.5vw;
    padding-left: 2vw;
    font-family: 'Montserrat';
    font-weight: 800;
    color: #191616;
    margin-top: 0.5vw;
    margin-right: 0.5vw;
    margin-bottom: 0.5vw;
    margin-left: 0.5vw;
    background-color: transparent;
    border: 0.4vw solid #191616;
    font-size: 1vw;
    text-align: left;
    -webkit-transition: all 0.1s;
    -o-transition: all 0.1s;
    transition: all 0.1s;
}
.form-subject {
    width: 50vw;
    height: 4vw;
    padding-top: 0.5vw;
    padding-right: 2vw;
    padding-bottom: 0.5vw;
    padding-left: 2vw;
    font-family: 'Montserrat';
    font-weight: 800;
    color: #191616;
    margin-top: 0.5vw;
    margin-right: 0.5vw;
    margin-bottom: 0.5vw;
    margin-left: 0.5vw;
    background-color: transparent;
    border: 0.4vw solid #191616;
    font-size: 1vw;
    text-align: left;
    -webkit-transition: all 0.1s;
    -o-transition: all 0.1s;
    transition: all 0.1s;
}
.form-msg {
	width: 50vw;
    height: 12vw;
    padding-top: 2vw;
    padding-right: 2vw;
    padding-bottom: 0.5vw;
    padding-left: 2vw;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 900;
    color: #191616;
    margin-top: 0.5vw;
    margin-right: 0.5vw;
    margin-bottom: 0.5vw;
    margin-left: 0.5vw;
    background-color: transparent;
    border: 0.4vw solid #191616;
    font-size: 1vw;
    text-align: left;
}
#submit {
    width: 9vw;
    height: 5vw;
    padding-top: 0.5vw;
    padding-right: 2vw;
    padding-bottom: 0.5vw;
    padding-left: 2vw;
    font-family: 'Montserrat';
    font-style: bold;
    font-weight: 900;
    color: #191616;
    margin-top: 0.5vw;
    margin-right: 0.5vw;
    margin-bottom: 0.5vw;
    margin-left: 0.5vw;
    background-color: #a1e1e6;
    border: 0.4vw solid #191616;
    font-size: 80%;
    text-align: center;
    border-radius: 0px;
    -webkit-transition: all 0.1s ease 0s;
    -o-transition: all 0.1s ease 0s;
    transition: all 0.1s ease 0s;
}
.form-email {
	width: 50vw;
    height: 4vw;
    padding-top: 0.5vw;
    padding-right: 2vw;
    padding-bottom: 0.5vw;
    padding-left: 2vw;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 900;
	font-size: 8vw;
    color: #191616;
    margin-top: 0.5vw;
    margin-right: 0.5vw;
    margin-bottom: 0.5vw;
    margin-left: 0.5vw;
    background-color: transparent;
    border: 0.4vw solid #191616;
    font-size: 1vw;
    text-align: left;
}
.form-box {
    font-size: 1.5vw;
}
.form-box-big {
    font-size: 1.5vw;
}
.form-button {
    font-size: 1.5vw;
}
.icon-resize {
    width: 27vw;
    height: auto;
}
.form-contact {
}
@media (max-width: 320px){
.nav-copy {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 1.6vw;
    color: #FFFFFF;
    display: inherit;
    position: relative;
    letter-spacing: 3px;
    height: 3vw;
    margin-right: 1vw;
    background-color: #191616;
    padding-left: 1.4vw;
    padding-right: 1.2vw;
    padding-bottom: 1.2vw;
    float: left;
    padding-top: 1.4vw;
    -webkit-transition: background-color 0.5s ease 0s, color 0.1s ease 0s;
    -o-transition: background-color 0.5s ease 0s, color 0.1s ease 0s;
    transition: background-color 0.5s ease 0s, color 0.1s ease 0s;
}
.sub-copy-size {
    width: 36vw;
    top: 15.5vw;
    position: relative;
    left: 9vw;
    height: auto;
    color: #191616;
    text-align: left;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 1.9vw;
}
.sub-copy-size-mid2 {
    width: 36vw;
    top: 22vw;
    position: relative;
    left: 9vw;
    height: auto;
    color: #FCFCFC;
    text-align: left;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 1.9vw;
}
.sub-copy-size-mid {
    width: 36vw;
    top: 22vw;
    position: relative;
    left: 9vw;
    height: auto;
    color: #191616;
    text-align: left;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 1.9vw;
}
.form-name {
    width: 75vw;
    height: 6vw;
    padding-top: 0.5vw;
    padding-right: 2vw;
    padding-bottom: 0.5vw;
    padding-left: 2vw;
    font-family: 'Montserrat';
    font-weight: 800;
    color: #191616;
    margin-top: 0.5vw;
    margin-right: 0.5vw;
    margin-bottom: 0.5vw;
    margin-left: 0.5vw;
    background-color: transparent;
    border: 0.4vw solid #191616;
    font-size: 1vw;
    text-align: left;
    -webkit-transition: all 0.1s;
    -o-transition: all 0.1s;
    transition: all 0.1s;
}
.form-subject {
    width: 75vw;
    height: 6vw;
    padding-top: 0.5vw;
    padding-right: 2vw;
    padding-bottom: 0.5vw;
    padding-left: 2vw;
    font-family: 'Montserrat';
    font-weight: 800;
    color: #191616;
    margin-top: 0.5vw;
    margin-right: 0.5vw;
    margin-bottom: 0.5vw;
    margin-left: 0.5vw;
    background-color: transparent;
    border: 0.4vw solid #191616;
    font-size: 1vw;
    text-align: left;
    -webkit-transition: all 0.1s;
    -o-transition: all 0.1s;
    transition: all 0.1s;
}	
.form-box {
    font-size: 3vw;
}
.form-email {
    width: 75vw;
    height: 6vw;
    padding-top: 0.5vw;
    padding-right: 2vw;
    padding-bottom: 0.5vw;
    padding-left: 2vw;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 900;
    font-size: 8vw;
    color: #191616;
    margin-top: 0.5vw;
    margin-right: 0.5vw;
    margin-bottom: 0.5vw;
    margin-left: 0.5vw;
    background-color: transparent;
    border: 0.4vw solid #191616;
    font-size: 1vw;
    text-align: left;
}
.form-box-big {
    font-size: 3vw;
}
.form-msg {
    width: 75vw;
    height: 26vw;
    padding-top: 2vw;
    padding-right: 2vw;
    padding-bottom: 0.5vw;
    padding-left: 2vw;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 900;
    color: #191616;
    margin-top: 0.5vw;
    margin-right: 0.5vw;
    margin-bottom: 0.5vw;
    margin-left: 0.5vw;
    background-color: transparent;
    border: 0.4vw solid #191616;
    font-size: 1vw;
    text-align: left;
}
#submit {
    width: 14vw;
    height: 6vw;
    padding-top: 0.5vw;
    padding-right: 2vw;
    padding-bottom: 0.5vw;
    padding-left: 2vw;
    font-family: 'Montserrat';
    font-style: bold;
    font-weight: 900;
    color: #191616;
    margin-top: 0.5vw;
    margin-right: 0.5vw;
    margin-bottom: 0.5vw;
    margin-left: 0.5vw;
    background-color: #a1e1e6;
    border: 0.4vw solid #191616;
    font-size: 80%;
    text-align: center;
    border-radius: 0px;
    -webkit-transition: all 0.1s ease 0s;
    -o-transition: all 0.1s ease 0s;
    transition: all 0.1s ease 0s;
}
.form-button {
    font-size: 3vw;
}
.contact {
    width: 100%;
    background-color: #A1E1E6;
    padding-top: 20%;
    padding-bottom: 11%;
}
}
	
@media (min-width: 1000px){

.nav-copy {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 0.4vw;
    color: #FFFFFF;
    display: inherit;
    position: relative;
    letter-spacing: 3px;
    height: 0.5vw;
    margin-right: 0.4vw;
    background-color: #191616;
    padding-left: 0.8vw;
    padding-right: 0.6vw;
    padding-bottom: 0.5vw;
    float: left;
    padding-top: 0.5vw;
    -webkit-transition: background-color 0.5s ease 0s, color 0.1s ease 0s;
    -o-transition: background-color 0.5s ease 0s, color 0.1s ease 0s;
    transition: background-color 0.5s ease 0s, color 0.1s ease 0s;
}
}

@media (min-width: 320px) and (max-width: 558px){

.nav-copy {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 1.2vw;
    color: #FFFFFF;
    display: inherit;
    position: relative;
    letter-spacing: 3px;
    height: 2vw;
    margin-right: 0.6vw;
    background-color: #191616;
    padding-left: 1.4vw;
    padding-right: 1vw;
    padding-bottom: 0.7vw;
    float: left;
    padding-top: 0.9vw;
    -webkit-transition: background-color 0.5s ease 0s, color 0.1s ease 0s;
    -o-transition: background-color 0.5s ease 0s, color 0.1s ease 0s;
    transition: background-color 0.5s ease 0s, color 0.1s ease 0s;
}
.footer {
    height: 13vw;
    background-color: #191616;
    position: relative;
    display: block;
    clear: both;
}
.footer-image-right {
    display: block;
    left: 3vw;
    height: 13vw;
    position: relative;
    margin-right: 3.5vw;
    float: right;
    margin-bottom: auto;
    padding-bottom: 0px;
    bottom: auto;
    clear: right;
    padding-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
}
.footer-image-left {
    display: block;
    left: 3vw;
    height: 0.8vw;
    position: relative;
    margin-right: 4.5vw;
    float: left;
    margin-bottom: auto;
    padding-bottom: 0px;
    bottom: auto;
    clear: left;
    padding-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    top: 50%;
}
.footer-copy-right {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 1vw;
    color: #FFFFFF;
    position: relative;
    top: 37%;
    left: 3vw;
    letter-spacing: 3px;
    height: 0vw;
    padding-right: 0vw;
    margin-right: 1vw;
    text-align: right;
    float: right;
    display: inherit;
}
.footer-copy {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 1vw;
    color: #FFFFFF;
    display: inherit;
    position: relative;
    top: 37%;
    left: 0.2vw;
    right: 3vw;
    letter-spacing: 3px;
    float: left;
    height: 1vw;
    margin-right: 0vw;
    -webkit-transition: color 0.1s ease 0s;
    -o-transition: color 0.1s ease 0s;
    transition: color 0.1s ease 0s;
}
.sub-copy-size-mid2 {
    width: 36vw;
    top: 22vw;
    position: relative;
    left: 10vw;
    height: auto;
    color: #FCFCFC;
    text-align: left;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 1.6vw;
}
.sub-copy-size {
    width: 36vw;
    top: 17vw;
    position: relative;
    left: 10vw;
    height: auto;
    color: #191616;
    text-align: left;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 1.6vw;
}
.sub-copy-size-mid {
    width: 36vw;
    top: 22vw;
    position: relative;
    left: 10vw;
    height: auto;
    color: #191616;
    text-align: left;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 1.6vw;
}
.form-name {
    width: 60vw;
    height: 5vw;
    padding-top: 0.5vw;
    padding-right: 2vw;
    padding-bottom: 0.5vw;
    padding-left: 2vw;
    font-family: 'Montserrat';
    font-weight: 800;
    color: #191616;
    margin-top: 0.5vw;
    margin-right: 0.5vw;
    margin-bottom: 0.5vw;
    margin-left: 0.5vw;
    background-color: transparent;
    border: 0.4vw solid #191616;
    font-size: 1vw;
    text-align: left;
    -webkit-transition: all 0.1s;
    -o-transition: all 0.1s;
    transition: all 0.1s;
}
.form-subject {
    width: 60vw;
    height: 5vw;
    padding-top: 0.5vw;
    padding-right: 2vw;
    padding-bottom: 0.5vw;
    padding-left: 2vw;
    font-family: 'Montserrat';
    font-weight: 800;
    color: #191616;
    margin-top: 0.5vw;
    margin-right: 0.5vw;
    margin-bottom: 0.5vw;
    margin-left: 0.5vw;
    background-color: transparent;
    border: 0.4vw solid #191616;
    font-size: 1vw;
    text-align: left;
    -webkit-transition: all 0.1s;
    -o-transition: all 0.1s;
    transition: all 0.1s;
}
.form-box {
    font-size: 2vw;
}
.form-email {
    width: 60vw;
    height: 5vw;
    padding-top: 0.5vw;
    padding-right: 2vw;
    padding-bottom: 0.5vw;
    padding-left: 2vw;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 900;
    font-size: 8vw;
    color: #191616;
    margin-top: 0.5vw;
    margin-right: 0.5vw;
    margin-bottom: 0.5vw;
    margin-left: 0.5vw;
    background-color: transparent;
    border: 0.4vw solid #191616;
    font-size: 1vw;
    text-align: left;
}
.form-box-big {
    font-size: 2vw;
}
.form-msg {
    width: 60vw;
    height: 20vw;
    padding-top: 2vw;
    padding-right: 2vw;
    padding-bottom: 0.5vw;
    padding-left: 2vw;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 900;
    color: #191616;
    margin-top: 0.5vw;
    margin-right: 0.5vw;
    margin-bottom: 0.5vw;
    margin-left: 0.5vw;
    background-color: transparent;
    border: 0.4vw solid #191616;
    font-size: 1vw;
    text-align: left;
}
#submit {
    width: 11vw;
    height: 5vw;
    padding-top: 0.5vw;
    padding-right: 2vw;
    padding-bottom: 0.5vw;
    padding-left: 2vw;
    font-family: 'Montserrat';
    font-style: bold;
    font-weight: 900;
    color: #191616;
    margin-top: 0.5vw;
    margin-right: 0.5vw;
    margin-bottom: 0.5vw;
    margin-left: 0.5vw;
    background-color: #a1e1e6;
    border: 0.4vw solid #191616;
    font-size: 80%;
    text-align: center;
    border-radius: 0px;
    -webkit-transition: all 0.1s ease 0s;
    -o-transition: all 0.1s ease 0s;
    transition: all 0.1s ease 0s;
}
.form-button {
    font-size: 2vw;
}
.contact {
    width: 100%;
    background-color: #A1E1E6;
    padding-top: 14%;
    padding-bottom: 7%;
}
}
#submit:hover {
    background-color: #4E4E4E;
}
#submit:active {
    background-color: #191616;
    color: #B75B1C;
}