@import url(https://fonts.googleapis.com/css?family=Rye|Asul|Wellfleet|Montserrat|Beth+Ellen);

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


@font-face {
    font-family: 'cursive';
    src: url('../_css/cursive.ttf') format('ttf');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'vanderveer';
    src: url('../_css/webfont.woff2') format('woff2'),
        url('../_css/webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

.ico:after {
    font-family: 'customiconpackname';
    content: '\e900';
}

/*colors
beige -  195,180,139
Green -  50,141,103
Brown -  34,16,10

/*whole page*/

* {
    -webkit-box-sizing: border-box;

    box-sizing: border-box;
}

html {
    /*    background-color: rgb(255, 253, 245);*/
}

body {
    margin: 0;
    font-weight: bold;

}

.container {
    max-width: 1100px;
    width: 100%;
    margin: 0 auto
}

header,
section,
footer,
aside,
nav,
article,
    {
    display: block;
}


/*Header*/

header {
    margin-top: .5rem;
}


/*Navigation*/

.navlogo {
    position: absolute;
    width: 17%;
    /*	width: 9%;*/
    /*	margin-top: -0rem;*/
    margin-left: 42.5%;
    /*	margin-left: 46%;*/
    z-index: 99999;
    margin-top: -1.6rem;
}

nav {
    margin-top: -.5rem;
    /*    border-top: 1px solid rgb(195, 180, 139);*/
    /*    border-bottom: 1px solid rgb(195, 180, 139);*/
    background-color: rgb(195, 180, 139);
    -webkit-box-shadow: inset 1px 2px 2px rgb(34, 16, 10);
    box-shadow: inset 1px 2px 2px rgb(34, 16, 10)
}

nav li {
    display: inline-block;
    min-width: 14%;
    vertical-align: top;
    height: 60px;
    margin: 0;
    padding: 0
}

nav ul li a {
    text-decoration: none;
    text-shadow: 0px 0px 0px #000;
    color: rgb(34, 16, 10);
    display: inline-block;
    font-weight: normal;
    width: 100%;
    height: 100%;
    text-align: center;
    font-family: 'vanderveer', serif;
    font-size: 34px;
    /*    padding-top: 14%;*/
    line-height: 2;
    -webkit-transition: .2s ease-in;
    transition: .2s ease-in;
}

.long {
    margin: 0rem 2rem 0rem 1rem;
    /*    line-height: 0;*/
}

.short {
    min-width: 12% !important
}

nav ul li a:hover {
    font-size: 38px;
    line-height: 1.8;
    color: darkred;
    text-shadow: 0px 0px 4px rgb(34, 16, 10);
}

nav ul li a:active {
    color: rgb(50, 141, 103);
    text-shadow: 0px 0px 0px rgb(0, 0, 0);
}

.cool {
    color: rgb(255, 255, 255);
    text-shadow: -2px 2px 2px rgb(0, 0, 0);
}

nav > ul > li > ul {
    padding: 0
}

nav > ul > li > ul > li {
    width: 100%
}

.sub {
    display: block;
    position: absolute;
    z-index: 99999999999999999999999999999999999999;
    width: 15%;
    background-color: rgb(195, 180, 139);
    /*    border-left: solid 1px rgb(195, 180, 139);*/
    /*    border-bottom: solid 1px rgb(195, 180, 139);*/
    /*    border-right: solid 1px rgb(195, 180, 139)*/
}

.big {
    height: 60px;
    /*	margin: 0rem;*/
    line-height: 2.5;
    font-size: 18px
}

.navclass {
    width: 17.7%
}

.ncv {
    margin-left: 21.5%
}

.scroll-nav {
    z-index: 9999;
    position: fixed;
    left: 0;
    top: -7rem;
    width: 100%;
    /*	height: 50px*/
    /*	background-color: rgb(255,0,0)*/
}

.scrolllogo {
    z-index: 99999;
    position: fixed;
    margin-left: 12rem;
    margin-top: -3rem;
    width: 9%;
}

.big {
    height: 60px;
    /*	margin-top:.5rem;*/
    line-height: 2.5
}

/*Navigation*/

/*slider*/

.slide-viewer {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    z-index: -9;
    width: 100%;
    height: 35rem;
}

.slide-group {
    width: 100%;
    height: 100%;
    position: relative;
}

.slide {
    width: 100%;
    height: 100%;
    display: none;
    position: absolute;
    /*		background-color: rgb(70,35,10);*/
    -webkit-box-shadow: 0px 0px 10px rgb(70, 15, 0);
    box-shadow: 0px 0px 10px rgb(70, 15, 0);

}

.slide:first-child {
    display: block;
}

.slider {
    /*	margin-top: 2rem*/
}

.active {
    color: rgb(255, 250, 185) !important;
    text-shadow: 0px 0px 2px #000
}

.slide-buttons span {
    font-size: 56px;
    background-color: transparent;
    border-style: none;
    color: rgb(220, 90, 0);
    padding: 0rem 1.5% 0rem 1.5%
}

.slider:hover .next {
    display: block
}

.slider:hover .prev {
    display: block
}

.prev {
    display: none;
    padding: 0;
    border: .2px outset #fff;
    background-color: rgba(255, 255, 255, 0.3);
    position: absolute;
    margin-top: -19rem;
    font-size: 48px;
    /*	margin-left: 10px*/
}

.next {
    display: none;
    padding: 0;
    border: .2px outset #fff;
    background-color: rgba(255, 255, 255, 0.3);
    position: absolute;
    margin-top: -19rem;
    margin-left: 97.7%;
    font-size: 48px
}

.next:hover,
.prev:hover {
    background-color: rgba(255, 255, 255, 0.5);
    color: black;
    cursor: pointer
}

.slide-buttons {
    position: absolute;
    display: block;
    margin-top: -3.5rem;
    width: 100%;
    text-align: center;
    /*	background-color: rgb(220,90,0);*/
    /*	height: 60px;*/
    /*	box-shadow: inset 0px 0px 40px #000*/
}

.slide-buttons span:hover {
    cursor: pointer
}

.slide-8 h1 {
    text-align: left;
    position: absolute;
    margin-top: 1rem;
    margin-left: 48%;
    text-shadow: 4px 3px 4px rgb(55, 0, 25);
    /*    padding: 10px 10px 10px 10px;*/
    font-size: 56px;
    font-family: 'rye', serif;
    width: 45%
}

.slide-1 h1 {
    width: 30%;
    margin-left: 67%;
    margin-top: 18rem;
    font-size: 56px
}

.slide-1 {
    background-image: url(../_images/IMG_8663.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center 30%
}

.slide-2 {
    background-image: url(../_images/IMG_8502.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center
        /*	background-color: black*/
}

.slide-img,
.slide-2 h1,
.slide-2 div {
    display: inline-block;
    width: 33%;
    vertical-align: middle;
    margin-top: 2rem
}

.slide-2 > div > img {
    width: 100%
}

.slide-3 {
    background-image: url(../_images/IMG_0780.JPG);
    background-size: cover;
    background-position: center 30%
}

.slide-3 h1 {
    width: 30%;
    margin-left: 65%;
    margin-top: 10rem;
    font-size: 72px
}

.slide-4 {
    width: 100%;
    background-image: url(../_images/IMG_0184.JPG);
    background-size: cover;
    background-position: 50% 30%
}

.slide-4 h1 {
    margin-top: 23rem;
    width: 100%;
    font-size: 72px
}

.slide-7 h1 {
    margin-top: 18rem;
    width: 100%;
    color: rgb(255, 250, 185);
    text-shadow: 3px 3px 1px rgb(0, 0, 0)
}

.slide-6 {
    background-image: url(../_images/IMG_0797.JPG);
    background-size: cover;
    background-position: 65%
}

.slide-6 h1 {
    width: 95%;
    margin-left: 0rem;
    margin-top: 1rem;
    font-size: 56px;
    font-weight: bold;
    text-shadow: 3px 3px 1px rgb(70, 15, 40)
}

.slide-6 h2 {
    width: 100%;
    margin-top: 15rem;
    font-size: 46px;
    font-weight: bold;
    text-shadow: 3px 3px 1px rgb(0, 0, 0)
}

.slide-5 {
    background-image: url(../_images/IMG_8686.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center 20%
}

.slide-5 h1 {
    width: 30%;
    margin-left: 65%;
    margin-top: 10rem;
    font-size: 72px
}

.slide-7 {
    background-image: url(../_images/IMG_8700.jpg);
    background-size: cover;
    background-position: 50% 35%
}

.slide-7 h1 {
    margin-top: 24rem;
    font-size: 72px
}

.slide-8 {
    background-image: url(../_images/Vanderveer_Brothers.JPG);
    background-size: cover;
    background-position: center 23%
}

.slide-9 {
    background-image: url(../_images/IMG_8502.jpg);
    background-size: cover;
}

.slide-9 h1 {
    /*	color: rgb(255,0,0);*/
    text-shadow: 3px 3px 0px rgb(70, 15, 40);
}

.slide-9 img {
    display: block;
    margin: 0 auto;
}

/*slider*/

/*Header*/

.animation-element {
    /*
  position: relative;
  opacity: 0;
  -moz-transition: all .7s linear;
  -webkit-transition: all .7s linear;
  -o-transition: all .7s linear;
  transition: all .7s linear;
	width: 100%;
  transform: translateY(200px);
*/
}

.background-visability {
    z-index: -100
}

.in-view {
    z-index: -9;
    /*   transform: translateY(00%);*/
}

/*all*/

.block-a {
    display: block;
    margin: 0 auto;
    width: 30%;
    height: 60px;
    padding-top: 5px;
    text-align: center;
    border-radius: 4px;
    border-style: solid;
    border-width: 2px;
    font-size: 36px;
    font-family: 'vanderveer';
    text-decoration: none;
    color: rgb(34, 16, 10);
    text-shadow: -2px 2px 3px rgb(195, 180, 139);
    -webkit-transition: .3s ease-in;
    transition: .3s ease-in
}

.block-a:hover {
    background-color: rgb(50, 141, 103);
    color: rgb(34, 16, 10);
    text-shadow: 0px 0px 10px rgb(195, 180, 139);
    -webkit-transform: scale(1.04);
    transform: scale(1.04);
}

p {
    font-family: 'asul', serif;
    color: rgb(34, 16, 10);
    font-size: 20px;
    font-weight: normal
}

b {
    font-family: 'montserrat';
    font-size: 20px;
}

i {
    font-size: 24px
}

div a {
    color: darkred;
    font-size: 20px;
    font-family: 'montserrat';
    text-shadow: 0px 0px 3px rgb(34, 16, 10);
    text-decoration: none;
    -webkit-transition: .2s ease-in;
    transition: .2s ease-in
}

div a:hover {
    color: rgb(34, 16, 10);
    text-shadow: 1px 1px 3px darkred;
}

div a:active {
    text-shadow: 2px 2px 2px rgb(0, 0, 0);
}

h1 {
    color: rgb(195, 180, 139);
    text-shadow: 2px 2px 4px rgb(0, 0, 0);
    font-size: 72px;
    font-family: 'vanderveer', serif;
    font-weight: normal;
    width: 75%;
    text-align: center;
    margin: 0 auto;
    display: block;
}

h1 i {
    font-size: 56px
}

h2 {
    /*	border-bottom: 1px solid rgb(255,0,0);*/
    font-weight: normal;
    font-family: 'vanderveer';
    color: rgb(195, 180, 139);
    text-shadow: 2px 2px 2px rgb(0, 0, 0);
    text-align: center;
    font-size: 56px;
    width: 75%;
    display: block;
    margin: 0 auto;
    margin-top: 2rem;
    margin-bottom: 2rem
}

h3 {
    color: rgb(195, 180, 139);
    text-shadow: 2px 2px 3px rgb(34, 16, 10);
    font-family: 'vanderveer', serif;
    text-align: center;
    font-size: 36px;
    letter-spacing: 1.5px
}

h4 {
    font-family: 'vanderveer';
    color: rgb(70, 15, 40);
    text-shadow: 1px 1px 0px rgb(220, 90, 0);
    text-align: center;
}

h5 {
    color: darkgreen;
    text-shadow: 1px 1px 1px rgb(220, 90, 0);
    font-family: 'vanderveer', serif;

}

h2 > b {
    /*
    color: rgb(220,90,0);
    font-size: 24px;
    text-shadow: 1px 1px 0px rgb(70,15,0)
*/
}

.youtube {
    display: block;
    margin: 0 auto;
    /*    height:350px;*/
    /*	width: 100%;*/
    background-color: black
}

.scrolltotop img {
    position: fixed;
    margin-left: 77rem;
    bottom: 0;
    width: 110px;
    -webkit-animation: bounce 1s 3;
    -moz-animation: bounce 1s 3;
    -o-animation: bounce 1s 3;
    -ms-animation: bounce 1s 3;
}

@-webkit-keyframes bounce {
    0% {
        bottom: 0px;
    }

    5% {
        bottom: 1px;
    }

    10% {
        bottom: 3px;
    }

    15% {
        bottom: 5px;
    }

    20% {
        bottom: 7px;
    }

    25% {
        bottom: 9px;
    }

    30% {
        bottom: 11px;
    }

    35% {
        bottom: 12px;
    }

    40% {
        bottom: 13px;
    }

    45% {
        bottom: 14px;
    }

    50% {
        bottom: 15px;
    }

    55% {
        bottom: 14px;
    }

    60% {
        bottom: 13px;
    }

    65% {
        bottom: 12px;
    }

    70% {
        bottom: 11px;
    }

    75% {
        bottom: 9px;
    }

    80% {
        bottom: 7px;
    }

    85% {
        bottom: 5px;
    }

    90% {
        bottom: 3px;
    }

    95% {
        bottom: 1px;
    }

    100% {
        bottom: 0;
    }
}

/*all*/

/*homepage*/
.page {
    margin-top: -1rem;
}

.home {
    /*    background-color: rgba(225, 230, 180, 0.6);*/
    padding-top: 1rem;
}

.home-5 {
    /*    background-color: rgba(255, 240, 180, 0.7);*/
    padding-top: 1rem;
    padding-bottom: 1rem
}

.home-3 {
    /*    background-color: rgba(225, 230, 180, 0.5);*/
    padding-top: 1rem;
    padding-bottom: 1rem
}

.blur {
    margin-top: 1rem;
    background-color: rgba(195, 180, 139, 0.6)
}

.content-1 {
    /*	background-image: url(../_images/0609161007-02.jpg);*/
    background-position: bottom;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    height: 100%;
    width: 100%;

}

.content-1 .container h1 {
    display: block;
    text-align: right;
    margin: 0;
    width: 100%;
    color: darkred;
    text-shadow: 2px 2px 5px rgb(195, 180, 139);
    /*    margin-left: 2rem;*/
    padding: 24rem 0rem 2rem 0rem
}

.content-3 {
    margin-bottom: -3rem;
    background-color: rgba(195, 180, 139, 0.3);

    /*	background-image: url(../_images/IMG_0447-2.jpg);*/
    background-position: top;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.content-5 {
    margin-top: 1rem;
    background-color: rgba(195, 180, 139, 0.3);
    /*	background-image: url(../_images/0725152042-00.jpg);*/
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    margin-bottom: -1rem;
}

.content-5 p,
.content-1 p {
    color: rgb(34, 16, 10);
    font-weight: bold
}

.content-3 p {
    color: rgb(34, 16, 10);
    font-size: 24px;
    font-weight: bold
        /*    text-shadow: 1px 1px 1px rgb(220, 90, 0)*/
}


.content-4 p {
    color: rgb(34, 16, 10);
    font-weight: bold
        /*    font-size: 20px*/
}

.content-2 p {
    padding-top: 1rem;
    /*    color: darkgreen;*/
    color: rgb(195, 180, 139);
    text-align: center
}

.content-2 {
    /*    background-color: rgb(195, 180, 139);*/
    padding: 2rem 0rem;
    background-image: url(../_images/denim.jpg);
    background-size: cover
}

.content-4 {
    /*    background-color: rgb(255, 250, 185);*/
    padding: 2rem 0rem
}

.content-2 img {
    width: 18%;
    float: left;
    padding-right: 1%
}

.center p {
    text-align: center;
    color: rgb(195, 180, 139)
}

.center b {
    color: rgb(34, 16, 10);
    font-size: 24px;
    text-shadow: -1px 1px 0px rgb(195, 180, 139);
    font-weight: bold;
    font-family: 'asul'
}

.line {
    font-family: 'asul';
    text-shadow: none;
    font-size: 24px;
    border-bottom: 2px solid rgb(70, 15, 40);
    border-top: 2px solid rgb(70, 15, 40);
    text-align: center;
    padding: 3rem 0rem
}

.fade {
    position: fixed;
    width: 100%;
    height: 159rem;
    background-color: rgba(000, 000, 000, 0.8);
    top: 0;
    z-index: 999999999999999999
}

.add {
    width: 75%;
    display: block;
    position: fixed;
    margin: 0rem 10rem;
    top: 1px;
    /*	height: 31rem;*/
    background-color: rgba(245, 245, 220, 0.6);
    z-index: 999999999999999999999999999999999;
}

.add iframe {
    width: 100%;
    padding: 5%
}

.add #clockdiv {
    padding-top: 2%;
    padding-right: 2%;
    margin: 0 auto
}

.add img {
    display: block;
    margin: 0 auto;
}

.add a {
    text-decoration: none
}



.getrid {
    padding: 5px;
    position: absolute;
    color: beige;
    margin-left: 100%;
    font-size: 36px;
    font-family: sans-serif;
    top: 0rem;
    text-shadow: 1px 1px 1px rgb(0, 0, 0);
    border-radius: 5px;
    border-color: beige;
    border-style: solid;
    border-width: 2px;
    width: 55px;
    text-align: center;
    background-color: rgb(0, 0, 0);
}

.getrid:hover {
    color: rgb(200, 200, 200);
    text-shadow: 1px 1px 1px rgb(0, 0, 0);
    background-color: rgb(150, 5, 5);

}

.small {
    display: none;
    width: 50%;
    margin: 0 auto;
    margin-top: -165rem;
    position: absolute;
    border: 15px solid rgba(225, 230, 135, 0.8);
}

.christmas-add {
    width: 75%;
    display: block;
    position: fixed;
    margin-left: 10rem;
    margin-top: 3rem;
    top: 0;
    /*	height: 31rem;*/
    background-color: rgb(255, 255, 255);
    z-index: 999999999999999999999999999999999;
}

.christmas-add h1 {
    color: red;
    text-shadow: #000;
}

.christmas-add .quote {
    width: 90%;
    display: block;
    margin: 0 auto
}

.christmas-add .quote h2 {
    font-size: 20px;
    color: darkgreen;
    text-shadow: 0px 0px 0px;
    font-family: 'Montserrat';
    text-align: justify
}

#bgvid {

    position: fixed;
    /*     top: 0; */
    /*     left: 50%; */
    margin-top: -2%;
    min-width: 100%;
    min-height: 100%;
    /*     width: auto; */
    /*     height: auto; */
    z-index: -100;
    /*     transform: translateX(-50%) translateY(-50%); */
    /* background: url(//demosthenes.info/assets/images/polina.jpg) no-repeat; */
    /*     background-size: cover; */
    /*     transition: 1s opacity; */
}

.bgvid {
    position: fixed;
    top: 0;
    left: 0%;
    /* margin-top: -2%; */
    width: 100%;
    /*    min-height: 100%;*/
    /* width: auto; */
    /* height: auto; */
    /*    z-index: -100;*/
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transform: translateY(-24%);
    transform: translateY(-24%);
    /* background: url(//demosthenes.info/assets/images/polina.jpg) no-repeat; */
    background-size: contain;
    /* transition: 1s opacity; */
}

/*homepage*/

/*band*/

.band-1 {
    float: right;
    width: 30%;
    padding: 1%
}

.band-2 {
    float: left;
    width: 30%;
    padding: 1%;
    padding-left: 0rem
}

.band-3 {
    float: right;
    width: 31%;
    padding: 1%;
}

.band-4 {
    float: left;
    padding-right: 1%
}

.band h2 {
    margin-top: 6rem;
}

/*band*/

/*contact*/

.contact article,
.contact p {
    /*    text-align: center;*/
}

.formWrapper {
    display: block;
    padding: 3rem;
}

.contact h3 {
    font-size: 48px;
    color: darkgreen;
    text-shadow: 3px 3px 0px rgb(200, 145, 85);
}

.contact a h3 {
    color: rgb(70, 15, 40);
    text-shadow: -2px 2px 1px rgb(220, 90, 0);
    font-size: 24px
}

/*
.frompage h2, .frompage h3{
	text-align: left;
	font-size: 28px;
}
*/

.frompage p {
    padding-left: 0rem
}

.frompage {
    /*	display: inline-block;*/
    /*	padding-left:2rem;*/
    width: 100%;
    margin-top: -2rem
        /*	vertical-align: top;*/
}

form {
    /*	background-image: url(../_images/inkscape.png);*/
    /*	background-attachment: fixed;*/
    /*    background-repeat: no-repeat;*/
    /*    background-size: cover;*/
    /*    border: ridge 1px rgb(34, 16, 10);*/
    background-color: rgb(195, 180, 139);
    /*	background-color: white;*/
    /*	display: inline-block;*/
    width: 100%;
    margin: auto;
    /*	margin-top: -6rem;*/
    font-family: 'asul';
    color: rgb(34, 16, 10);
    /*    text-shadow: 1px 1px 1px rgb(34, 16, 10);*/
    font-size: 18px;
}

form img {
    width: 40%;
    display: block;
    margin: auto
}

form h5 {
    color: rgb(70, 15, 40)
}

.bi {
    display: block;
    margin: .5rem 0rem .5rem 0rem
}

#name,
#email,
#phone,
#venue,
#group,
#address,
#subject,
#address2,
#phone2 {
    margin: .5rem 0rem .5rem 0rem;
    width: 48%;
    height: 2rem;
    font-size: 16px;
    /*    font-weight: bold;*/
    font-family: 'asul';
    /*    border-radius: 7px*/
}

#time,
#date {
    margin: .5rem .7rem .5rem 0rem;
    width: 20%;
    height: 2rem;
    font-size: 16px;
    /*    font-weight: bold;*/
    font-family: 'asul';
    /*    border-radius: 7px*/
}

#group {
    width: 96%
}

#city,
#zipcode,
#city2,
#zipcode2 {
    margin: .5rem .5rem .5rem 0rem;
    width: 32%;
    height: 2rem;
    font-size: 16px;
    /*    font-weight: bold;*/
    font-family: 'asul';
    /*    border-radius: 7px*/
}

#state,
#state2 {
    margin: .5rem .5rem .5rem 0rem;
    width: 24%;
    height: 2rem;
    font-size: 16px;
    /*    font-weight: bold;*/
    font-family: 'asul';
    /*    border-radius: 7px*/
}

