@charset "utf-8";
// Extra small devices (portrait phones, less than 576px)
@media (max-width: 575.98px) { 
.h2, h2 {
    font-size: 1.2rem;
}
.m-5 {
    padding:0 !important;
}
.p-5 {
    padding:0 !important;
}
.m-4 {
    padding:0 !important;
}
.col-1 {
	width:100%;
}
.col-2 {
	width:100%;
}
.col-3 {
	width:100%;
}
.col-4 {
	width:100%;
}
.navbar-brand img {
    width: 398px;
    height: 56px;
}
.textbox {

    width: 95% !important;
    height: 95% !important;
    margin: 5px !important;
}
.textbox h1 {
    font-size: 5vw !important;
}
.textbox h2 {

    font-size: 1rem !important;
}
.container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 100% !important;
	padding-top:5px;
	padding-bottom:5px;
}
 }

// Small devices (landscape phones, 576px and up)
@media (min-width: 576px) and (max-width: 767.98px) { ... }

// Medium devices (tablets, 768px and up)
@media (min-width: 768px) and (max-width: 991.98px) { ... }

// Large devices (desktops, 992px and up)
@media (min-width: 992px) and (max-width: 1199.98px) { ... }

// Extra large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { ... }