/*

My Custom CSS
=============

Author:  Brad Hussey
Updated: August 2013
Notes:	 Hand coded for Udemy.com

*/


/* --------------------------------------
   Layout
   -------------------------------------- */



/* --------------------------------------
   Typography
   -------------------------------------- */
body
{
   -webkit-font-smoothing: antialiased;
   text-rendering: optimizeLegibility;
}
.well .page-header
{
   margin-top: 0;
}
.well .page-header h1
{
   margin-top: 0;
}
.well p
{
  font-size: 16px;
}



/* --------------------------------------
   Navbar
   -------------------------------------- */
   .navbar
   {
    font-size: 20px;
   }
   
   .navbar-brand
   {
      padding: 13px 15px;
   }
   .navbar-brand img
   {
            height:40px;
            width: 50px;

   }
   
/* --------------------------------------
   Carousel
   -------------------------------------- */
#myCarousel .item
{
   height: 400px;
}

#slide1 {
   background: url('../../images/image1.jpg') top center no-repeat;
}

#slide2 {
   background: url('../../images/image2.jpg') top center no-repeat;
}

#slide3 {
   background: url('../../images/image3.jpg') top center no-repeat;
}



/* --------------------------------------
   Global Styles
   -------------------------------------- */
.well
{
   margin: 20px 0px;
}
#leftcol h3
{
  font-size: 30px;
      color: #3F51B5;
}
#leftcol p
{
  font-size: 22px;
}
#rightcol h3
{
   font-size: 30px;
       color: #3F51B5;
}
#rightcol p
{
   font-size: 22px;
}
#rightcol
{
   word-spacing: 2px;
   text-align:justify;
   padding: 10px 30px;
  

}
#leftcol
{
   word-spacing: 2px;
   text-align: justify;
   padding: 10px 30px;


}

#image-col
{
   margin-left: 10px;
}

body
{
  font-family: 'Belleza';
}
article
{
   font-size:22px;
}

.tab-content h4
{
    color: blue;
}
.tab-pane img 
{
    padding-right: 10px;
    margin: 0 20px 10px 0;
}
.modal-content 
{
    position: relative;
    padding: 20px;
}
#inputMessage 
{
    margin-bottom: 15px;
}
h3
{
text-transform: uppercase;
}
#image-col
{
padding-bottom:10px;
}



/* --------------------------------------
   Media Queries
   -------------------------------------- */

/* Portrait & landscape phone */

@media (max-width: 360px) {
  #image-col img
{
   width:180px;
   height:113px;
   padding-bottom: 10px;
}
}



@media (max-width: 480px) {
  #image-col img
{
   width:200px;
   height:113px;
   padding-bottom: 10px;
}
	
}

/* Landscape phone to portrait tablet */
@media (max-width: 768px) {
  #image-col img
{
   width:320px;
   height:191px;
   padding-bottom: 10px;
}
	
}

/* Large desktop */
@media (min-width: 1200px) {
   #myCarousel .item
{
   height: 400px;
}

#image-col img
{
   width:560px;
   height:315px;
   padding-bottom: 10px;
}
}
footer
{
   background: grey;
}
.fa {
  padding: 10px;
    font-size: 10px;
    width: 20px;
    text-align: center;
    text-decoration: none;
    margin: 4px 6px;
    border-radius: -1%;

}
/* Facebook */
.fa-facebook {
  background: #3B5998;
  color: white;
}

/* Twitter */
.fa-twitter {
  background: #55ACEE;
  color: white;
}
.fa-google {
  background: #dd4b39;
  color: white;
}