#quantity1,
#quantity2,
#quantity3 {
    /*    margin: .5rem .5rem .5rem 0rem;*/
    display: inline-block;
    width: 5rem;
    height: 2rem;
    font-size: 16px;
    vertical-align: middle;
    margin-right: 0rem;
}

.cdSelect {
    width: 50%;
}

.cdSelect div {
    display: inline-block;
    width: 49%;
    margin: 0;
    vertical-align: middle;
}

#item1,
#item2,
#item3 {
    vertical-align: middle
}

textarea {
    width: 80%;
    /*    margin-left: 12.2%;*/
    height: 150px;
    font-size: 16px;
    font-family: 'asul'
}

legend {
    margin: auto
}


input[type="radio"] {
    height: 1.5rem;
    width: 1.5rem;
    border-radius: 0px;
    vertical-align: middle
}

input[type="checkbox"] {
    height: 1.5rem;
    width: 1.5rem;
    vertical-align: middle
}

#send {
    margin: 1rem;
    font-weight: bold;
    color: rgb(70, 15, 40);
    text-shadow: 2px 2px 0px rgb(0, 0, 0);
    display: block;
    margin: 0 auto;
    width: 60%;
    height: 60px;
    padding-top: 5px;
    text-align: center;
    border-radius: 4px;
    border-style: solid;
    border-width: 2px;
    border-color: rgb(34, 16, 10);
    font-size: 36px;
    font-family: 'asul';
    text-decoration: none;
    color: rgb(34, 16, 10);
    text-shadow: -2px 2px 3px rgb(0, 0, 0);
    background-color: rgb(195, 180, 139);
    -webkit-transition: .2s ease-in;
    transition: .2s ease-in
}

