html, body, figure {margin: 0;}
body {
        padding: 0;
        font-family: "Goudy Old Style", "Georgia", "Times New Roman", serif;        
    }

/*Desktop Styles*/
#homepage1, #homepage2{
    z-index:1000;
    opacity:1;
}
#contact1, #contact2{
    z-index:-99;
    opacity:0;
}
#screen2{
    display:none;
}
#homepage1, #homepage2, #contact1, #contact2{
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}
.boxes{
    z-index: 1000;
    position:relative;
    width:100%; 
}
.inner-boxes{
    margin:0 auto;
    position:relative;
}

.title img, .subtitle img, .contact-button img, contact-text img{
    width:100%;
}
.hover-effect img{
    position:absolute;
    left:0;
    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
}

.hover-effect img.top:hover {
  opacity:0;
    cursor:pointer;
}
.title-container{
    padding-top:25px;
    padding-bottom:25px;
}
.title{
    width:380px;
    height:60px;
}

/*Homepage Content*/
.subtitle-container{
    padding-bottom:25px;
}
.subtitle{
    width:300px;
}
.video-reel{
    width:640px;
    text-align:center;
    margin:auto;
    padding-bottom:10px;
}
.adjustable-video{
    width:640px;
    height:360px;
}
.contact-button-container{
    padding-bottom:25px;
}
.contact-button{
    width:100px;
    height:86px;
}


/*Contact Page Content*/
.links-container {
    top:85%;
    color:#fff;
    text-align:center;
    display:inline-block;
}

.contact-text-container{
    padding-top:10px;
    padding-bottom:25px;
}
.contact-text{
    width:480px;
    padding-left:30px;
}

