body, html{
font-family: 'Roboto', sans-serif;
margin: 0!important;
padding: 0;
}video{
border: 1px solid #ccc;
border-radius: 10px;
    width: 100% !important;
    height: auto !important;
    max-width: 650px;
    margin: 10px;
}h2{
    font-size: 18px;
    font-weight: normal;
    padding: 0px 50px;
}.clear{
clear: both;
}.header{
position:relative;
display:flex;
justify-content:space-between;
align-items:center;
    background-color: #fff;
    width: 100%;
    height: 70px;
    padding: 20px;
    margin: 0;
    box-sizing: border-box;
    -webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.25);
    position: relative;
}.fullLogo{
position:relative;
display:flex;
justify-content:flex-start;
align-items:center;
}.fullLogo span{
    font-size: 21px;
    font-weight: 300;
}.blogBut{
text-decoration:none;
}#blog{
display:flex;
justify-content:center;
align-items:center;
background: rgb(213,71,3);
background: linear-gradient(90deg, rgba(213,71,3,1) 0%, rgba(253,104,33,1) 35%, rgba(255,133,75,1) 100%);
border:none;
font-size:16px;
font-weight:700;
padding:8px 20px 12px;
border-radius:10px;
color:#fff;
transition: .2s ease;
}#blog span{
font-size:24px;
line-height:100%;
padding:0 0 1px 4px;
}#blog:hover{
cursor:pointer;
transform: scale(1.1);
}img.toplogo{
height: 35px;
padding: 0 10px;
}.allContainer{
display: block;
margin: 0;
padding: 0;
}div#top{
background: url(/assets/orangebg.jpg) no-repeat;
    background-position: center;
    background-size: cover;
    max-height: 768px;
    width: 100%;
    padding: 60px 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
justify-items: center;
min-height: 350px;
box-sizing: border-box;
}@media screen and (max-width: 1080px){h1{
    font-size: 40pt!important;
  }div#top{
background: url(/assets/orangebg.jpg) no-repeat;
    background-position: center;
    background-size: cover;
    width: 100%;
    padding: 25px;
    display: grid;
    grid-template-columns: auto;
justify-items: center;
height: 100%;
box-sizing: border-box;
}.midInner{
padding: 25px;
display: grid;
    grid-template-columns: 1fr!important;
}img.productSerp.chromeonly, img.productSerp.firefoxonly, div.topRight{
justify-self: center!important;
}img.productSerp.chromeonly, img.productSerp.firefoxonly{
order: 2;
max-width: 675px;
justify-self: center;}div.topRight{
order: 1;
}}img.productSerp{
width: 80%;
    box-sizing: border-box;
justify-self: end;
}div.topRight{
width: 90%;
    box-sizing: border-box;
    padding: 10px;
    text-align: center;
    display: flex;
    flex-flow: column;
    flex-direction: column;
    align-items: center;
    justify-content: center;
justify-self: start;
}@media screen and (max-width: 800px){img.productSerp, div.topRight{
   width: 90%;
   display: block;
}}@media screen and (min-width: 1490px){div.topRight{
    margin-top: 30px;
  }}button.cws-dl{
color: #fff;
background-color: #fd6921;
padding: 25px 20px;
font-size: 18pt;
font-weight: bold;
margin: 10px auto;
border: none;
border-radius: 10px;
cursor: pointer;
transition: .2s ease;
min-width: 350px;
-webkit-box-shadow: 2px 2px 5px 0px rgba(9,12,31,0.4);
-moz-box-shadow: 2px 2px 5px 0px rgba(9,12,31,0.4);
box-shadow: 2px 2px 5px 0px rgba(9,12,31,0.4);
}button.cws-dl:hover{
transform: scale(1.2);
}@media screen and (max-width: 1080px){button.cws-dl{
    font-size: 15pt;
  }}.disclaimer{
color: #555;
font-size: 10pt;
font-weight: 300;
padding: 20px 0;
width: 78%;
margin: 0 auto;
}.disclaimer a{
color: #2B8EFA;
text-decoration: none;
}footer{
          position: fixed;
          width: 100%;
          bottom: 0;
left:0;
          padding: 0;
          margin:0;
          z-index: 1;
background-color: rgba(255,255,255, .75);
border:1px solid #ccc;
backdrop-filter: blur(10px);
        }footer ul{
          display: flex;
          justify-content: center;
          align-items: center;
          flex-wrap:wrap;
          color: #333;
          font-size: 12px;
          padding:0;
          list-style:none;
        }footer ul li{
          margin: 0;
        }footer ul li a{
          text-decoration: none;
          color: #333;
        }footer ul li:after{
          content: '|';
          padding: 0 4px;
        }footer ul li:last-child:after{
          content: none;
          padding: 0;
        }h1.headline{
    color: #333;
    font-size: 55px;
    margin-top: 0;
    padding-top: 30px;
margin: 0;
}h2.headline{
font-size: 28pt;
}.bottom, .middle{
text-align: center;
}.bottom{
padding: 40px 0;
background-color: #f0f6ef;
}.middle{
background: #fafafa;
width: 100%;
height: auto;
padding: 75px 0;
}.midInner{
padding: 10px;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 10px;
}.right{
text-align: left;
place-self: center;
}.left{
text-align: left;
box-sizing: border-box;
padding-top: 10px;
place-self: center;
width: 90%;
justify-self: end;
}img.bam{
width: 90%;
display: inline-block;
vertical-align: middle;
}.howto span{
color: #333;
font-weight: 300;
font-size: 20pt;
padding-bottom: 30px;
display: block;
}.arrow1, .arrow2, .arrow3{
height: 55px;
width: 80px;
margin-right: 10px;
padding-bottom: 10px;
float: left;
margin-top: -10px;
}.arrow1{
background-image: url(/assets/arrow1.png);
background-size: contain;
background-repeat: no-repeat;
}.arrow2{
background-image: url(/assets/arrow2.png);
background-size: contain;
background-repeat: no-repeat;
}.arrow3{
background-image: url(/assets/arrow3.png);
background-size: contain;
background-repeat: no-repeat;
}@media screen and (max-width: 1080px){.right{
text-align: center;
}}@media screen and (max-width: 800px){.midInner{
padding: 20px 50px;}}.grArrow img{
display: inline-block;
}.bottomInner p{
font-weight: 300;
font-size: 20pt;
    width: 60%;
    display: block;
    margin: 10px auto 25px;
}.list{
text-align:left;
line-height:150%;
font-weight:normal;
}
picture{display:contents}picture>source{display:none}