@font-face {font-family: AvenirLTStd-Roman; src: url(../fonts/AvenirLTStd-Roman.otf);}
@font-face {font-family: AvenirLTStd-Black; src: url(../fonts/AvenirLTStd-Black.otf);}
@font-face {font-family: AvenirLTStd-Book; src: url(../fonts/AvenirLTStd-Book.otf);}
@font-face {font-family: AvenirLTStd-Heavy; src: url(../fonts/avenir-lt-std-85-heavy.otf);}

body {margin:0; padding:0;}
#top {background-color:#BC082F; height:196px; width:100%; text-align:left;}	
#main {background-color:#FFF; height:auto; width:100%; text-align:left;}
#content {width:88%; height:auto; padding:30px 0 50px 0; margin:auto; text-align:left;}
#footer {background-color:#2E2D2C; height:196px; width:100%; text-align:center;}
h1 {font-family:AvenirLTStd-Black; font-size:21px; margin:26px 0; padding:0; color:#2E2D2C;}
.h1-home {font-family:AvenirLTStd-Heavy; font-size:72px; width:90%; line-height:.9em; margin:6px 0; padding:0; color:#707070;}
.h1-home span {color:#BC082F;}
p {font-family:AvenirLTStd-Roman; line-height:1.2em; font-size:13px; margin:16px 0; padding:0; color:#2E2D2C;}
.p-home {font-family:AvenirLTStd-Roman; line-height:1.2em; width:80%; font-size:18px; margin:16px 0; padding:0; color:#707070;}
.p-home span {color:#BC082F; font-weigth:bold;}
ul li {font-family:AvenirLTStd-Roman; line-height:1em; font-size:13px; margin:6px 0; padding:0; color:#2E2D2C;}
ol li {font-family:AvenirLTStd-Roman; line-height:1em; font-size:13px; margin:6px 0; padding:0; color:#2E2D2C;}
ol.lRoman {list-style-type: lower-roman;}
ol.lAlpha {list-style-type: lower-alpha;}
#logo-top {top:38px; left:90px; position:absolute;}
#logo-btm {margin:auto; margin-top:36px;}

p.logos {font-family:AvenirLTStd-Black; line-height:1em; font-size:14px; margin:12px 0 20px 0; padding:0; color:#707070;}
a.btn-pedido {background-color:#bc082f; color:#FFF;font-family:AvenirLTStd-Roman; line-height:1em; font-size:15px; margin:0; padding:8px 16px; border-radius:50px; text-decoration:none;}
a.btn-pedido:hover {background-color:#707070;color:#FFF;}

.sticky {position: fixed; top: 0; width: 100%;}
.sticky + #content {padding-top: 190px;}

.img-home {background-image: URL('../images/img-home.jpg'); background-repeat:no-repeat; background-position:center right; background-size: contain; height:468px;}

.footer {background-color:#2E2D2C;}
.footer p {font-family:AvenirLTStd-Roman; line-height:1em; width:80%; font-size:14px; margin:16px 0; padding:0; color:#707070;}
.footer a {font-family:AvenirLTStd-Roman; line-height:1em; width:80%; font-size:18px; margin:16px 0; padding:0; color:#707070;}
.footer a:hover {color:#BC082F;}


video {
  position: relative;
  top: 0;
  right: 0;
}
.video-wrapper {
  border: 0px solid #000;
  width: 90%;
  height: 100%;
  position: relative;
  overflow: hidden;
  text-align: center;
  align-items: center;
  justify-content: center;
}


@media only screen and (max-width: 600px) {
  h1 {font-size:19px;}
  #top {text-align:center;}
  #logo-top {margin:36px auto 0 auto; position:static;}
}

.video-desktop{
  object-fit: cover; 
  float: right; 
	margin-right: -60px; 
  margin-top: -35px;
}

.video-mobile{
  object-fit: cover; 
  margin: 0 auto;
}