body{
	font-family: "Montserrat";
	text-align:center;
}

h1, h2, h3, h4, h5, h6 {
	font-family: "Montserrat-Bold";
}

p {
	color:#8f8f8f;
}

/* Containers*/
.container-fluid{
	padding:1% 15%;
}


/*Header*/
.colored-section {
	background-color:#A2D2FF;
	color:#fff;
}


/*Navigation Bar*/
.navbar {
	padding:0 0 1.5rem;
}

.navbar-brand {
	font-family:"Ubuntu";
	font-size:2.5rem;
	font-weight:bold;
}


/*Title Section*/
#title {
	display: block;	
	text-align:left;
	
}

#title .container-fluid{
	padding:1% 15% 1%;
}

/*Input Section*/
#features{
	
	position:relative;	
}

.my-button{
	margin-top: 2%;
}

.feature-title {
	font-size:1.5rem;
}

.icon{
	color:#ef8172;
	margin-bottom:1rem;
}

.icon:hover{  
	color:#ff4c68;
}

.feature-box{
	padding:1%;
}

/*Weather Section*/
#weather{
	display: block;
}

.weather-column{
	
	padding:3% 2%;
}

.my-card{
	height: auto;
	background-color:#FF865E;
	color:#fff;
}

.icons{
	height:6.5rem;
	width:3rem;
}


.category-text{
	font-size:2rem;
	line-height:1.5;
	color:#fff;
}

.description-text{
	font-size:1.3rem;
	line-height:1.5;
	color:#fff;
}


/*Footer*/
#footer{
	display: block;
	position: fixed;
	top:94vh;
	height: 6vh;
	width: 100vw;;
	background-color:#A2D2FF;
	padding:1% 15%;
}

/* media queries */

@media (min-width:576px),(orientation:portrait) {
	.weather-column{margin:5% 1% 10%;}
	#footer{top:96vh;height: 4vh;}
	#footer p{font-size: 0.75rem;}
}

@media (min-width:576px) and (orientation:landscape){
	.weather-column{margin:0 0 10%;}
	#footer{top:90vh;height: 10vh;}
}

@media (min-width:768px) and (orientation:portrait){
 
}

@media (min-width:768px) and (orientation:landscape){

}

@media (min-width:992px){
	#footer{top:94vh;height: 6vh;}
	#footer p{font-size: 1rem;}
}

@media (min-width:1200px){
	#footer{top:94vh;height: 6vh;}
	#footer p{font-size: 1rem;}
}