/* #main-image .rocket { background-image: url(/layout/mars2020/images/countdown/parachute-1600.png);background-repeat: no-repeat; height: 100%; width: 100%; background-size: cover;background-position:top left;} */
#main-image .text-box{position:absolute;top:35%;left: 10%;}
@media only screen and (orientation: portrait){ #main-image .text-box {right:inherit;left:10%;top:55%; }}

.grid.flex .left {max-width:700px;float:right;}
.grid.flex .right {max-width:700px;float:left;} 
@media only screen and (max-width: 600px) { 
    .grid.flex .left, .grid.flex .right {float:none !important;}
}

.your-version{margin: 0 auto; display: inline-block;text-align: left;}

.bgLightBlue {background-color: #eaedfe;}
.bgGrey {background-color: #f5f5f5;}
.bgDarkGrey {background-color: #e8e9ec;}

.grid.flex .rowItem img.number {
    width: 80px;
    padding-top: 10px;
}
#PerseveranceLogo {width:200px}
#fontNormal {font-weight: normal;}
#launchText {font-weight:600;letter-spacing:1px;}
#tune-in {padding-top: 100px;}

#main-image {position: relative;background-image:url('/layout/mars2020/images/countdown/orange-bg.jpg');background-repeat: no-repeat;min-height:400px;height:84vh;max-height:650px;background-position: center;}
#gradient {position:absolute;bottom:0;left:0;right:0;}
#countdown-title {letter-spacing: 1.5px;padding-bottom: 40px;}
@media only screen and (min-width: 900px) { 
    #msl-video {width: 90%; padding-right: 5%;}
    #suggestions {width: 60%;margin-left: auto;margin-right: auto;}
}
@media only screen and (max-width: 900px) and (min-width: 600px) { 
    #msl-video {width: 110%; }
    #video_text {padding-left: 50px;}
}

#missioncontroloverlay {background-image:url('/layout/mars2020/images/countdown/missioncontroloverlay-2.jpg');background-size:cover;background-repeat:no-repeat;min-height:400px;height:80vh; background-attachment: fixed;background-position: left; color:white;}

.text-overlay {z-index:11; font-size: 2.25em;line-height: normal;}
#overlay-one {top: 20%;left:5%;}
#overlay-two {top: 35%;right:5%;}
#overlay-three {top: 65%;left:35%;}

.steps {display:flex;align-items: center;}

/* COMMON BREAK POINTS */
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
    /* Styles */
        #countdown-title {font-size: 1.8em;}
        #Launch-Toolkit {
            max-height: 400px;
        }
        #overlay-one {top: 20%;left:5%;}
        #overlay-two {top: 40%;left:10%;}
        #overlay-three {top: 65%;left:15%;}
    }
/* .grid .small.rowItem:nth-of-type(1):nth-last-of-type(2){margin: 0 2% 0 2%;}
@media only screen and (min-width: 900px) { 
    #paddingLeft {padding-left: 100px;}
} */