<style>

     @font-face {
          font-family: Lucas;
          src: url(https://www.nespresso.com/shared_res/agility/commons/fonts/NespressoLucas-Light.woff) format("woff");
          font-style: normal;
          font-weight:300;
      }

      @font-face {
          font-family: Lucas;
          src: url(https://www.nespresso.com/shared_res/agility/commons/fonts/NespressoLucas-Regular.woff) format("woff");
          font-style: normal;
          font-weight: 400;
      }


           @font-face {
          font-family: Lucas;
          src: url(https://www.nespresso.com/shared_res/agility/commons/fonts/NespressoLucas-Bold.woff) format("woff");
          font-style: normal;
          font-weight: 700;
      }

        @font-face {
          font-family: Lucas;
          src: url(https://www.nespresso.com/shared_res/agility/commons/fonts/NespressoLucas-XtraBd.woff) format("woff");
          font-style: normal;
          font-weight: 800;
      }

.ProductDetailsAttributes
{
display:none;
     }
.ProductDetailsBody
     {
padding:0px 20px 20px;
     }

.ProductDetailsBodyInformation__description
       {
margin-bottom: 1px;
     }

     .pdpEnhancement .assistanceVideos, .pdpEnhancement .assistanceVideo, .pdpEnhancement .map, .pdpEnhancement .coffeeRange, .pdpEnhancement .recipes, .pdpEnhancement .videoPlayer, .pdpEnhancement .quote, .pdpEnhancement .pictureGallery, .pdpEnhancement .productDescription, .pdpEnhancement .mainFeatures {
    clear: both;
   
  }

.background-variations
{
    background: url(https://www.nespresso.com/shared_res/mos/free_html/int/pdp/festive2018/background_variations.jpg) black;
    background-repeat: no-repeat;
    background-position: top;
    height: 100%;
    background-size: 110%;
     }

.background-black
{
    background: url(https://www.nespresso.com/shared_res/mos/free_html/int/pdp/festive2018/background_black.jpg) black;
    background-repeat: no-repeat;
    background-position: top;
    height: 100%;
    background-size: 110%;
     }

     .pdpEnhancement .festive-title {
    font-size: 3em;
    color: white;
    font-family: Lucas, 'NespressoLucas-Bold', Arial, Helvetica, sans-serif;
    font-weight: 600;
    letter-spacing: 4px;
    text-align: center;
    padding: 65px 0 15px 0;
    text-transform: uppercase;
      }

.pdpEnhancement .festive-subtitle {
    font-size: 1.7em;
    color: white;
    font-family: Lucas, 'NespressoLucas-Regular', Arial, Helvetica, sans-serif;
    font-weight: 500;
    letter-spacing: 3px;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 20px;
    text-transform: uppercase;
}

.pdpEnhancement .festive-description  {
    font-size: 1.3em;
    color: white;
    text-align: center;
    font-family: Lucas, 'NespressoLucas-Regular', Arial, Helvetica, sans-serif;
    font-weight: 500;
    letter-spacing: 1.5px;
    line-height: 25px;
    width: 660px;
    margin: 20px auto 20px auto
}


.pdpEnhancement .capsule-attribute
{
    width: 100%;
    margin: 0 auto;
    position: relative;
  }

.pdpEnhancement .visual-capsule
{
    width: 30%;
    margin: 0 auto;
    position:relative;
   
  }
.pdpEnhancement .visual-capsule img 
{
    height: 100%;
    width: 100%;
    display: block;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
  }

.capsule-attribute .attributes
{
    width: 60%;
    position: absolute;
    top: 20%;
    left: 20%;
 }

.capsule-attribute .attributes h3
{
    font-size: 1.1em;
    color: white;
    font-family: Lucas, 'NespressoLucas-Bold', Arial, Helvetica, sans-serif;
    font-weight: 600;
    letter-spacing: 4px;
    text-transform: uppercase;
    padding:bottom:5px;
}

.capsule-attribute .attributes ul li span
{
    font-size: 1.7em;
    font-family: Lucas, 'NespressoLucas-Bold', Arial, Helvetica, sans-serif;
    font-weight: 600;
    color:#a7b788;
}

.capsule-attribute .attributes ul li span.praline
{
    font-size: 1.5em;
    font-family: Lucas, 'NespressoLucas-Bold', Arial, Helvetica, sans-serif;
    font-weight: 600;
    color:#ca939a;
}
.capsule-attribute .attributes ul li span.white-square
{
    font-size: 1.5em;
    font-family: Lucas, 'NespressoLucas-Bold', Arial, Helvetica, sans-serif;
    font-weight: 600;
    color:white;
}

.capsule-attribute .attributes ul li span.gold-square
{
    font-size: 1.5em;
    font-family: Lucas, 'NespressoLucas-Bold', Arial, Helvetica, sans-serif;
    font-weight: 600;
    color:#ede4bc;
}
.capsule-attribute .attributes ul li span.madeleine-square
{
    font-size: 1.5em;
    font-family: Lucas, 'NespressoLucas-Bold', Arial, Helvetica, sans-serif;
    font-weight: 600;
    color:#dab2a5;
}
.capsule-attribute .attributes ul li span.number
{
    font-size: 1.5em;
    color: white;
    font-family: Lucas, 'NespressoLucas-Bold', Arial, Helvetica, sans-serif;
    font-weight: 600;
}

.attributes .left
{
    float: left;
    width: 35%;
 }

 .attributes .left ul
{
margin:0;
padding:0;
 }

  .attributes .left ul li:first-of-type
{
padding-bottom:20px;
 }

  .attributes .left ul li h3.gradient-macaron:after
{
background: linear-gradient(to left, rgb(167, 183, 136) 0%,rgba(167, 183, 136, 0.49) 50%,rgba(167, 183, 136, 0) 100%);
 }

.attributes .left ul li h3.gradient-praline:after

{
  background: linear-gradient(to left, rgb(202, 147, 154) 0%,rgba(202, 147, 154, 0.52) 50%,rgba(202, 147, 154, 0) 100%);
 }
  .attributes .left ul li h3.gradient-grey:after
{
background: linear-gradient(to left, rgb(255, 255, 255) 0%,rgba(255, 255, 255, 0.17) 50%,rgba(255, 255, 255, 0) 100%);
 }
     .attributes .left ul li h3.gradient-gold:after
{
background: linear-gradient(to left, rgb(237, 228, 188) 0%,rgba(237, 228, 188, 0.1) 50%,rgba(237, 228, 188, 0) 100%);
 }
      .attributes .left ul li h3.gradient-madeleine:after
{
background: linear-gradient(to left, rgb(218, 178, 165) 0%,rgba(218, 178, 165, 0.35) 50%,rgba(218, 178, 165, 0) 100%);
 }


 .attributes ul li h3:after
{
content: '';
    display: block;
    height: 1px;
    position: absolute;
    z-index: 1;
 }
.attributes ul li.bitterness h3:after
{
right: 0;
    width: 36%;
  }

.attributes ul li.acidity h3:after
{
right: 0;
width: 30%;
  }


.attributes .right
{

    float: right;
    width: 35%;
 }

 .attributes .right ul
{
margin:0;
padding:0;
 }

  .attributes .right ul li
{
text-align:right;
 }

  .attributes .right ul li:first-of-type
{
padding-bottom:20px;
 }

.attributes ul li.body h3:after
{
left: 0;
width: 35%;
  }

    .attributes ul li.roasting h3:after
{
left: 0;
    width: 30%;
  }

    .attributes .right ul li h3.gradient-macaron:after
{
background: linear-gradient(to right, rgb(167, 183, 136) 0%,rgba(167, 183, 136, 0.49) 50%,rgba(167, 183, 136, 0) 100%);
 }

.attributes .right ul li h3.gradient-praline:after
{
  background: linear-gradient(to right, rgb(202, 147, 154) 0%,rgba(202, 147, 154, 0.52) 50%,rgba(202, 147, 154, 0) 100%);
 }
   .attributes .right ul li h3.gradient-grey:after
{
background: linear-gradient(to right, rgb(255, 255, 255) 0%,rgba(255, 255, 255, 0.17) 50%,rgba(255, 255, 255, 0) 100%);
 }

    .attributes .right ul li h3.gradient-gold:after
{
background: linear-gradient(to right, rgb(237, 228, 188) 0%,rgba(237, 228, 188, 0.1) 50%,rgba(237, 228, 188, 0) 100%);
 }
       .attributes .right ul li h3.gradient-madeleine:after
{
background: linear-gradient(to right, rgb(218, 178, 165) 0%,rgba(218, 178, 165, 0.35) 50%,rgba(218, 178, 165, 0) 100%);
 }


.intensity 
{
width: 400px;
    margin: 0 auto;
    text-align: center;
    padding-bottom:18px;
 }

 .intensity strong
{
    font-size: 1.1em;
    color: white;
    font-family: Lucas, 'NespressoLucas-Bold', Arial, Helvetica, sans-serif;
    font-weight: 600;
    letter-spacing: 4px;
    text-transform: uppercase;
    padding-bottom: 5px;
 }

 .intensity span.number
{
    font-size: 2em;
    color: white;
    font-family: Lucas, 'NespressoLucas-Bold', Arial, Helvetica, sans-serif;
    font-weight: 600;
    letter-spacing: 4px;
    text-transform: uppercase;
    padding-bottom: 5px;
 }

 .intensity span
{
font-size: 1.7em;
    font-family: Lucas, 'NespressoLucas-Bold', Arial, Helvetica, sans-serif;
    font-weight: 600;
    color: #a7b788;
 }
  .intensity span.intensity-praline
{
font-size: 1.7em;
    font-family: Lucas, 'NespressoLucas-Bold', Arial, Helvetica, sans-serif;
    font-weight: 600;
    color: #ca939a;
 }
   .intensity span.intensity-white
{
font-size: 1.7em;
    font-family: Lucas, 'NespressoLucas-Bold', Arial, Helvetica, sans-serif;
    font-weight: 600;
    color: white;
 }
    .intensity span.intensity-gold
{
font-size: 1.7em;
    font-family: Lucas, 'NespressoLucas-Bold', Arial, Helvetica, sans-serif;
    font-weight: 600;
    color: #ede4bc;
 }
     .intensity span.intensity-madeleine
{
font-size: 1.7em;
    font-family: Lucas, 'NespressoLucas-Bold', Arial, Helvetica, sans-serif;
    font-weight: 600;
    color: #dab1a5;
 }


.shape-color-green 
{
background-color:#a7b688;
 }
.shape-color-pink
{
background-color:#94596a;
 }
 .shape-color-white
{
background-color:white;
 }
 .shape-color-gold 
{
background-color:#6b3b1a;
 }
  .shape-color-madeleine 
{
background-color:#dab1a5;
 }
.cup-aromatic
{
width:100%
margin:0 auto;
text-align:center;
line-height: 25px;
 }

.position-add-to-bag
{
width:300px;
margin:0 auto;
padding:20px;

 }

.cup-aromatic li
{
    font-size: 1em;
    color: black;
    font-family: Lucas, 'NespressoLucas-Bold', Arial, Helvetica, sans-serif;
    font-weight: 800;
    letter-spacing: 2px;
    text-transform: uppercase;
    padding-top:10px;
 }
 .cup-aromatic li.white-font
{
    font-size: 1em;
    color: white;
    font-family: Lucas, 'NespressoLucas-Bold', Arial, Helvetica, sans-serif;
    font-weight: 800;
    letter-spacing: 2px;
    text-transform: uppercase;
    padding-top:10px;
 }

 .cup-aromatic li span img
{
    margin-bottom: -7px;
 }

 .cup-aromatic li span img.white-espresso
{
    margin-bottom: -1px;
 }
.background-groupage-macaron
{
  background: url(https://www.nespresso.com/shared_res/mos/free_html/int/pdp/festive2018/Groupage_BMacaron_OL.jpg) black;
  background-repeat: no-repeat;
 background-position:top;
     background-size: 100%;
     height:100%;
     }

     .background-groupage-praline
{
  background: url(https://www.nespresso.com/shared_res/mos/free_html/int/pdp/festive2018/Groupage_Praline_OL.jpg) black;
  background-repeat: no-repeat;
 background-position:top;
     background-size: 100%;
     height:100%;
     }

          .background-groupage-black-ol
{
  background: url(https://www.nespresso.com/shared_res/mos/free_html/int/pdp/festive2018/Groupage_Black_OL.jpg) black;
  background-repeat: no-repeat;
 background-position:top;
     background-size: 100%;
     height:100%;
     }

.background-groupage-madeleine
{
  background: url(https://www.nespresso.com/shared_res/mos/free_html/int/pdp/festive2018/Groupage_Madeleine_VL.jpg) black;
  background-repeat: no-repeat;
 background-position:top;
     background-size: 100%;
     height:100%;
     }

     .background-groupage-exotique
{
  background: url(https://www.nespresso.com/shared_res/mos/free_html/int/pdp/festive2018/Groupage_Exotique_VL.jpg) black;
  background-repeat: no-repeat;
 background-position:top;
     background-size: 100%;
     height:100%;
     }

          .background-groupage-black-vl
{
  background: url(https://www.nespresso.com/shared_res/mos/free_html/int/pdp/festive2018/Groupage_Black_VL.jpg) black;
  background-repeat: no-repeat;
 background-position:top;
     background-size: 100%;
     height:100%;
     }


.pdpEnhancement .videoPlayer {
    position: relative;
    width: 560px;
    padding: 110px 0 20px 0;
    margin: 0 auto;
}

.pdpEnhancement .videoPlayer iframe  {
width: 560px; 
height: 315px;
 }

.black-transparent
{
 background-color: rgba(000, 000, 000, 0.5);
 height:120px;
 margin-bottom: 30px;

  }

.pdpEnhancement .button-LP
{
    width: 100%;
    text-align: center;
    margin: 0 auto;
    padding-top: 35px;
  }

.button-black
{
     display: inline-block;
    padding: 15px 20px 15px 20px;
    border: 1px solid white;
    border-radius:3px;
    text-decoration: none;
    font-family: Lucas, 'NespressoLucas-Bold', Arial, Helvetica, sans-serif;
    font-weight: 400;
    letter-spacing: 2px;
    background-color: rgba(0,0,0,.3);
    color:white;
    text-transform: uppercase;
    font-size: 1.1em;
    -webkit-transition-duration: 0.8s; /* Safari Chrome */
    -moz-transition-duration: 0.8s; /* Mozilla */
    -o-transition-duration: 0.8s; /* Mozilla */
    transition-duration: 0.8s;
}

.pdpEnhancement .button-black span.chevron::before {
    border-style: solid;
    border-width: 0.13em 0.13em 0 0;
    content: '';
    display: inline-block;
    height: 0.60em;
    left: 0.2em;
    position: relative;
    top: 0.3em;
    transform: rotate(45deg);
    vertical-align: top;
    width: 0.60em;
}



@media screen and (max-width: 995px) {

.background-variations
{
background: url(https://www.nespresso.com/shared_res/mos/free_html/int/pdp/festive2018/background_variations.jpg) black;
    background-repeat: no-repeat;
    background-position: top;
    height: 100%;
    background-size: 120%;
}
.background-black
{
    background: url(https://www.nespresso.com/shared_res/mos/free_html/int/pdp/festive2018/background_black.jpg) black;
    background-repeat: no-repeat;
    background-position: top;
    height: 100%;
    background-size: 125%;
     }

  
.black-transparent
{
 background-color: rgba(000, 000, 000, 0.5);
 height:100px;
 margin-bottom: 23px;

}

.pdpEnhancement .videoPlayer 
{
    position: relative;
    width: 560px;
    padding: 80px 0 20px 0;
    margin: 0 auto;
}

.pdpEnhancement .button-LP
{
width: 100%;
    text-align: center;
    margin: 0 auto;
    padding-top: 25px;
  }


}


@media screen and (max-width: 768px) {

.background-variations
{
background: url(https://www.nespresso.com/shared_res/mos/free_html/int/pdp/festive2018/background_variations.jpg) black;
    background-repeat: no-repeat;
    background-position: top;
    height: 100%;
    background-size: 125%;
}

.background-black
{
    background: url(https://www.nespresso.com/shared_res/mos/free_html/int/pdp/festive2018/background_black.jpg) black;
    background-repeat: no-repeat;
    background-position: top;
    height: 100%;
    background-size: 130%;
     }

.pdpEnhancement .festive-title
 {
    font-size: 2.4em;
    color: white;
    font-family: Lucas, 'NespressoLucas-Bold', Arial, Helvetica, sans-serif;
    font-weight: 600;
    letter-spacing: 4px;
    text-align: center;
    padding: 55px 0 15px 0;
    text-transform: uppercase;
}

.pdpEnhancement .festive-subtitle
{
    font-size: 1.5em;
    color: white;
    font-family: Lucas, 'NespressoLucas-Regular', Arial, Helvetica, sans-serif;
    font-weight: 500;
    letter-spacing: 3px;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    text-transform: uppercase;
}

.pdpEnhancement .festive-description  {
    font-size: 1.3em;
    color: white;
    text-align: center;
    font-family: Lucas, 'NespressoLucas-Regular', Arial, Helvetica, sans-serif;
    font-weight: 500;
    letter-spacing: 1.5px;
    line-height: 25px;
    width: 540px;
    margin: 20px auto 20px auto
}

.pdpEnhancement .videoPlayer {
    position: relative;
    width: 450px;
    padding: 78px 0 20px 0;
    margin: 0 auto;
}

.pdpEnhancement .videoPlayer iframe  {
width: 450px; 
height: 235px;
 }

}


@media screen and (max-width: 500px) {

.background-variations
{
background: url(https://www.nespresso.com/shared_res/mos/free_html/int/pdp/festive2018/background_variations.jpg) black;
    background-repeat: no-repeat;
    background-position: top;
    height: 100%;
    background-size: 247%;
}

.background-black
{
    background: url(https://www.nespresso.com/shared_res/mos/free_html/int/pdp/festive2018/background_black.jpg) black;
    background-repeat: no-repeat;
    background-position: top left ;
    height: 100%;
    background-size: 247%;
     }


.pdpEnhancement .festive-title
{
    font-size: 2.5em;
    color: white;
    font-family: Lucas, 'NespressoLucas-Bold', Arial, Helvetica, sans-serif;
    font-weight: 600;
    letter-spacing: 4px;
    text-align: center;
    padding: 40px 0 5px 0;
    text-transform: uppercase;
     line-height: 30px;
}

.pdpEnhancement .festive-description
 {
    font-size: 1.1em;
    color: white;
    text-align: center;
    font-family: Lucas, 'NespressoLucas-Regular', Arial, Helvetica, sans-serif;
    font-weight: 500;
    letter-spacing: 1.5px;
    line-height: 23px;
    width: 350px;
    margin: 20px auto 25px auto;
}

.pdpEnhancement .visual-capsule
{
width: 55%;
position: relative;
padding-bottom: 20px;
margin:0 5px;
  }

.capsule-attribute .attributes
 {
width: 45%;
    position: absolute;
    top: 6%;
    left: 48%;
}

.capsule-attribute .attributes ul li span
{
    font-size: 1.5em;
    font-family: Lucas, 'NespressoLucas-Bold', Arial, Helvetica, sans-serif;
    font-weight: 600;
    color:#a7b788;
}


.attributes ul li.acidity 
{
padding-bottom: 8px;
  }

.attributes .left
{
    float: right;
    width: 100%;
}

.attributes .left ul li
{
text-align:right;
}

.attributes .left ul li:first-of-type
{
padding-bottom:8px;
}

.attributes .right
{
    float: right;
    width: 100%;
}

.attributes .right ul li:first-of-type
{
padding-bottom:8px;
}

.attributes ul li.bitterness h3:after
{
    right: 0;
    width: 90%;
}
.attributes ul li.acidity h3:after
{
    right: 0;
    width: 85%;
}

.attributes ul li.body h3:after
{
    right: 0;
    width: 80%;
    left: auto;
  }

    .attributes ul li.roasting h3:after
{
    right: 0;
    width: 95%;
    left: auto;
  }

.attributes .right ul li h3.gradient-macaron:after
{
background: linear-gradient(to left, rgb(167, 183, 136) 0%,rgba(167, 183, 136, 0.49) 50%,rgba(167, 183, 136, 0) 100%);
 }
 .attributes .right ul li h3.gradient-praline:after
 {
 background: linear-gradient(to left, rgb(202, 147, 154) 0%,rgba(202, 147, 154, 0.52) 50%,rgba(202, 147, 154, 0) 100%);
}
  .attributes .right ul li h3.gradient-grey:after
{
background: linear-gradient(to left, rgb(255, 255, 255) 0%,rgba(255, 255, 255, 0.17) 50%,rgba(255, 255, 255, 0) 100%);
 }
     .attributes .right ul li h3.gradient-gold:after
{
background: linear-gradient(to left, rgb(237, 228, 188) 0%,rgba(237, 228, 188, 0.1) 50%,rgba(237, 228, 188, 0) 100%);
 }
       .attributes .right ul li h3.gradient-madeleine:after
{
background: linear-gradient(to left, rgb(218, 178, 165) 0%,rgba(218, 178, 165, 0.35) 50%,rgba(218, 178, 165, 0) 100%);
 }

.intensity
{
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding-bottom: 18px;
}

.background-groupage-macaron
{
  background: url(https://www.nespresso.com/shared_res/mos/free_html/int/pdp/festive2018/Groupage_BMacaron_OL.jpg) black;
  background-repeat: no-repeat;
 background-position:top;
     background-size: 170%;
     height:100%;
     }

.background-groupage-praline
{
   background: url(https://www.nespresso.com/shared_res/mos/free_html/int/pdp/festive2018/Groupage_Praline_OL.jpg) black;
    background-repeat: no-repeat;
    background-position: top;
    background-size: 170%;
    height: 100%;
     }

 .background-groupage-black-ol {
    background: url(https://www.nespresso.com/shared_res/mos/free_html/int/pdp/festive2018/Groupage_Black_OL.jpg) black;
    background-repeat: no-repeat;
    background-position: top;
    background-size: 170%;
    height: 100%;
}

.background-groupage-exotique {
    background: url(https://www.nespresso.com/shared_res/mos/free_html/int/pdp/festive2018/Groupage_Exotique_VL.jpg) black;
    background-repeat: no-repeat;
    background-position: top;
    background-size: 170%;
    height: 100%;
}

.background-groupage-madeleine
{
  background: url(https://www.nespresso.com/shared_res/mos/free_html/int/pdp/festive2018/Groupage_Madeleine_VL.jpg) black;
  background-repeat: no-repeat;
 background-position:top;
     background-size: 170%;
     height:100%;
     }

          .background-groupage-black-vl
{
  background: url(https://www.nespresso.com/shared_res/mos/free_html/int/pdp/festive2018/Groupage_Black_VL.jpg) black;
  background-repeat: no-repeat;
 background-position:top;
     background-size: 170%;
     height:100%;
     }


.pdpEnhancement .videoPlayer {
    position: relative;
    width: 350px;
    padding: 75px 0 20px 0;
    margin: 0 auto;
}

.pdpEnhancement .videoPlayer iframe  {
    width: 350px;
    height: 197px;
 }

}

@media screen and (max-width: 376px) {

.background-black
{
    background: url(https://www.nespresso.com/shared_res/mos/free_html/int/pdp/festive2018/background_black.jpg) black;
    background-repeat: no-repeat;
    background-position: top left;
    height: 100%;
    background-size: 300%;
     }

.pdpEnhancement .festive-description
 {
    font-size: 1.1em;
    color: white;
    text-align: center;
    font-family: Lucas, 'NespressoLucas-Regular', Arial, Helvetica, sans-serif;
    font-weight: 500;
    letter-spacing: 1.5px;
    line-height: 23px;
    width: 300px;
    margin: 20px auto 25px auto;
}
.background-variations
{
background: url(https://www.nespresso.com/shared_res/mos/free_html/int/pdp/festive2018/background_variations.jpg) black;
    background-repeat: no-repeat;
    background-position: top;
    height: 100%;
    background-size: 290%;
}

.intensity
{
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding-bottom: 18px;
}

.cup-aromatic li
{
    font-size: 1em;
    color: black;
    font-family: Lucas, 'NespressoLucas-Bold', Arial, Helvetica, sans-serif;
    font-weight: 800;
    letter-spacing: 2px;
    text-transform: uppercase;
    padding-top: 10px;
}
.pdpEnhancement .videoPlayer {
    position: relative;
    width: 300px;
    padding: 75px 0 20px 0;
    margin: 0 auto;
}

.pdpEnhancement .videoPlayer iframe  {
    width: 300px;
    height: 169px;
 }

}

</style>