#send:hover {
    background-color: rgb(34, 16, 10);
    color: rgb(195, 180, 139);
    text-shadow: -2px 2px 3px rgb(0, 0, 0);
    border-color: rgb(195, 180, 139);
    -webkit-transform: scale(1.02);
    transform: scale(1.02)
}

form p {
    color: rgb(70, 15, 40)
}

.block-a-wide {
    display: block;
    margin: 0 auto;
    width: 50%;
    height: 60px;
    padding-top: 5px;
    text-align: center;
    border-radius: 4px;
    border-style: solid;
    border-width: 2px;
    font-size: 36px;
    font-family: 'vanderveer';
    text-decoration: none;
    color: rgb(34, 16, 10);
    text-shadow: -2px 2px 3px rgb(195, 180, 139);
    -webkit-transition: .2s ease-in;
    transition: .2s ease-in
}

.block-a-wide:hover {
    background-color: rgb(50, 141, 103);
    color: rgb(34, 16, 10);
    text-shadow: 0px 0px 10px rgb(195, 180, 139);
    -webkit-transform: scale(1.04);
    transform: scale(1.04);
}

.warning {
    /*	background-color: aliceblue;*/
    color: red;
    font-weight: bold;
    font-family: sans-serif;
    text-shadow: 2px 2px 1px #000;
    /*	position: absolute*/
}

