body{
  font-family: 'Trebuchet MS', sans-serif !important;
  color:#C2C5AA;
  height:100%;
  width:100%;
  margin:0;
  padding:0;
  overflow:hidden;
  background-color:#200E04;
}

@keyframes loading{
  0%{
    opacity:0;
  }
  100%{
    opacity:1;
  }
}

.loading{
  opacity:1;
  animation-name:loading;
  animation-iteration-count:1;
  animation-duration:2s;
}

::-webkit-scrollbar {
  width: 10px;
}

::-webkit-scrollbar-track {
  background: #222A19;
}

::-webkit-scrollbar-thumb {
  background: #656D4A;
  border-radius:4px;
}

::-webkit-scrollbar-thumb:hover {
  background: #505638;
}

.wrap{
  margin:0;
  position:absolute;
  top:50%;
  left:50%;
  -ms-transform:translate(-50%, -50%);
  transform:translate(-50%, -50%);
  height:650px;
  overflow:hidden;
  background-color:white;
  border-radius:25px;
}

/* Phones */
@media only screen and (max-width: 600px) {
  
  .wrap{
    width:90%;
  }
  
}

/* Tablets */
@media only screen and (min-width: 600px) {
}

/* PCs */
@media only screen and (min-width: 730px) {

.wrap{
  width:70%;
}

.wrap1{
  display:flex;
  flex-direction:column; 
}

.logo{
  background-color:#656d4a;
  background-image:url(horse.jpg);
  background-size:cover;
  height:100px;
}

.wrap2{
  display:flex;
  flex-direction:row;
}

.menu{
  text-align:center;
  float:left;
  height:550px;
  width:20%;
  background-color:#333D29;
}

.menu p{
  font-size:19px;
  margin-top:8px;
  margin-bottom:0;
}

.divider{
  border:0;
  height:2px;
  width:80%;
  background-color:#C2C5AA;
}

.button{
  font-size:18px;
  display:inline-flex;
  justify-content: space-around;
  align-items:center;
  height:50px;
  width:100%;
  border:none;
  color:#C2C5AA;
  background-color:#333D29;
  transition-duration:.2s;
}

button{
  border:0;
  font-family: 'Trebuchet MS', sans-serif !important;
}

.button:hover{
  background-color:#414833;
}

.main{
  float:right;
  height:550px;
  width:80%;
  background-color:#333D29;
}

.iframe{
  border:none;
  height:100%;
  width:100%;
}

.wrapper{
  box-sizing:border-box;
  height:100%;
  width:100%;
  padding-right:10px;
}

.row{
  display:flex;
  flex-wrap:wrap;
}

.column{
  flex:50%;
}

.postwrapper{
  vertical-align:middle;
  box-sizing:border-box;
  padding:10px 0px 10px 10px;
}

.post{
  box-sizing:border-box;
  padding:10px;
  background-color:#656D4A;
  border-radius:15px;
}

.post img{
  display:block;
  margin:auto;
  max-height:340px;
  max-width:100%;
  border-radius:10px;
}

.textwrap{
  height:20px;
  width:100%;
}

.header{
  float:left;
}

.date{
  float:right;
}

.split{
  background-color:#C2C5AA;
  border:0;
  height:2px;
  width:95%;
  margin:5px;
}

.postcontent p{
  margin:5px;
}
  
}