body {background : #ff704c; color: #fff; padding : 0; margin : 0; font-family: "Roboto Condensed", Arial, sans-serif; font-weight:600;}

h1 { font-size:60px; margin:0;}
h2 { font-size:25px; color: #ff704c; margin:0; font-weight:normal;}
h3 { font-size : 40px; margin : 10px 0; line-height : 130%; font-weight:300;}
h4 {font-size:30px; margin:10px 0; opacity:0.5;}

p {font-size:18px; opacity:0.7;}

hr {border: 0; height: 1px; margin:20px 0; background: rgba(0,0,0,0.1);}

header {background:#ff704c; overflow:hidden;}
header .container {padding:0; margin:0 auto;}

.u-bg-orange h1 {color:#fff;}
.u-bg-orange h2 {color:#000; opacity:0.5;}
.u-bg-orange h3 {color:#fff; opacity:1;}
.u-bg-orange h4 {color:#fff;}

.sectiontext {text-align: center; margin-bottom:70px;}

.avail { font-size : 20px; color: rgba(255, 255, 255, 0.6); }

.container { clear: both; width:95%; max-width: 1150px; min-width: 320px; margin: 0 auto; }

.hero {background:url('/images/hero-slimmer.jpg'); background-size: cover; background-position: top center;}
.hero .container {position:relative; min-height:500px;}
.hero h3 {color:#ff704c; margin:0 0 0 -15px; font-size:25px; text-align: center; background:rgba(0,0,0,0.8); padding:10px 20px; border-radius: 3px; position:absolute; bottom:20px;}

.logo img {max-width:80%;}

.intro ul {list-style: none; margin:20px 0; padding:0; font-size:18px; text-align: left; opacity:0.8;}
.intro ul li {margin:0; padding:0 20px; display:inline-block; border-left:1px solid rgba(0,0,0,0.1);}
.intro ul li:first-of-type {padding-left:0; border-left:0;}

.deviceimages {width:100%; list-style: none; margin:0; padding:0;}
.deviceimages li {width:33%; display: inline-block; margin:0; padding:0; text-align: center;}
.deviceimages img {height:auto;}
.deviceimages li:nth-of-type(1) img {width:150px;}
.deviceimages li:nth-of-type(2) img {width:200px;}
.deviceimages li:nth-of-type(3) img {width:200px;}

.u-move-up {margin-top:-100px;}
.u-move-upmore {margin-top:-150px;}
.u-fullwidth {width:100%; height:auto;}
.u-shadow {-webkit-filter: drop-shadow(0 30px 30px #000); filter: drop-shadow(0 30px 30px #000);}
.u-colcenter {text-align: center;}
.u-bg-white {background:#fff; color:#333;}
.u-bg-orange {background:#ff704c; color:#333;}
.u-bg-grey {background:#eee; color:#333; text-align:center;}
.u-vertpadding-30 .container {padding:30px 0;}
.u-vertpadding-50 .container {padding:50px 0;}
.u-vertpadding-150 .container {padding:150px 0;}

.buttondownload {max-width:100%; margin-top:70px; -webkit-filter: drop-shadow(0 20px 20px rgba(0,0,0,0.5)); filter: drop-shadow(0 20px 20px rgba(0,0,0,0.5));}
.buttondownload:hover {opacity:0.9; -webkit-filter: drop-shadow(0 10px 10px rgba(0,0,0,0.7)); filter: drop-shadow(0 10px 10px rgba(0,0,0,0.7));}

.clearfix { clear: both; }

.info-container { display: table; }

.info { font-size : 28px; line-height : 130%; }
.info span { font-size : 20px; color: rgba(255, 255, 255, 0.7); }

ul { margin : 0; }
li { margin-top : 0px; margin-bottom: 0px; line-height : 130%; }

.finaldownload { margin : 50px auto 0px auto; text-align: center; }
.finaldownload img { width : 200px; }
.finaldownload .buttondownload {margin-top:10px;}

.apple-tv {background:rgba(0,0,0,0.1); display:inline-block; border-radius: 5px; padding:10px 20px; margin : 50px auto; text-align: center; color: rgba(0, 0, 0, 0.75); font-size:20px;}
.apple-tv img { width : 50px; height : 50px; vertical-align: middle; margin-right : 10px; }
.apple-tv strong {  color: rgba(0, 0, 0, 1); font-weight:bold;}

.android { text-align : center; margin : 10px 0 0 0; }

.download { margin : 20px auto 100px auto; text-align: center; }
.download img { width : 200px; }

a { color : rgba(255, 255, 255, 0.8); }

footer { text-align : center; margin: 50px auto 0 auto; padding-top : 20px; font-size : 13px; font-weight : 100; }
footer .container {padding:30px 0; border-top : 1px solid rgba(255, 255, 255, 0.3);}

footer a {color:#fff; text-decoration: underline;}
footer a:hover {color:#fff; opacity:0.8;}

footer ul {list-style: none; margin:20px 0; padding:0; font-size:18px; opacity:0.8;}
footer ul li {margin:0; padding:0 20px; display:inline-block; border-left:1px solid rgba(0,0,0,0.1);}
footer ul li:first-of-type {padding-left:0; border-left:0;}

.upsell { text-align : center; background: rgba(0, 0, 0, 0.2); border-radius: 8px; margin: 40px auto; padding: 20px 10px; font-family : Helvetica, Arial, sans-serif; font-size : 16px; font-weight : 100; }
.upsell a { font-weight: bold; color: #fff; }

#privacy { text-align: left; font-family: Helvetica, arial, sans-serif; font-weight: normal; font-size : 16px; line-height : 26px; margin-top : 40px; }
#privacy h3 { font-size : 22px; margin : 20px 0; padding-top : 20px; border-top : 1px solid rgba(255, 255, 255, 0.2); }

#google_translate_element { margin-top : 30px; }

@media (max-width:768px) {

    h3 {font-size:30px; text-align: center;}
    h4 {font-size:24px; text-align: center;}

    .container {width:85%;}
    .hero .container {min-height:300px;}
    .hero h3 {display:none;}
    .logo {text-align: center;}
    .logo img { max-width:90%;}
    .intro ul {text-align: center;}
    .intro ul li {width:100%; border:0; padding:0; margin:0;}

    .u-vertpadding-30 .container {padding:30px 0;}
    .u-vertpadding-50 .container {padding:50px 0;}
    .u-vertpadding-150 .container {padding:50px 0;}

    .deviceimages li {width:32%;}
    .deviceimages li:nth-of-type(1) img {width:50%; max-width:100%;}
    .deviceimages li:nth-of-type(2) img {width:80%; max-width:100%;}
    .deviceimages li:nth-of-type(3) img {width:50%; max-width:100%;}

    .u-fullwidth {width:70%; margin-bottom:40px; margin-left:auto; margin-right:auto;}

    .u-move-up {margin-top:30px;}
    .u-move-upmore {margin-top:30px;}

    .buttondownload {max-width:50%; text-align: center; margin-left:auto; margin-right:auto;}

    .apple-tv { padding:10px 10px; margin : 30px auto; font-size:18px;}
    .apple-tv img { width : 30px; height : 30px;}

    footer ul li {width:100%; padding:0; margin:0; border:0;}

}