body {
  width: 100vw;
  font-family: 'Montserrat';
  font-weight: 600;
  background-color: #007932;
}

@media only screen and (max-width: 766px) and (orientation: portrait) {
  .containerforoptions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    max-width: 100vw;
    overflow: scroll;
    background-color: cadetblue;
    padding-top: 1rem;
  }
  .cont-for-1-option {
    width: 70px;
    height: 70px;
    margin: auto;
    z-index: 2;
  }
  #group-of-3-routine {
    width: 100%;
    border-radius: 1rem;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    overflow: hidden;
    margin-top: 2rem;
  }
  .groupof4options {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    width: 100vw;
    margin: auto;
  }
  .groupof8options-1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    margin: auto;
    padding: 0.3rem;
  }
  #controller, #dad, #hug, #football, #swings, #ipad, #laptop, #mum,
  #park, #play, #quiet, #sleep, #toys, #tv, #wii, #books, #dogwalk,
  #story, #softplay, #playpark, #swimming, #icecream, #teddy, #artandcraft,
  #duplo, #painting, #cinema, #mcdonalds, #kfc, #drawing, #walk, #bath {
    width: 95%;
    height: 95%;
    border-radius: 0.5rem;
    margin: auto;
  }
  .message {
    text-align: center;
    color: white;
    letter-spacing: 0.1rem;
  }
  #routine1 {
    width: 220px;
    height: 220px;
    border: 7px solid #b4a6a6;
    border-radius: 1rem;
    z-index: 1;
    background-color: white;
  }
}

/* ) #######################################################################################
    ############################################################################################
    ################################################################################################
    ################################################################################################*/
@media only screen and (max-width: 766px) and (orientation: landscape) {
  .containerforoptions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    max-width: 100vw;
    overflow: scroll;
    background-color: cadetblue;
    padding-top: 1rem;
  }
  .cont-for-1-option {
    width: 70px;
    height: 70px;
    margin: auto;
    z-index: 2;
  }
  #group-of-3-routine {
    width: 100%;
    border-radius: 1rem;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    overflow: hidden;
    margin-top: 2rem;
  }
  .groupof4options {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    width: 50vw;
    margin: auto;
  }
  .groupof8options-1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    margin: auto;
    padding: 0.3rem;
  }
  #controller, #dad, #hug, #football, #swings, #ipad, #laptop, #mum,
  #park, #play, #quiet, #sleep, #toys, #tv, #wii, #books, #dogwalk,
  #story, #softplay, #playpark, #swimming, #icecream, #teddy, #artandcraft,
  #duplo, #painting, #cinema, #mcdonalds, #kfc, #drawing, #walk, #bath {
    width: 95%;
    height: 95%;
    border-radius: 0.5rem;
    margin: auto;
  }
  .message {
    text-align: center;
    color: white;
    letter-spacing: 0.1rem;
  }
  #routine1 {
    width: 220px;
    height: 220px;
    border: 7px solid #b4a6a6;
    border-radius: 1rem;
    z-index: 1;
    background-color: white;
  }
}

/* ) #######################################################################################
    ############################################################################################
    ################################################################################################
    ################################################################################################*/
@media only screen and (min-width: 767px) and (max-width: 1299px) and (orientation: portrait) {
  .containerforoptions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    max-width: 100vw;
    overflow: scroll;
    background-color: cadetblue;
  }
  .cont-for-1-option {
    width: 80px;
    height: 80px;
    margin: 1rem auto;
    z-index: 2;
  }
  #group-of-3-routine {
    width: 100%;
    border-radius: 1rem;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    overflow: hidden;
    margin-top: 2rem;
  }
  .groupof4options {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    width: 50vw;
    margin: auto;
  }
  .groupof8options-1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    margin: auto;
    padding: 0.3rem;
    width: 200vw;
  }
  #controller, #dad, #hug, #football, #swings, #ipad, #laptop, #mum,
  #park, #play, #quiet, #sleep, #toys, #tv, #wii, #books, #dogwalk,
  #story, #softplay, #playpark, #swimming, #icecream, #teddy, #artandcraft,
  #duplo, #painting, #cinema, #mcdonalds, #kfc, #drawing, #walk, #bath {
    width: 95%;
    height: 95%;
    border-radius: 0.5rem;
    margin: auto;
  }
  .message {
    text-align: center;
    color: white;
    letter-spacing: 0.1rem;
  }
  #routine1 {
    width: 450px;
    height: 450px;
    border: 7px solid #b4a6a6;
    border-radius: 1rem;
    z-index: 1;
    background-color: white;
  }
}

/* ) #######################################################################################
    ############################################################################################
    ################################################################################################
    ################################################################################################*/
