@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,400,400bold,900);
/*Responsive infro from: http://www.adamkaplan.me/grid/ */

/*COLORS ---------------------- Consistent through different sizes */
body{
margin:0%;
padding:0%;}

#headspacer{
  background-color: #17120B;
  text-align:center;

}
#container{
 /* background-color: #F2DCC5;*/
}
n
#footer{
  text-align: center;
  background-color: #17120B;
}
#wrapper{
  width:100%;
  /*  background-color: #F2DCC5;*/

}
.car {
background-color: #A9E5D6;
}
.thi{
color:#FF9500;
}
/*
.tlogo {
  width:120px;
  height:120px;
  border-radius: 50% ;
border: 1px solid #F2DCC5 ;
line-height: 5px;
margin-right:-35px;
float:right;
margin-top:35px;

}*/

.tlogo,tlogotext {
  margin:auto;
  width:70px;
  height:70px;
  border-radius: 50% ;
border: 1.5px solid white ;
line-height: 5px;
margin-top:30px;
margin-right:6%;
}

.logocase {
line-height:-5px;
}

.img {
overflow:hidden;
text-align:center;
width:200px;
height:auto;
max-height:400px;
}


.nav:hover{
  background-color: #FF9500;
  color:White;
}

a.nav-text{
color:white;
}
a.nav-text:hover {text-decoration:none;color:grey;}

.nav a{
font-style:none;
    width:100%;
    height:100%;
    top:0;
    left:0;
    color:white; <!--might not do anyting -->
}
.foot {
color: #17120B; font-size:150%; margin:auto;
text-align:center;

}
.tight {
line-height:85%;
}

.cleanL{
list-style-type: none;
}


/* END COLORS & CONSISTS ----------------------------------------------------------*/





h1,h2,h3,h4,h5,h6,p {
color:#3E3B36;
  font-family:'Source Sans Pro', sans-serif;}
  
  h3,h4,h5,h6,p {
margin:0;
padding:0;
}
a:link {text-decoration:none; color:inherit; opacity: 75%; /*font-style:italic;*/ }
a:visited {text-decoration:none;<!--color:inherit;-->}
a:hover {text-decoration:underline;color:inherit;}
a:active {text-decoration:underline;color:inherit;}



h1{
  font-size:300%;
  font-weight:200;
  color:#F2DCC5;
}
h2{
  font-weight:200;
  font-size:200%;
}
h3{
  font-weight:400;
  font-size:130%;
}
h4 {
font-weight:200;
font-size:130%;
}
p{
  font-weight:400;
font-size:100%;
}



*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}


.container {
margin:0 auto;
width:85%;

}

.element {
  float: left;
  margin-left: 5%;
}

.element:first-child {
  margin-left: 0;
}


.col {
  float: left;
  margin-left: 4%;
}
 
.col:first-child {
  /*margin-left: 0;*/
  margin:auto;
}

.col.full {
  width:100%;
}

.col.half {
  width:48%;
}
.col.third {
  width:31%;
}
.col.fifths {
  width:18.88%;
  overflow:hidden;
}
.row {
  overflow: hidden;
}
.col.gallery {
width:16%;
  overflow:hidden;
}
.row.gallery{
width:100%;

}

#contentrow{
padding: 6px;
}












/*  MOBILE SCREEN BELOW */
@media screen and (max-width: 1024px) {
  .col.full,
  .col.two-thirds,
  .col.half,
  .col.third,
  .col.fifths {
    float: none;
    margin: 0;
    width: 100%;
  }

h1{
  font-size:200%;
}

/*
.tlogo {
  margin:auto;
  width:50px;
  height:50px;
  border-radius: 50% ;
border: 1px solid #A9E5D6 ; 
line-height: 5px;
margin-top:30px;
}*/
.tlogo {
  margin:auto;
  width:50px;
  height:50px;
  border-radius: 50% ;
border: 1px solid #A9E5D6; /*DIFFERENT ON MOBILE*/
line-height: 5px;
}
}


/*-----------------------------IPAD/Tablet? MEDIA QUERY-----------------------------------------*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)
and (-webkit-min-device-pixel-ratio: 2) { 

.col.full,
  .col.two-thirds,
  .col.half,
  .col.third {
    float: none;
    margin: 0;
    width: 100%;
  }

.col.fifths {
float:left;
margin:auto;
width 47%;
padding 6%;


}

h1{
  font-size:200%;
}

.tlogo {
  margin:auto;
  width:50px;
  height:50px;
  border-radius: 50% ;
border: 1px solid #F2DCC5 ;
line-height: 5px;
margin-top:15px;
margin-right:6%;
}

}