h1 .warning {
    font-size: 48px;
    position: relative !important
}


/*contact*/

/*festivals*/

.festivals h4 {
    text-align: center
}

.festivals a {
    text-decoration: none;
}

.festivals article {
    padding-bottom: 5rem;

}

#clockdiv {
    display: block;
    width: 60%;
    background-color: rgb(225, 230, 135);
    margin-bottom: -1rem;
    margin: 0 auto
}

#clockdiv div {
    display: inline-block;
    width: 24%;
}

#clockdiv span {
    padding: 10px;
    background-color: black;
    font-family: sans-serif;
    font-size: 56px;
    color: white;
    display: block;
    width: 120px;
    text-align: center;
    text-shadow: 0px 0px 0px;
    margin-left: 20%;
    border: 2px inset #ddd
}

#cdiv {
    display: block;
    width: 60%;
    background-color: rgb(225, 230, 135);
    margin-bottom: -1rem;
    margin: 0 auto
}

#cdiv div {
    display: inline-block;
    width: 24%;
}

#cdiv span {
    padding: 10px;
    background-color: black;
    font-family: sans-serif;
    font-size: 56px;
    color: white;
    display: block;
    width: 120px;
    text-align: center;
    text-shadow: 0px 0px 0px;
    margin-left: 20%;
    border: 2px inset #ddd
}