@media only screen and (min-width: 767px) and (max-width: 1299px) and (orientation: landscape) {
  .containerforoptions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    max-width: 100vw;
    overflow: scroll;
    background-color: cadetblue;
  }
  .cont-for-1-option {
    width: 70px;
    height: 70px;
    margin: auto;
    z-index: 2;
  }
  #group-of-3-routine {
    width: 100%;
    height: 400px;
    border-radius: 1rem;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    overflow: hidden;
  }
  .groupof4options {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    width: 50vw;
    margin: auto;
  }
  .groupof8options-1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    margin: auto;
    padding: 0.5rem;
    width: 200vw;
  }
  #controller, #dad, #hug, #football, #swings, #ipad, #laptop, #mum,
  #park, #play, #quiet, #sleep, #toys, #tv, #wii, #books, #dogwalk,
  #story, #softplay, #playpark, #swimming, #icecream, #teddy, #artandcraft,
  #duplo, #painting, #cinema, #mcdonalds, #kfc, #drawing, #walk, #bath {
    width: 95%;
    height: 95%;
    border-radius: 0.5rem;
    margin: auto;
  }
  .message {
    text-align: center;
    color: white;
    letter-spacing: 0.1rem;
  }
  #routine1 {
    width: 350px;
    height: 350px;
    border: 7px solid #b4a6a6;
    border-radius: 1rem;
    z-index: 1;
    background-color: white;
  }
}

/* ) #######################################################################################
    ############################################################################################
    ################################################################################################
    ################################################################################################*/
@media only screen and (min-width: 1300px) and (max-width: 2000px) {
  .containerforoptions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    max-width: 100vw;
    overflow: scroll;
    background-color: cadetblue;
  }
  .cont-for-1-option {
    width: 120px;
    height: 120px;
    margin: auto;
    z-index: 2;
  }
  #group-of-3-routine {
    width: 100%;
    height: 350px;
    border-radius: 1rem;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    overflow: hidden;
  }
  .groupof4options {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    width: 50vw;
    margin: auto;
  }
  .groupof8options-1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    margin: auto;
    padding: 0.3rem;
    width: 200vw;
  }
  #controller, #dad, #hug, #football, #swings, #ipad, #laptop, #mum,
  #park, #play, #quiet, #sleep, #toys, #tv, #wii, #books, #dogwalk,
  #story, #softplay, #playpark, #swimming, #icecream, #teddy, #artandcraft,
  #duplo, #painting, #cinema, #mcdonalds, #kfc, #drawing, #walk, #bath {
    width: 95%;
    height: 95%;
    border-radius: 0.5rem;
    margin: auto;
  }
  .message {
    text-align: center;
    color: white;
    letter-spacing: 0.1rem;
  }
  #routine1 {
    width: 350px;
    height: 350px;
    border: 7px solid #b4a6a6;
    border-radius: 1rem;
    z-index: 1;
    background-color: white;
  }
}

/* ) #######################################################################################
    ############################################################################################
    ################################################################################################
    ################################################################################################*/
@media only screen and (min-width: 2001px) and (max-width: 3000px) {
  .containerforoptions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    max-width: 100vw;
    height: 30vh;
    overflow: scroll;
    background-color: cadetblue;
    margin: 2rem 0;
  }
  .cont-for-1-option {
    width: 160px;
    height: 160px;
    margin: auto;
    z-index: 2;
  }
  #group-of-3-routine {
    width: 100%;
    height: 600px;
    border-radius: 1rem;
    margin: 1rem auto;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    overflow: hidden;
  }
  .groupof4options {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    width: 50vw;
    margin: auto;
  }
  .groupof8options-1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    margin: auto;
    padding: 0.3rem;
    width: 200vw;
  }
  .groupof8options-2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: auto;
    padding: 0.3rem;
  }
  #controller, #dad, #hug, #football, #swings, #ipad, #laptop, #mum,
  #park, #play, #quiet, #sleep, #toys, #tv, #wii, #books {
    width: 95%;
    height: 95%;
    border-radius: 1rem;
    margin: auto;
  }
  .message {
    text-align: center;
    color: white;
    letter-spacing: 0.1rem;
  }
  #routine1 {
    width: 600px;
    height: 600px;
    border: 7px solid #b4a6a6;
    border-radius: 1rem;
    background-color: white;
  }
}

/* ) #######################################################################################
    ############################################################################################
    ################################################################################################
    ################################################################################################*/
@media only screen and (min-width: 3001px) and (max-width: 4000px) {
  .containerforoptions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    max-width: 100vw;
    overflow: scroll;
    background-color: cadetblue;
    margin: 2rem 0;
  }
  .cont-for-1-option {
    width: 250px;
    height: 250px;
    margin: auto;
    z-index: 2;
  }
  #group-of-3-routine {
    width: 100%;
    height: 800px;
    border-radius: 1rem;
    margin: 1rem auto;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    overflow: hidden;
  }
  .groupof4options {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    width: 50vw;
    margin: auto;
  }
  .groupof8options-1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    margin: auto;
    padding: 0.3rem;
    width: 200vw;
  }
  .groupof8options-2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: auto;
    padding: 0.3rem;
  }
  #controller, #dad, #hug, #football, #swings, #ipad, #laptop, #mum,
  #park, #play, #quiet, #sleep, #toys, #tv, #wii, #books {
    width: 95%;
    height: 95%;
    border-radius: 1rem;
    margin: auto;
  }
  .message {
    text-align: center;
    color: white;
    font-size: 2rem;
    letter-spacing: 0.1rem;
  }
  #routine1 {
    width: 800px;
    height: 800px;
    border: 7px solid #b4a6a6;
    border-radius: 1rem;
    background-color: white;
  }
}
/*# sourceMappingURL=i-want.css.map */