@font-face {
            font-family: 'Avenir-Black';
            src: url('Avenir-Black.ttf') format('truetype');
        }
        @font-face {
            font-family: 'Avenir-Book';
            src: url('Avenir-Book.ttf') format('truetype');
        }
        @font-face {
            font-family: 'Avenir-Medium';
            src: url('Avenir-Medium.ttf') format('truetype');
        }
        * { font-family: Avenir-Book;}
        h1, #url {padding: 0px; margin:0;font-family: 'Avenir-Black'}
        
        body { margin:0px;padding: 0px; /*font-size: 0pt;*/}
        #whiskyFlask { margin: 0 auto; display:block; width: 100%; }
        #whiskyTop, #whiskyBottle, #whisky, #whiskyBox { margin: 0 auto; padding: 0px; }
        #whiskyTop img {  margin: 0px; display:block; margin: 0 auto; }
        /*#whiskyTop {background-color: aqua; height:113px; }*/
        #whiskyBottle { /*background-color: firebrick;*/}
        #whisky #contents {  width: 100%;    margin: 0 auto;}
        #whisky h1 { font-size:70px; margin: 0 auto; display: block; /*width: 350px;*/ text-align: center; color: white;}
        #whisky #url {font-size: 42px;color: white; font-family: 'Avenir-Black';}
        #whisky #url a { color: white;}
        #whisky p { margin: 0 auto;  display: block; width: 680px;text-align: center; /*font-weight:bold;*/ font-size:42px;color: white; line-height: 34pt;}

        #whisky #background img { /*max-width:100%;*/ display:block; margin: 0 auto; }
        /*#whisky #bottles {position: absolute;  width: 90%; display: block;}*/
        #whisky #bottles {display:block; width: 1111px; margin: 0 auto;}
        #whisky #bottles img {     position: absolute; display:block; align-self:center;   /* top: 16%; */ top:200px;   margin: 0 auto;  /*width:100%;*/ max-width: 1111px;}
        #whisky #message {width:650px; margin: 0 auto; display: block;}
        #whisky #message #text {position:absolute;/* margin-top: -40%;*/ top:800px;}
        #whisky #message #text a {text-decoration: none; font-weight:bold;}
        #whisky #message #text a:hover {text-shadow: 1px 1px 1px black;}
        #whisky #button {width: 350px; background-color:#bd2c17; display:block; color: white; text-align:center; margin: 0 auto;     margin-top: 20px; padding: 10px; text-transform: uppercase; font-size: 20pt}
        #whiskyBox{ margin-top: -7%;}
        #whiskyBox #contents {  width: 70%;    margin: 0 auto;}
        #whiskyBox #shopImage {width:100%; display: block; margin: 0 auto;max-width: 1300px; min-width: 300px;}
        #whiskyBox #logo {width:60%; display: block; margin: 0 auto; padding: 40px;}
        /*#whiskyBox {background-color:pink;}*/
        #whiskyBox #contents #column {width: 300px; display: block; float:left;     margin-bottom: 50px;}
        #whiskyBox #contents #column2 {width: 196px; display: block; float:right;     margin-bottom: 50px;}
        #whiskyBox #contents #column h4 {color:orange; padding:0px; line-height: 24pt; margin: 0px;font-family: 'Avenir-Black'; font-size: 10pt}
        #whiskyBox #contents #column p { color:gray; padding:0px; line-height: 14pt; margin: 0px; font-size: 10pt}
        #whiskyBox #contents #column2 h4 {color:orange; padding:0px; line-height: 24pt; margin: 0px;font-family: 'Avenir-Black'; font-size: 10pt}
        #whiskyBox #contents #column2 p { color:gray; padding:0px; line-height: 14pt; margin: 0px; font-size: 10pt}

        @media screen and (max-width:1100px){
            #whiskyTop img {width: 900px;}
            #whisky #bottles img {width: 800px; top: 120px;}
            #whisky #bottles {width: 800px; }
            #whisky #background img {width: 900px; }
            #whisky #message #text { top: 460px;}
        }
        @media screen and (max-width:480px)
        {
            #whiskyTop img {width: 480px;}
            #whisky #bottles img {width: 400px; top: 80px;}
            #whisky #bottles {width: 400px; }
            #whisky #background img {width: 480px;  height:480px;}
            #whisky #message #text { top: 260px; width:400px;}
            #whisky #message{width: 400px; }
            #whisky h1 { font-size:40px; margin: 0 auto; display: block; /*width: 350px;*/ text-align: center; color: white;}
            #whisky #url {font-size: 24px;color: white; font-family: 'Avenir-Black';}
            #whisky p { font-size:24px; width: 400px;/**/ line-height: 20pt;}
            #whisky #button {width:300px; font-size:20px;}
            #whiskyBox #contents #column h4, #whiskyBox #contents #column2 h4 { font-size: 32px; }
            #whiskyBox #contents #column p, #whiskyBox #contents #column2 p { font-size: 18px; line-height:20px; }
            #whiskyBox #contents #column h4 {display: block; margin: 0 auto;}
            #whiskyBox #contents #column2 h4{/*width: 300px;*/display: block; margin: 0 auto;}
            #whiskyBox #contents #column {width: 100%; display: block; float:initial;     margin-bottom: 20px; text-align:center;}
            #whiskyBox #contents #column2 {width: 100%; display: block; float:initial;     margin-bottom: 50px;text-align:center;}
            #whiskyBox #contents {                width: 90%;        }
        }
        @media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : portrait) {
            #whiskyBox #contents #column h4, #whiskyBox #contents #column2 h4 { font-size: 32px; }
            #whiskyBox #contents #column p, #whiskyBox #contents #column2 p { font-size: 18px; line-height:20px; }
            #whiskyBox #contents #column h4 {display: block; margin: 0 auto;}
            #whiskyBox #contents #column2 h4{/*width: 300px;*/display: block; margin: 0 auto;}
            #whiskyBox #contents #column {width: 100%; display: block; float:initial;     margin-bottom: 20px; text-align:center;}
            #whiskyBox #contents #column2 {width: 100%; display: block; float:initial;     margin-bottom: 50px;text-align:center;}
        }

        @media screen and (min-width:1100px) {
            #whiskyBox #contents #column {margin: 10px 0% 10px 15%;}
            #whiskyBox #contents #column2 {margin: 10px 15% 10px 0%;} 
        }