@charset "UTF-8";
/* Global Breakpoints */

/* Extra small devices (portrait phones, less than 576px)
 No media query for `xs` 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) { 
	...
}

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

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

*/


/* Global Breakpoints */

/* Extra small devices (576px and below) */
@media (min-width: 0px) and (max-width:575px)  { 
	body#bio section#main_content{
	margin-top: .7em;
	}
	
	body#home section#main_content{
		margin-top: 3.25em;
	}
	body#home h1 {
		font-size: 3em;
	}
	body#home h2 {
		font-size: 1.7em;
	}
	body#home p, body#home a, body#home li {
		font-size: 1em;
	}
	body#home p,body#home h2 {
		text-align: center;
	}
	body#home .promos{
		margin:0 auto;
	}
	body#home ul{
		padding-left:50px;
	}
	body#home img{
		padding-left:1em;
	}
	body#reel .carousel-indicators{
		display: none; !important
	}
	body#resume h5{
		font-size:.68em;
	}
}


/* Small devices (landscape phones, 576px and 767) */
@media (min-width: 576px) and (max-width:676px) { 
	body#reel .carousel-indicators{
		display: none; !important
	}
	body#bio section#main_content{
	margin-top: 4em;
	}

}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) { 
	body#home h1 {
		font-size: 4.8em;
	}

}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) { 
	body#home img.img-fluid {
		float: right;
	}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
	body#home img.img-fluid {
		float: right;
	}
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 
	body#home img.img-fluid {
		float: right;
	}
	}