#cldiv {
    display: block;
    width: 50%;
    background-color: rgb(225, 230, 135);
    margin-bottom: -1rem;
    margin: 0 auto
}

#cldiv div {
    display: inline-block;
    width: 25%;
}

#cldiv span {
    padding: 10px;
    background-color: black;
    font-family: sans-serif;
    font-size: 56px;
    color: white;
    display: block;
    width: 120px;
    text-align: center;
    text-shadow: 0px 0px 0px;
    margin-left: 20%;
    border: 2px inset #ddd
}

/*festivals*/

/*instruments*/

h6 {
    position: absolute !important;
    display: block;
    font-family: 'asul';
    font-weight: bold;
    font-size: 14px;
    color: rgb(255, 250, 185);
    margin-top: -3rem;
    text-align: center;
    width: 15%
}

.instruments p {
    margin: 4rem 0rem 4rem 0rem
}

.middle {
    display: inline-block;
    width: 61%
}

.left {
    display: inline-block;
    width: 80%
}

.sideimg {
    display: inline-block;
    width: 19%;
}

/*instruments*/

/*bios*/

.bios article p,
.bios article h2,
.bios h3 {
    display: inline-block;
    width: 75%;
    border: 0px
}

.bios-content {
    /*	background-image: url(../_images/WCRS%20153.jpg);*/
    background-size: cover;
    background-attachment: fixed;
    background-position: bottom;
    margin: 5rem;
    /*	padding: 8rem 0px 8rem 0px*/
}

#dulcimer {
    margin-top: 4rem
}

#fiddle {
    /*    margin-top: 7rem*/
}

.bios article img {
    position: absolute;
    display: inline-block;
    width: 27%;
    margin-left: 2%
}

.bios1 {
    margin-top: -51rem
}

.bios2 {
    margin-top: -16.5rem
}

.bios3 {
    visibility: hidden
}

.bios4 {
    margin-top: -32rem
}

.bios5 {}

.bios6 {
    margin-top: -50rem
}

.bios7 {
    margin-top: -15rem
}

.bios8 {
    margin-top: -35rem
}

.bios9 {
    margin-top: -4rem
}

.bios10 {
    display: block !important;
    width: 23% !important;
    margin-left: 15rem !important
}

.bios-content-1 {
    padding: 13rem 0rem 9rem 0rem;
}


/*bios*/

/*info*/

#note {
    position: absolute;
    margin-top: -265rem;
    height: 265rem;
    width: 100%;
    background-color: rgba(000, 000, 000, .9);
}

.diagram {
    display: block;
    width: 85%;
    margin: 0 auto;
    margin-top: 2rem
}

.logo img {
    position: absolute;
    max-width: 15%;
    width: 100%;
    display: block;
    margin-left: 59%
}

/*info*/

/*cd*/

.smallimg {
    display: block;
    width: 100%;
    margin: 1rem auto;
}

.tracks {
    display: inline-block;
    font-family: 'asul';
    color: rgb(220, 90, 0);
    text-shadow: 1px 1px 1px rgb(70, 15, 40);
    list-style: none;
    font-size: 22px;
    margin-bottom: -1rem;
    width: 49%
}

.cdpic {
    display: inline-block;
    width: 49%;
    font-size: 24px;
    /*    text-shadow: 2px 2px 1px rgb(220, 90, 0);*/
    padding: 2%;
    margin: 0rem auto;
    vertical-align: middle
}


.cdpicimg {
    border: solid 1px rgb(255, 250, 185);
    width: 80%;
    -webkit-box-shadow: 0px 0px 8px 2px rgb(0, 0, 0);
    box-shadow: 0px 0px 8px 2px rgb(0, 0, 0)
}

.cdpic:hover {
    background-color: transparent;
    -webkit-box-shadow: 0px 0px 0px;
    box-shadow: 0px 0px 0px;
}

.cds-top-1 {
    display: inline-block;
    margin: 2rem 1px;
    width: 49%;
    vertical-align: top;
}

.cds-top-1 img {
    width: 100%
}

.cds-top-1 h1 {
    width: 100%
}

h2 i {
    font-size: 42px
}

/*cd*/

/*locations*/

.performance-locations h3 {
    font-size: 24px;
    text-shadow: -2px 2px 1px rgb(70, 15, 40)
}

.locations ul {
    display: inline-block;
    width: 49%;
    vertical-align: top;
    font-size: 20px;
    font-family: 'asul';
    color: darkgreen;
    /*	list-style: none;*/
}

.locations ul li {
    /*	padding: 2rem 0rem;*/
    /*	border-bottom: 1px solid rgb(255,0,0);*/
}

/*locations*/

/*liner notes*/

.linernotes {
    display: inline-block;
    width: 49%;
    vertical-align: top;
    padding-right: 2%
}

.linernotes h3,
.linernotes h4 {
    text-align: left
}

.linernotesimg {
    width: 33%;
    display: inline-block;
    vertical-align: top;
    padding-top: 3px
}

