/* COGS3 studyBuddy specific styles go here. */
#title {
    background-color: #823038;
}
h1{
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    font-size: 3rem;
    line-height: 1.5;
    color: beige;

}
.container-fluid{
    padding: 5% 7%;
}
/*Navigation Bar */
 .navbar-brand{
font-family:'Times New Roman', Times, serif;
font-size: 2.5rem;
color: beige;
 }
 .navbar{
    padding-bottom: 4.5rem;
    padding-left: 2rem;
    padding-right: 0rem;
 }
 .navbar-item{
    padding-left:18px;
    padding-right:18px;
 }
 .navbar-link{
    font-family:'Montserrat', sans-serif;
    font-weight: light;
    font-size: 1.5rem;
 }
 /* Download Buttons */
 .download-button{
    margin: 5% 5% 5% 5%;
 }
 /* Title Image */

 .navbar-link{
    color: beige;
 }
 .navbar-link:hover{
    color: olive;
 }
.phone-pic{
    width: 60%;
    transform: rotate(15deg);
 
 }
 /*Features*/
 #features{
    padding-top: 60px;
    padding-bottom: 30px;
    padding-left:10px;
    padding-right:10px;
    text-align: center;
    background-color: #FFF;
    height: 300px;
 }
h3{
    font-family:'Montserrat';
    font-weight: bold;
}
p{
    color:olive;
    text-align: center;
}
.fa-3x{
    color:olive;
    margin-bottom: 2rem;
}
.fa-3x:hover{
    color:maroon;
}
/* Testimonials */
#testimonials{
    padding: 7% 15%;
    text-align: center;
    background-color: #DEBA6F;
}
h2{
    font-family:'Montserrat';
    font-size: 1.5;
    font-weight: bold;
    text-align: center;
}
.testimonial-image{
    border-radius: 50%;
    width: 50%;
    margin: 10px;
}

/* Press */
#press{
    background-color: #DEBA6F;
    text-align: center;
}
.carousel-item{
    padding: 7% 15%;
}

/* Pricing */
#pricing{
    padding: 100px;
}
.pricing-header{
    color: maroon;
    text-align: center;
}
.pricing-column{
    text-align: center;
    padding-top: 3%;
    padding-bottom: 3%;
    padding-left: 2%;
    padding-right: 2%;
}
@media(min-width: 0px) and (max-width: 1000px)
 {
    #title{
        text-align:center;
    }
    .phone-pic{
position: static;
transform:rotate(0deg);
    }

}
#cta{
    background-color: #823038;
    color: black;
    padding: 7% 15%;
    text-align: center;
}
.cta-heading{
    font-family: 'Montserrat';
    font-weight: bold;
    font-size: 5rem;
    line-height: 2;
}

#footer{
    padding: 7% 15%;
    text-align: center;
}
.social-icon{
    margin: 20px 10px;
}