/*// Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
    .small-device-img{
        margin: 30px 0px;
    }
    .header-nav .navbar {
        margin-bottom: 5px;
    }
    .margin-40 {
        margin: 0px 10px 40px 10px !important;
    }
    .header .contact p {
        font-size: 11px;
    }
    figure {
        margin: 15px 0 1rem;
    }
    .small-device{
        margin-top: 10px!important;
    }
    .text-on-image p {
        border-radius: 5px;
        font-size: 13px;
        padding: 10px 10px;
        top: 20px;
        width: 69%;
    }
    .small-center{
        text-align: -webkit-center;
        display: block;
    }
    .search-wrap {
        right: 18px;
        position: absolute;
        width: 94%;
        z-index: 999;
    }
    .search-input {
        width: 65%;
        transition: 0.8s;
    }
    .hide-menu{
        display: none;
    }
    .signature-pad{
        width: 250px;
    }
	.header {
		height: 145px;
	}
	.page-content {
    padding-top: 145px;
	}
	
	div#navbarSupportedContent {
	background-color: #f8f9fa;
    padding: 10px;
	box-shadow: 0px 0px 24px 0px rgba(0,0,0,0.15);
	}
	
	div#navbarSupportedContent li.nav-item {
    padding: 5px;
    border-bottom: 1px dotted #dee2e6;
	}
	
	.display-3-bold {
    font-size: 2rem;
	}
	
	.display-4 {
    font-size: 2rem!important;
	}

	.jumbotron {
	height: 30vh!important;
    min-height: 245px;
	}
	
	img#searchIcon {
    display: none;
	}
	
	.mobile-middle{
	text-align: center !important;
	}
	
	#carouselExampleCaptions .carousel-item img {
    height: 60vh;
    max-height: 60vh;
	}
	
	#carouselExampleCaptions .carousel-caption {
    right: 5%;
    left: 5%;
	bottom: 10%;
    background: rgba(0, 0, 0, 0.5);
    padding: 20px;
	}
	
	#carouselExampleCaptions .display-5 {
	font-size: 1.4rem;
	}
	#carouselExampleCaptions .display-3 {
	font-size: 1.6rem;
	}
	
}

/*// Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767.98px) {
    .small-device{
        margin-top: 10px!important;
    }
    .text-on-image p {
        border-radius: 5px;
        font-size: 10px;
        padding: 10px 10px;
        top: 20px;
        width: 51%;
    }
    .hide-menu{
        display: none;
    }
    .signature-pad{
        width: 250px;
    }
	img#searchIcon {
    display: none;
	}
}

/*// Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991.98px) {
    .small-device {
        margin-top: 18px!important;
    }
    .text-on-image p {
       font-size: 15px;
       padding: 13px 20px;
       width: 43%;
    }
    .header .contact p {
        font-size: 11px;
    }
    .search {
        top: 10px;
    }
    .hamburger {
        top: 10px;
    }
    .search-wrap {
        position: absolute;
        width: 92%;
        z-index: 999;
        top: 8px;
        left: -18px;
    }
    #clear {
        right: 23px;
    }
    .header .logo {
         padding-left: 0px;
    }
    .hide-menu{
        display: none;
    }
    .signature-pad{
        width: 300px;
    }
		.display-3-bold {
    font-size: 3rem;
	}
}

/*// Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199.98px) {
    .content-space{
        padding-left: 30px;
        padding-right: 30px;
    }
    .text-on-image p {
        font-size: 22px;
    }
    .nav-link {
        font-size: 12px!important;
    }
    .header-nav .navbar-nav .nav-link {
        padding-right: 5px;
        padding-left: 8px;
    }
    .header .contact p {
        font-size: 11px;
    }
    .search-wrap {
        left: -18px;
    }
    .header .logo {
        padding-left: 0px;
    }
	
	.display-3-bold {
    font-size: 3.5rem;
	}
	
	.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0.4rem;
    padding-left: 0.4rem;
	}
	
	#carouselExampleCaptions carousel-caption {
	bottom: 5%;
	}
 
}
/*// Extra large devices (large desktops, 1200px and up)*/

@media (min-width: 1200px) and (max-width: 1440px) {

    .content-space{
        padding-left: 60px;
        padding-right: 60px;
    }
    .header-nav .navbar-nav .nav-link {
   	 	padding-right: 0.4rem;
    	padding-left: 0.4rem;
    }
    .container {
        max-width: 1180px;
        /*max-width: 88%;*/
    }
    .search-wrap {
        position: absolute;
        width: 100%;
        z-index: 999;
        left: -37px;
    }
	.display-3-bold {
    font-size: 3.5rem;
	}
		.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0.4rem;
    padding-left: 0.4rem;
	}
	
	#carouselExampleCaptions carousel-caption {
	bottom: 5%;
	}
}

@media (min-width: 1441px) {

    .content-space{
        padding-left: 60px;
        padding-right: 60px;
    }
    .header-nav .navbar-nav .nav-link {
    	padding-right: 0.4rem;
    	padding-left: 0.4rem;
    }
	
    .container {

        max-width: 1300px;
    }
	
    .search-wrap {
        position: absolute;
        width: 100%;
        z-index: 999;
        left: -37px;
    }
	
	.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0.6rem;
    padding-left: 0.6rem;
	}
	
	.display-3-bold {
    	font-size: 3.6rem;
		line-height:1.2;
	}
}