.linernotesimg-2 {
    width: 33%;
    float: right;
}

.linernotesimg-3 {
    width: 33%;
    display: block;
    margin: 0 auto;
    padding-top: 3px
}

.linernotesimg-4 {
    width: 100%;
    padding-top: 2px
}

.cover {
    position: fixed;
    top: 0rem;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.9);
    left: 0rem
}

.window > .slider {
    display: block;
    position: fixed;
    top: -5rem;
    width: 50%;
    background-color: black;
    height: 70vh;
    margin: 10rem;
}

.window .slide img {
    width: 100%
}

.slide-23 img {
    margin-top: -7rem
}

.slide-25 img {
    margin-top: -9rem
}

.slide-22 img {
    margin-top: 11rem
}

.window .next {
    margin-left: 95.5%
}

.close {
    padding: 5px;
    position: absolute;
    color: beige;
    margin-left: 98%;
    font-size: 36px;
    font-family: sans-serif;
    top: -8%;
    text-shadow: 1px 1px 1px rgb(0, 0, 0);
    border-radius: 50px;
    border-color: beige;
    border-style: solid;
    border-width: 2px;
    width: 55px;
    text-align: center;
    background-color: rgb(0, 0, 0);
}

.window .slide-buttons {
    margin-top: -5rem
}

.slide-buttons button {
    font-size: 96px;
    background-color: transparent;
    border-style: none;
    color: rgb(220, 90, 0);
    padding: 0rem 1.5% 0rem 1.5%
}

/*liner notes*/

/*quote*/

.quote {
    margin: 5rem 0rem 3rem 0rem
}

.quote h2 {
    width: 100%;
    color: rgb(195, 180, 139);
    text-shadow: 1px 1px 4px rgb(34, 16, 10);
    text-align: right;
    border: 0px;
    font-size: 48px;
}

.quote h2 span {
    color: rgb(50, 141, 103);
    /*    text-shadow: 2px 2px 1px rgb(70, 15, 40);*/
}

.quote h3 {
    color: darkred;
    text-shadow: 0px 0px 3px rgb(195, 180, 139);
    text-align: right;
    margin-top: -2rem;
    font-family: 'Beth ellen';
    font-size: 24px
}

.quote p {
    text-align: right;
    margin-top: -2rem;
}

/*quote*/

/*Footer*/

footer {
    background-image: url(../_images/denim.jpg);
    /*    background-color: rgba(000, 000, 000, 0.9);*/
    background-size: cover;
    margin-top: 1rem;
    padding-top: 3rem;
    padding-bottom: 1rem;
}

footer p {
    font-family: 'vanderveer', serif;
    text-align: center;
    color: rgb(195, 180, 139);
    font-size: 16px;
    text-shadow: 0px 0px 2px rgb(34, 16, 10);
    letter-spacing: 1px;

}

.photography a {

    /*    font-size: 12px !important;*/
    color: rgb(100, 100, 100);
    text-shadow: 1px 1px 1px;
    font-family: 'vanderveer'
}

.photography a:hover {

    font-size: 24px !important;
    color: rgb(150, 150, 150);
    text-shadow: none;
}

footer img {
    display: block;
    width: 265px;
    /*    margin-left: 40%;*/
    margin: 0 auto
}

.copyright {
    display: inline-block;
    width: 36%;
    margin: 0 auto;
    vertical-align: top;
    padding: 30px
}

.contactinfo {
    display: inline-block;
    vertical-align: top;
    width: 33%;
    font-size: 18px;
    font-family: 'Montserrat';
    border-left: solid 1px rgb(195, 180, 139);
    border-right: solid 1px rgb(195, 180, 139)
}

.contactinfo ul {
    padding: 0
}

.contactinfo li {
    list-style: none;
    height: 2rem;
    width: 100%;
}

.contactinfo a {
    padding-left: 1.5rem;
    display: block;
    color: rgb(195, 180, 139);
    text-shadow: 0px 0px 1px rgb(34, 16, 10);
    text-decoration: none;
    width: 100%;
    height: 100%;
    font-size: 20px;
    -webkit-transition: .2s ease-in;
    transition: .2s ease-in
}

