@media all and (width < 576px) {
    .navbar {
        .container-sm {
            .navbar-collapse {
                .navbar-buttons {
                    flex-wrap: wrap;

                    .icon-container {
                        width: 100%;
                        text-align: center;
                    }

                    .btn-container {
                        width: 100%;

                        button {
                            width: 100%;
                        }
                    }
                }
            }
        }
    }

    .get-start {
        .container-sm {
            flex-wrap: wrap;
            justify-content: center;

            .caption {
                width: 90%;
            }

            .button-container {
                width: 80%;
            }
        }
    }
}

@media all and (576px <=width < 768px) {
    .navbar {
        .container-sm {
            .navbar-collapse {
                .navbar-buttons {
                    flex-wrap: wrap;

                    .icon-container {
                        width: 100%;
                        text-align: center;
                    }

                    .btn-container {
                        width: 100%;

                        button {
                            width: 100%;
                        }
                    }
                }
            }
        }
    }

    .get-start {
        .container-sm {
            flex-wrap: wrap;
            justify-content: center;

            .caption {
                width: 90%;
            }

            .button-container {
                width: 80%;
            }
        }
    }
}

@media all and (768px <=width < 992px) {
    .navbar {
        .container-sm {
            .navbar-collapse {
                .navbar-buttons {
                    flex-wrap: wrap;

                    .icon-container {
                        width: 100%;
                        text-align: center;
                    }

                    .btn-container {
                        width: 100%;

                        button {
                            width: 100%;
                        }
                    }
                }
            }
        }
    }

    .get-start {
        .container-sm {
            flex-wrap: wrap;
            justify-content: center;

            .caption {
                width: 90%;
            }

            .button-container {
                width: 80%;
            }
        }
    }
}

@media all and (992px <=width < 1200px) {
    .home {
        height: 100vh;
    }
}

@media all and (1200px <=width < 1400px) {
    .home {
        height: 100vh;
    }

}

@media all and (1400px <=width) {
    .home {
        height: 100vh;
    }

}