// Extra small devices (portrait phones, less than 576px)
// No media query since this is the default in Bootstrap

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

// Medium devices (tablets, 768px and up)
@media (min-width: 768px) {
    .theme-btn-cta {
		width: inherit;
		display: inline-block;
	}
	.cta-section .form-inline .form-control {
	    width: 360px;
    }
}

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

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


}


// We occasionally use media queries that go in the other direction (the given screen size or smaller):
// Medium devices (tablets, less than 992px)
@media (max-width: 991.98px) {
	
	.header {
		position: static;
		width: inherit;
		height: auto;
		.blog-name {
			width: 100%;
			position: absolute;
			left: 0;
			top: 1.2rem;
			
		}
		.btn-primary {
			width: 100%;
		}

	}
	
	
    .header .navbar {
	    padding: 1rem;
    }
    
    .main-wrapper {
	    margin-left: 0;
    }
    
	
}
// Small devices (landscape phones, less than 768px)
@media (max-width: 767.98px) {

	.signup-form {
		.form-group {
			width: 100%;
			margin-bottom: 0.5rem;
		}
		.form-control {
			width: 100%;
		}
		.btn-primary {
			width: 100%;
		}
	}
}


// Extra small devices (portrait phones, less than 576px)
@media (max-width: 575.98px) {
	
	
}