.contactinfo a:hover {
    color: rgb(255, 250, 185);
    text-shadow: -1px 1px 2px rgb(0, 0, 0);
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.design p,
.contactinfo p {
    font-size: 24px
}

.design i {
    font-family: 'Montserrat';
    color: rgb(20, 50, 255);
    text-shadow: -0px 0px 2px rgb(0, 0, 0);
    font-weight: bold;
    font-size: 14px
}

.design {
    display: inline-block;
    width: 30%;
    vertical-align: bottom
}

.foot a {
    height: 50px;
    display: block;
    margin: 0 auto;
    text-align: center;
    line-height: 2.5;
    vertical-align: top;
    padding: 0;
    font-family: 'vanderveer';
    text-decoration: none;
    color: rgb(34, 16, 10);
    text-shadow: 1px 1px 1px rgb(0, 0, 0);
    font-size: 20px
}

.foot {
    margin-bottom: -1rem
}

.weblogo {
    margin: 0 auto;
    margin-top: -.8rem;
    width: 20%;
    height: 20%;
}

.onefive {
    width: 100%
}

.weblogo:hover .onefive {
    display: none
}

.weblogo:hover .design p {
    display: none
}

.twofive {
    display: none;
}

.weblogo:hover .twofive {
    display: block;
    width: 100%
}

.photography,
.photography b {
    font-size: 18px !important;
    color: rgb(100, 100, 100);
    text-shadow: none;
}

.centered {
    display: block;
    text-align: center;
    color: darkgray;
    text-decoration: none;
    padding-left: 4rem
}

.centered a {
    text-align: center;
    color: rgb(195, 180, 139);
    text-decoration: none;
    padding: 1rem 2rem;
    font-size: 28px !important;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
    font-weight: normal
}

a.ico {
    font-size: 26px !important
}

.fa-phone {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.centered a:hover {
    font-size: 28px;
    color: rgb(255, 250, 185);
    text-shadow: -2px 2px 1px rgb(0, 0, 0);
    font-size: auto;
    /*    padding: 0rem 3rem*/
}


.center a:first-child {
    /*    display: inline-block;*/
    width: 96% !important;
    margin-bottom: 1rem;
    margin: 1rem;
    text-shadow: -1px 1px 0px rgb(220, 90, 0)
}

.center a:not(:first-child) {
    display: inline-block;
    width: 46% !important;
    margin-bottom: 1rem;
    margin: 1rem auto;
    text-shadow: -1px 1px 0px rgb(220, 90, 0)
}

.center a i {
    font-family: 'asul';
    font-style: normal
}

/*Footer*/

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {

    .content-1,
    .content-3,
    .content-5,
    .band-content,
    .contact-content,
    .festival-banner,
    .instruments-content,
    .bios-content,
    .stagepic,
    .cds-content,
    .locations-content,
    .bios-content-1,
    .bios-content-2,
    .bios-content-3,
    .bios-content-4,
    .linernotes-content {
        background-size: cover;
        background-attachment: scroll;
    }

    .getrid {
        padding: 5px;
        position: absolute;
        color: beige;
        margin-left: 0%;
        font-size: 36px;
        font-family: sans-serif;
        margin-top: -30%;
        text-shadow: 1px 1px 1px rgb(0, 0, 0);
        border-radius: 50px;
        border-color: beige;
        border-style: solid;
        border-width: 2px;
        width: 55px;
        text-align: center;
        background-color: rgb(0, 0, 0);
    }

    .content-3 {
        background-position: 50% 15%;
    }

    .band-content {
        background-position: 50% 35%;
    }

    .contact-content {
        background-position: center;
    }

    .festival-banner {
        background-position: 50% 60%;
    }

    .stagepic {
        background-position: 50% 60%;
    }

    .cds-content {
        background-position: 0% 70%;
    }

    .locations-content {
        padding: 10rem 0rem 10rem 0rem;
        background-position: 50% 25%;
    }

    .bios-content-1 {
        padding: 15rem 0rem 7rem 0rem;
        background-position: 50% 35%;
    }

    .bios-content-2 {
        padding: 13rem 0rem 9rem 0rem;
    }

    .bios-content-3 {
        background-position: 50% 40%;
    }

    .bios-content-4 {
        padding: 15.5rem 0rem 6.5rem 0rem;
        background-position: 50% 40%;
    }
}

/*
logo colors
32,79,43
220,90,0
70,15,40
255,230,135
40,85,5
45,100,5
70,35,10
113,164,28
*/

@media all and (max-width: 1100px) {

    .contact a {
        font-size: 56px;
        /*	color: rgb(85,207,209);*/
    }

    .navlogo {
        width: 30%;
        margin-left: 37%;
        /*        margin-top: -2.3rem*/
    }

    nav {
        height: 80px;
        margin-top: 2rem
    }

    .off {
        border: none
    }

    .prev {
        display: block;
    }

    .next {
        display: block;
        margin-left: 97%
    }

    .quote {
        padding-right: 5%
    }

    .content-4 p {
        /*		display: inline-block;*/
        /*		width: 55%*/
    }

    .content-4 img {
        width: 30%;
        padding-left: 1%;
        float: left
    }

    .foot a {
        height: 80px;
        font-size: 28px
    }

    .contactinfo li {
        height: 4rem;
        line-height: 4rem
    }

    .contactinfo a {
        font-size: 24px;
        padding-left: 2rem
    }

    .sub {
        width: 20%
    }

    .page {
        width: 100% !important;
        overflow-y: scroll;
        background-position: 0px -160px !important;
    }


    .phonenav a h1 {
        width: 100%;
        font-size: 56px;
        margin-right: -4rem;
    }


    .phonenav ul li:nth-child(1) {
        margin-left: -5rem
    }

    .phonenavx {
        z-index: -99;
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d
    }

    .phonenavx a {
        opacity: 0;
        font-family: 'Montserrat';
        -webkit-transform: rotateX(-180deg);
        transform: rotateX(-180deg);
        position: absolute;
        margin-left: -7rem;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transition: all .6s ease-in;
        transition: all .6s ease-in;
        font-size: 72px;
        color: rgb(220, 90, 0);
        padding: 0rem;
    }

    .hamburger {
        color: rgb(220, 90, 0);
        text-shadow: 1px 1px 1px black;
        font-size: 84px;
        width: 100%;
        margin-top: -.3rem;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transition: all .6s ease-in;
        transition: all .6s ease-in;
        opacity: 1;
        z-index: 99999999999999999999;
    }

    .hamburger:hover {
        color: rgb(70, 15, 40);
        text-shadow: 2px 2px 2px rgb(220, 90, 0);
    }

    .christmas-add {
        width: 85%;
        display: block;
        position: fixed;
        margin-left: 10rem;
        margin-top: 3rem;
        top: 0;
        /*	height: 31rem;*/
        background-color: rgb(255, 255, 255);
        z-index: 999999999999999999999999999999999;
    }

    .phonenav {
        position: absolute;
        display: block;
        border: none;
        width: 100%;
        top: -2rem;
        background: rgb(27, 27, 31);
        height: auto;
        overflow-y: scroll;
        overflow-x: hidden;
    }

    .phonenav ul {
        padding: 2rem 0rem;
        /*        margin-bottom: 2rem;*/
        /*        bottom: 0*/
    }

    .phonenav li {
        width: 100%;
        height: 6rem;
        /*		border-bottom: 1px solid #888;*/
        /*		border-top: 1px solid #888;*/
    }

    .phonenav a {
        padding-left: 3rem;
        display: inline-block;
        padding-top: 0px;
        color: rgb(220, 90, 0);
        /*	text-shadow: -1px 1px 1px rgb(30,230,30);*/
        text-decoration: none;
        text-align: left;
        font-size: 48px;
        font-weight: normal;
        margin-bottom: 4rem
    }

    .phonenav li a {
        font-family: 'montserrat';
        display: block;
        width: 100%;
        font-weight: bold;
    }

    .phonenav a:hover {
        color: rgb(255, 250, 185);
        text-shadow: -2px 2px 2px rgb(220, 90, 0)
    }

    .small-nav-font {
        font-weight: lighter !important;
        font-size: 32px !important;
        font-family: sans-serif !important
    }

    .slide-1 h1 {
        margin-top: 23rem;
        width: 100%;
        margin-left: 0rem;
    }

    .slide-1 img {
        display: none;
    }

    .slide-1 {
        background-image: url('../_images/Vanderveer_Brothers.JPG');
        background-size: cover;
        background-position: 0% 25%
    }

    .slide-2 img {
        margin-top: 1rem
    }

    .slide-3 h1 {
        margin-top: 12rem;
        width: 45%;
        margin-left: 50%
    }

    .slide-2 h1 {
        font-size: 48px;
        margin-left: 2%;
        width: 28%
    }

    .slide-4 h1 {
        margin-top: 23rem;
        width: 100%;
        font-size: 56px
    }

    .slide-5 h1 {
        margin-top: 23rem;
        width: 100%
    }

    .slide-6 h1 {
        margin-top: 0rem;
        width: 100%
    }

    .slide-6 h2 {
        margin-top: 7rem;
    }

    .slide-5 h2 {
        margin-top: 11rem
    }

    .slide-7 h1 {
        font-size: 48px
    }

    .slide-9 h1 {
        width: 95%;
        font-size: 56px
    }

    .slide-9 img {
        display: block;
        margin: 0 auto;
    }

    .contactinfo {
        width: 30%
    }

    .bios2,
    .bios3,
    .bios4,
    .bios5 {
        margin-left: 70%
    }

    .middle {
        display: inline-block;
        width: 59%
    }

    .left {
        display: inline-block;
        width: 79%;
    }

    .content-1,
    .content-3,
    .content-5,
    .band-content,
    .contact-content,
    .festival-banner,
    .instruments-content,
    .bios-content,
    .stagepic,
    .cds-content,
    .locations-content,
    .bios-content-1,
    .bios-content-2,
    .bios-content-3,
    .bios-content-4,
    .linernotes-content {
        /*        background-size: cover;*/
        /*        background-attachment: scroll;*/
    }

    .band-content h1 {
        text-shadow: 4px 4px 2px rgb(70, 15, 40);
    }

    .logo {
        margin-left: 10rem
    }

    .home-3 > div > p {
        font-size: 28px
    }

    h3 {
        font-size: 24px
    }

    #clockdiv {
        width: 70%
    }

    #cdiv {
        width: 70%
    }

    #cldiv {
        width: 70%
    }

    .fade {
        background-color: rgba(0, 0, 0, 0.6)
    }

    .add {
        width: 90%;
        display: block;
        position: fixed;
        margin: 2rem;
        top: 5%;
        /*	height: 31rem;*/
        background-color: rgba(250, 245, 170, 0.8);
        z-index: 999999999999999999999999999999999;
    }

    .bios-content-1,
    .bios-content-4 {
        padding: 11rem 0rem 11rem 0rem;
        background-position: 0% 45% !important;
    }

    .joel {
        background-position: 0% 35% !important;

    }

    .getrid {
        padding: 5px;
        position: absolute;
        color: beige;
        margin-left: 98%;
        font-size: 36px;
        font-family: sans-serif;
        margin-top: -60%;
        text-shadow: 1px 1px 1px rgb(0, 0, 0);
        border-radius: 50px;
        border-color: beige;
        border-style: solid;
        border-width: 2px;
        width: 55px;
        text-align: center;
        background-color: rgb(0, 0, 0);
    }

    .bios article img {
        display: inline-block;
        position: absolute;
        margin-left: -3%;
        width: 27%;
    }

    .bios1 {
        margin-top: -62rem
    }

    .bios2 {
        margin-top: -35rem
    }

    .bios3 {
        visibility: visible
    }

    .bios10 {
        position: absolute !important;
        width: 35% !important;
        margin-left: 0% !important;
        margin-top: 1rem !important
    }

    .next,
    .prev {
        height: 6rem;
        width: 3rem;
        margin-top: -19rem
    }

    .next {
        margin-left: 0rem;
        right: 0rem
    }

    .block-a {
        width: 40%
    }

    .locations ul li {
        font-size: 24px
    }

    article p,
    div p {
        font-size: 24px !important;
        padding: 0px 5%
    }

    .copyright {
        width: 37%;
        padding: 0
    }

    .contactinfo {
        width: 37%
    }

    .contactinfo a {
        padding-left: 4%
    }

    .copyright p {
        font-size: 18px !important
    }

    .design {
        vertical-align: middle;
        width: 23%;
        padding: 0rem
    }

    .design i {
        font-size: 18px
    }

    .slide-buttons {
        margin-top: -2rem
    }

    .slide-buttons span {
        padding: 0% 3.8% 0% 3.8%;
        line-height: 1rem;
        font-size: 100px;

    }

    .linernotes {
        display: block;
        width: 100%;
        padding-left: 2%
    }

    .linernotes p,
    .linernotes h4 {
        margin: 0;
        padding: 0;
    }

    .linernotes h3 {
        margin-top: 3rem
    }

    .linernotesimg {
        width: 32%;
        display: inline-block;
        vertical-align: top;
        padding-top: 3px
    }

    .linernotes-article .band-1,
    .linernotes-article .band-2 {
        width: 40%
    }

    .window > .slider {
        display: block;
        position: fixed;
        top: 1%;
        width: 90%;
        background-color: black;
        height: auto;
        margin: 5%;
    }

    .slide-20 img {
        margin-top: -4rem
    }

    .slide-23 img {
        margin-top: -11rem
    }

    .slide-25 img {
        margin-top: -12rem
    }

    .slide-26 img {
        margin-top: -12rem
    }

    .slide-27 img {
        margin-top: -6rem
    }

    .slide-35 img {
        margin-top: -6rem
    }

    .window .slide-btn {
        width: 52px
    }

    .frompage {
        width: 100%;
        margin-bottom: -8rem
    }

    form {
        display: block;
        width: 94%;
    }

    #name,
    #email,
    #phone,
    #time,
    #date,
    #venue,
    #group,
    #address,
    #city,
    #state,
    #zipcode,
    #subject,
    #address2,
    #city2,
    #state2,
    #zipcode2,
    #phone2,
    #item1,
    #quantity1,
    #item2,
    #quantity2,
    #item3,
    #quantity3 {
        width: 70%;
        height: 8rem;
        font-size: 28px;
        border-radius: 12px
    }

    label {
        font-size: 36px;
    }

    #state {
        width: 55%
    }

    textarea {
        height: 20rem;
        font-size: 32px
    }

    input[type="radio"] {
        height: 4rem !important;
        width: 4rem !important;
    }

    .cdSelect {
        width: 100% !important;
    }

    input[type="checkbox"] {
        height: 4rem !important;
        width: 4rem !important;
        /*        margin-left: 1rem;*/
    }

    .formWrapper {
        padding-top: 6rem;
    }

    #send {
        height: 120px;
        width: 80%;
    }

    .bi {
        display: block;
        margin: 1rem auto;
        width: 68%;
    }

    .bi label {
        font-size: 36px
    }

    legend {
        font-size: 28px
    }

    .centered a {
        padding: 1rem 2.5rem;
        font-size: 96px !important
    }

    .centered a:hover {
        font-size: 96px;
    }
}




@media all and (min-height: 736px) {
    .phonenav {
        height: 100vh;
    }
}