.email-link{
    font-size:22px;
    font-weight:400;
}
a:link, a:visited {
    color: #fff;
    text-decoration: none;
}
a:hover{
    color:hotpink;
}
.contact{
    width:100%;
    text-align:center;
    padding-bottom: 5px;
}
.icon{
    width:33%;
    padding:5px;
    text-align:center;
}
.icon img{
    width:40px;
}
.icon-container{
    width:158px;
    margin:auto;
}
.hover figure img {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.hover figure:hover img {
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
}




/*Mobile Styles*/
@media only screen and (max-width: 350px) {
    .title{width:95%;}
    .subtitle{width:90%;}
    .contact-button{width:100px;}
    .contact-button-container{top:84%;}
    .contact-text{width:95%;
                  padding-left:0px;}
    .contact-text-container{top:25%;}
    .links-container {top:81%;}
    .video-reel{width:100%;
                padding-bottom:25px;}
    .adjustable-video{width:100%;
                      height:auto;}
}

@media only screen and (min-width: 351px) and (max-width: 640px) {
    .title{width:300px;height:47px;}
    .contact-button{width:100px;}
    .contact-button-container{top:84%;}
    .contact-text{width:350px;
                  padding-left:0px;}
    .contact-text-container{padding-bottom:10px;}
    .links-container {top:81%;}
    .video-reel{width:340px;
                padding-bottom:25px;}
    .adjustable-video{width:340px;
                      height:191px;}
    .subtitle-container{top:23%;}
    .subtitle{width:260px;}
}


@media only screen and (min-width: 641px) and (max-width: 960px) {
    .video-reel{width:380px;
                padding-bottom:30px;}
    .adjustable-video{width:380px;
                      height:214px;}
    .subtitle-container{top:23%;}
}

@media only screen and (min-width: 961px) and (max-width: 1023px) {
    .video-reel{width:500px;
                padding-bottom:20px;}
    .adjustable-video{width:500px;
                      height:281px;}
    .subtitle-container{top:21%;}
    .subtitle{width:260px;}
}




/*Slideshow*/
.cb-slideshow,
.cb-slideshow:after { 
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 0; 
}
.cb-slideshow:after { 
    content: '';
    background: transparent url(img/pattern3.png) repeat top left; 
}
.cb-slideshow li span { 
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    color: transparent;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: none;
    opacity: 0;
    z-index: 0;
	-webkit-backface-visibility: hidden;
    -webkit-animation: imageAnimation 120s linear infinite 0s;
    -moz-animation: imageAnimation 120s linear infinite 0s;
    -o-animation: imageAnimation 120s linear infinite 0s;
    -ms-animation: imageAnimation 120s linear infinite 0s;
    animation: imageAnimation 120s linear infinite 0s; 
}
ul.cb-slideshow{
    margin-top:0px;
    list-style-type:none;
}
/*Pictures for Slideshow*/
.cb-slideshow li:nth-child(1) span { 
    background-image: url(img/1.jpg) 
}
.cb-slideshow li:nth-child(2) span { 
    background-image: url(img/2.jpg);
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s; 
}
.cb-slideshow li:nth-child(3) span { 
    background-image: url(img/3.jpg);
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s; 
}
.cb-slideshow li:nth-child(4) span { 
    background-image: url(img/4.jpg);
    -webkit-animation-delay: 18s;
    -moz-animation-delay: 18s;
    -o-animation-delay: 18s;
    -ms-animation-delay: 18s;
    animation-delay: 18s; 
}
.cb-slideshow li:nth-child(5) span { 
    background-image: url(img/5.jpg);
    -webkit-animation-delay: 24s;
    -moz-animation-delay: 24s;
    -o-animation-delay: 24s;
    -ms-animation-delay: 24s;
    animation-delay: 24s; 
}
.cb-slideshow li:nth-child(6) span { 
    background-image: url(img/6.jpg);
    -webkit-animation-delay: 30s;
    -moz-animation-delay: 30s;
    -o-animation-delay: 30s;
    -ms-animation-delay: 30s;
    animation-delay: 30s; 
}
.cb-slideshow li:nth-child(7) span { 
    background-image: url(img/7.jpg);
    -webkit-animation-delay: 36s;
    -moz-animation-delay: 36s;
    -o-animation-delay: 36s;
    -ms-animation-delay: 36s;
    animation-delay: 36s; 
}
.cb-slideshow li:nth-child(8) span { 
    background-image: url(img/8.jpg);
    -webkit-animation-delay: 42s;
    -moz-animation-delay: 42s;
    -o-animation-delay: 42s;
    -ms-animation-delay: 42s;
    animation-delay: 42s; 
}
.cb-slideshow li:nth-child(9) span { 
    background-image: url(img/9.jpg);
    -webkit-animation-delay: 48s;
    -moz-animation-delay: 48s;
    -o-animation-delay: 48s;
    -ms-animation-delay: 48s;
    animation-delay: 48s; 
}
.cb-slideshow li:nth-child(10) span { 
    background-image: url(img/10.jpg);
    -webkit-animation-delay: 54s;
    -moz-animation-delay: 54s;
    -o-animation-delay: 54s;
    -ms-animation-delay: 54s;
    animation-delay: 54s; 
}
.cb-slideshow li:nth-child(11) span { 
    background-image: url(img/11.jpg);
    -webkit-animation-delay: 60s;
    -moz-animation-delay: 60s;
    -o-animation-delay: 60s;
    -ms-animation-delay: 60s;
    animation-delay: 60s; 
}
.cb-slideshow li:nth-child(12) span { 
    background-image: url(img/12.jpg);
    -webkit-animation-delay: 66s;
    -moz-animation-delay: 66s;
    -o-animation-delay: 66s;
    -ms-animation-delay: 66s;
    animation-delay: 66s; 
}
.cb-slideshow li:nth-child(13) span { 
    background-image: url(img/13.jpg);
    -webkit-animation-delay: 72s;
    -moz-animation-delay: 72s;
    -o-animation-delay: 72s;
    -ms-animation-delay: 72s;
    animation-delay: 72s; 
}
.cb-slideshow li:nth-child(14) span { 
    background-image: url(img/14.jpg);
    -webkit-animation-delay: 78s;
    -moz-animation-delay: 78s;
    -o-animation-delay: 78s;
    -ms-animation-delay: 78s;
    animation-delay: 78s; 
}
.cb-slideshow li:nth-child(15) span { 
    background-image: url(img/15.jpg);
    -webkit-animation-delay: 84s;
    -moz-animation-delay: 84s;
    -o-animation-delay: 84s;
    -ms-animation-delay: 84s;
    animation-delay: 84s; 
}
.cb-slideshow li:nth-child(16) span { 
    background-image: url(img/16.jpg);
    -webkit-animation-delay: 90s;
    -moz-animation-delay: 90s;
    -o-animation-delay: 90s;
    -ms-animation-delay: 90s;
    animation-delay: 90s; 
}
.cb-slideshow li:nth-child(17) span { 
    background-image: url(img/17.jpg);
    -webkit-animation-delay: 96s;
    -moz-animation-delay: 96s;
    -o-animation-delay: 96s;
    -ms-animation-delay: 96s;
    animation-delay: 96s; 
}
.cb-slideshow li:nth-child(18) span { 
    background-image: url(img/18.jpg);
    -webkit-animation-delay: 102s;
    -moz-animation-delay: 102s;
    -o-animation-delay: 102s;
    -ms-animation-delay: 102s;
    animation-delay: 102s; 
}
.cb-slideshow li:nth-child(19) span { 
    background-image: url(img/19.jpg);
    -webkit-animation-delay: 108s;
    -moz-animation-delay: 108s;
    -o-animation-delay: 108s;
    -ms-animation-delay: 108s;
    animation-delay: 108s; 
}
.cb-slideshow li:nth-child(20) span { 
    background-image: url(img/20.jpg);
    -webkit-animation-delay: 114s;
    -moz-animation-delay: 114s;
    -o-animation-delay: 114s;
    -ms-animation-delay: 114s;
    animation-delay: 114s; 
}

/* Animation for the slideshow images */
@-webkit-keyframes imageAnimation { 
    0% { opacity: 0;
    -webkit-animation-timing-function: ease-in; }
    2.5% { opacity: 1;
         -webkit-animation-timing-function: ease-out; }
    5% { opacity: 1 }
    7.5% { opacity: 0 }
    100% { opacity: 0 }
}
@-moz-keyframes imageAnimation { 
    0% { opacity: 0;
    -moz-animation-timing-function: ease-in; }
    2.5% { opacity: 1;
         -moz-animation-timing-function: ease-out; }
    5% { opacity: 1 }
    7.5% { opacity: 0 }
    100% { opacity: 0 }
}
@-o-keyframes imageAnimation { 
    0% { opacity: 0;
    -o-animation-timing-function: ease-in; }
    2.5% { opacity: 1;
         -o-animation-timing-function: ease-out; }
    5% { opacity: 1 }
    7.5% { opacity: 0 }
    100% { opacity: 0 }
}
@-ms-keyframes imageAnimation { 
    0% { opacity: 0;
    -ms-animation-timing-function: ease-in; }
    2.5% { opacity: 1;
         -ms-animation-timing-function: ease-out; }
    5% { opacity: 1 }
    7.5% { opacity: 0 }
    100% { opacity: 0 }
}
@keyframes imageAnimation { 
    0% { opacity: 0;
    animation-timing-function: ease-in; }
    2.5% { opacity: 1;
         animation-timing-function: ease-out; }
    5% { opacity: 1 }
    7.5% { opacity: 0 }
    100% { opacity: 0 }
}
.no-cssanimations .cb-slideshow li span{
	opacity: 1;
}