/* Css simple framework - homebrew */
/* Copy. Aaron Leulu */

/* source sans pro, google web font. */



/*@import url(https://fonts.googleapis.com/css?family=Amatic+SC|Open+Sans:400,300);*/
@import url(https://fonts.googleapis.com/css?family=Amatic+SC|Open+Sans:400,300);
/* Global Settings. */

.circle {
  display: block;
  width: 250px;
  height: 250px;
  margin: 1em auto;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-border-radius: 99em;
  -moz-border-radius: 99em;
  border-radius: 99em;
  border: 0px solid #eee;
  box-shadow: 0 3px 2px rgba(0, 0, 0, 0.3); 
}



/*Full Background Image */
html { 
  background: url(pigeon_love%20copy.png) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}


ul{
list-style-type:none;
}
*, *:before, *:after {
     -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; 
}
a{
    text-decoration: none;
text-decoration-color: inherit;
    
}

body{
    width:100%;
   /* background-color:F7F6F0;*/
}
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}




/* Columns and Rows and Things */
.container{
    margin: 0 auto;
    /*max-width: 48rem;*/
    width:90%;
}
.row {
    width: 100%;
    margin-top:0;
    margin-bottom:0;
    float:left;
}
.full {
    width:100%;
    
}
.half {
    width:48%;
    padding-left:1%;
    padding-right:1%;
    float:left;
   
}
.third{
    width:32%;
    padding-left:.5%;
    padding-right:.5%;
   
}

.twothird{
    width:66%;
    padding-left:1%;
    padding-right:1%;
  
}




/*border box thing around my name */
.bordered-box {
border-style: solid;
    border-width:20px;
    border-color: rgb(207,225,235);
margin:auto;
    
}

/*additonal styling classes*/

.header {
background-color: rgb(66,110,201);
}


h1,h2{    
font-family: 'Amatic SC', sans-serif;
font-weight:200;
}
h3,h4,h5,h6,p,li,ul{
font-family: 'Open Sans', sans-serif;
}
.gout{
    color:rgb(64,64,64);
}
h1{
/*font-weight: 200;  
*/}

.wout{
color:white;
    
}


.title{
    font-size:450%;
    text-align: center;
    line-height: 50%;
    
    
}
    

@media screen and (max-width: 41em){
 
    .full,.half,.third{
        width:100%;
       
    }
    .title{
    font-size:350%;
    text-align: center;
    line-height: 90%;
    
    
}
  h1,h2{    
font-family: 'Fira Sans', sans-serif;
    /*color:rgb(64,64,64);*/
}
h4{
font-family: 'Open Sans', sans-serif;
/*font-size: 300%;*/
}      
    
}