/*DYLAN*/

  /*screen-xs*/
@media (min-width: 320px)and (max-width: 520px) { 
  .white p{    font-family: 'EB Garamond', serif !important;
    font-size: 18px !important;
    color: #545454;   
    letter-spacing: 0.5px;
    line-height: 26px;
	background-color: #fff !important;
  z-index: 1;
  

  }
}

@media screen and (min-width: 767px) and (max-width: 1200px) /* @grid-float-breakpoint -1 */
{
.container-fluid {
 
    padding: 25px !important;

}
}

.visible-xs .fa-ul {
margin-left: -10px !important;
margin-top: 30px !important;

}

  /*screen-xs*/
@media (min-width: 320px)and (max-width: 520px) { 
  .white p a{    font-family: 'EB Garamond', serif !important;
    font-size: 18px !important;
    color:#8e8e8e;    
    letter-spacing: 0.5px;
    line-height: 22px;
	background-color: #fff !important;
  z-index: 1;

  }
}

  /*screen-xs*/
@media (min-width: 320px)and (max-width: 520px) { 
  .white p a:hover{    font-family: 'EB Garamond', serif !important;
    font-size: 18px !important;
    color:#79adcd;    
    letter-spacing: 0.5px;
    line-height: 22px;
	background-color: #fff !important;
  z-index: 1;

  }
}





/*screen-xs*/
@media (min-width: 320px)and (max-width: 520px) { 
  .container-fluid {padding: 0px 10px 0px 10px;
  
}
}

.visible-xs container-fluid{

    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;

}

h1 {
color: #525252 !important;
    text-align: left;
    font-family: 'Karla', sans-serif !important;
    font-size: 17px;
    letter-spacing: 1px;



}

h1 li {
color: #525252 !important;
    text-align: left;
    font-family: 'Karla', sans-serif !important;
    font-size: 19px;
    letter-spacing: 1px;



}


.navbar-left  {

    position: fixed;
        font-size: 19px;



}

.navbar-right  {

    position: fixed;
    background: #fff;
	display: inline;
	margin-right: 100px;
	    font-size: 19px;

}

.fa  {

color: #717171;
display: inline-block !important;
    font-size: 19px !important;
    margin: 10px;

       
}

#footer {
   position:absolute;
   bottom:35px;
	padding-right: 25px;
   width:100%;
   height:60px;   /* Height of the footer */
   
}

.fa-ul fa-pull-right {

    position: fixed;
display: inline-block !important;
         vertical-align: right !important;
         bottom: -100px !important;


}



h1 a { 

color: #525252 !important;
	text-decoration: none; 
	} 
	
	
	h1 a:hover { 

color: #79adcd !important;
	text-decoration: none; 
	} 
	

p {
    font-family: 'EB Garamond', serif !important;
    font-size: 22px;
    color: #545454;   
    letter-spacing: 0.5px;
    line-height: 31px;
      background: #fff;
  z-index: 1;

 
}


a:hover { 
	text-decoration: none; 
	color:#79adcd; 
	}



a:active { 
	text-decoration: none; 
	color:#79adcd; 
	}




.container-fluid {
	background-color: #fff !important;
	border: 0px;!important;
	min-width: 320px;
    margin: 0;
    padding: 50px;
    



   
 }
 

.navbar {
	background-color: #fff !important;
    color: #272727;
	border: 0px;!important;
	text-decoration: none;
	font-family: 'Karla', sans-serif !important;
	margin-right: 15px;
    padding: 0px;

}



.navbar-nav>li>a{
  padding:0px;
}

nav .container-fluid{
  padding-left:0px;
  padding-right:0px;
  
}


.navbar .navbar-collapse {
 
	border: 0px;!important;
	text-align: right;
	position: relative;
	padding-right: 90px;
	vertical-align: top;
  
}



.vertical-center {
padding-left: 40px;

  min-height: 85%;  /* Fallback for browsers do NOT support vh unit */
  min-height: 85vh; /* These two lines are counted as one :-)       */
	display: flex;
    	margin-top: 25px;
    	    	margin-bottom: 0px;

    	  z-index: 1;



}

p a{
    font-family: 'EB Garamond', serif !important;
    font-size: 22px;
        color:#8e8e8e;    

    letter-spacing: 0.5px;
    line-height: 31px;
 text-decoration: none;
  line-height: 30px;
  padding-bottom: 20px;
 
}

.contact {

    margin-right: 600px;


}

white {

	background-color: #fff !important;

}


.visible-xs fa-ul {

    position: fixed;
display: inline-block !important;
         vertical-align: left !important;
         bottom: 0px !important;
         padding: 100px;


}

.visible-xs li {
display: inline-block !important;

}




 /*screen-xs*/
@media (min-width: 320px)and (max-width: 520px) { 
 
.container-fluid {
	background-color: #fff !important;
	border: 0px;!important;
	min-width: 320px;
    margin: 0;
    padding: 5px;
    

  }
}


@media (min-width: 1700px) { 
 
.container-fluid {

	min-width: 320px;
    margin: 0;
    padding-left: 300px;
    padding-right: 300px;


  }
}


.col-xs-12 col-sm-12 col-md-12 col-lg-12 myColoredCol li {

display: inline-block !important;
}


@media (min-width: 1800px) { 

.vertical-center {
padding-left: 50px;



}

@media (min-width: 1800px) { 

p {
  
  padding-right: 50px;

 
}