/*affect all*/

@import url('https://fonts.googleapis.com/css?family=Droid+Sans+Mono');

html, body {
    max-width: 100%;
    overflow-x: hidden;
	font-family: 'Droid Sans Mono', sans-serif;
}




.loader {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url('images/719.gif') 50% 50% no-repeat rgb(249,249,249);
	
}

.hiddenPic {
	display:none;
}
/*top of page*/
#navbar {
	width: 95.3%;
	background-color: #ffffff;
	border: 2px solid #000000;
	margin-left: 25px;
	position: fixed;
	}

#navbar ul {
    width:100%;
    margin:0 auto;
    padding:0;
    list-style:none;
    background-color:#ffffff;
    text-align:center;
     
}
#navbar li { 
    display:inline-block;
    width:23.825%;
    margin:0;
    padding: 1em 0px 1em 0px;
}
#navbar a {
	color: #000000;
    text-align:center;
    padding:0px;
    margin:0;
    display:block;
	font-family: 'Droid Sans Mono';
	text-decoration: underline;
}






/*mid page meat1 - ABOUT AARON*/

.meat1 {
	display: none;
	height: 85%;
	width: 95.3%;
	background-color: #ffffff;
	padding-top: 0px;
	border: 2px solid #000000;
	margin-left: 25px;
	margin-top: 80px;
	position: fixed;
	overflow-y: auto;
}


.container-meat1 h3 {
	text-align:center;
	font-family: 'Droid Sans Mono';

}

.container-meat1 p {
	font-family: 'Droid Sans Mono';

}

img {
	display: block;
    margin-left: auto;
    margin-right: auto;
}

#opener {
	padding-left: 23px;
	padding-right: 23px;
}

/*mid page meat2 - HOBBIES*/
.meat2 {
	display: none;
	height: 85%;
	width: 95.3%; /*old width was 1285px*/
	background-color: #ffffff;
	padding-top: 0px;
	border: 2px solid #000000;
	margin-left: 25px;
	margin-top: 80px;
	position: fixed;
	overflow-y:auto;
}

.container-meat2{
	font-family: 'Droid Sans Mono';
}

.container-meat2 h2 {
	text-align: center;
	font-family: 'Droid Sans Mono';
}

.container-meat2 img {
	text-align: center;
}
	
.description {
	padding-left: 5%;
	padding-right: 5%;
	margin-left:5%;
	margin-right:5%;
}

#iframe-wrapper {
	text-align:center;
	position:relative;
}

#gridbox {
	border-radius: 15px 50px;
    background: #7A3E48;
    padding:2%;
    width: 60%;
    height: 60%;
	margin-right:auto;
	margin-left:auto;
	margin-bottom:100px;
}



/*mid page meat3*/

.meat3 {
	display: none;
	height: 85%;
	width: 95.3%;
	background-color: #ffffff;
	padding-top: 0px;
	border: 2px solid #000000;
	margin-left: 25px;
	margin-top: 80px;
	position: fixed;
	overflow-y: auto;
}

.container-meat3{
	font-family: 'Droid Sans Mono';
}

.container-meat3 h3 {
	text-align:center
}

/*mid page meat 4*/

.meat4 {
	display: none;
	height: 85%;
	width: 95.3%;
	background-color: #ffffff;
	padding-top: 0px;
	border: 2px solid #000000;
	margin-left: 25px;
	margin-top: 80px;
	position: fixed;
	overflow-y: auto;
}


#columns-wrapper1 {
	width:100%;
	height:33%;
	font-family: 'Droid Sans Mono';
	display: inline-block;
	
}

#column1 {
	float:left;
	width:33%;
	text-align:left;
}

#column2 {
	float:left;
	width:33%;
	text-align:center;
}

#column2 ul {
	text-align:left;
	list-style-type: circle;
}

#column3 {
	float:left;
	width:33%;
	text-align:center;
}

#column3 ul {
	text-align:left;
	list-style-type: circle;
}

#columns-wrapper2 {
	width:100%;
	font-family: 'Droid Sans Mono';
	display: inline-block;

}

#column2-1 {
	float:left;
	width:33%;
	text-align:left;
}

#column2-2 {
	float:left;
	width:66%;
	text-align:left;
}

#columns-wrapper3 {
	width:100%;
	font-family: 'Droid Sans Mono';
	display: inline-block;

}

#column3-1 {
	float:left;
	width:33%;
	text-align:left;
}

#column3-2 {
	float:left;
	width:66%;
	text-align:left;
}

.banner {
	border-bottom: 1px solid #000000;
    background: 
    linear-gradient(
      rgba(0, 0, 0, 0.6),
      rgba(0, 0, 0, 0.6)
    ),
    url(images/banner.png);
  background-size: cover;
  width: 100%;
  height: 184px;
  margin: 0 0 0 0;
  position: relative;
  float: left;
}

.banner h2 {
  font-family: 'Roboto', sans-serif;
  font-weight: 900;
  color: white;
  text-transform: uppercase;
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 2rem;
  transform: translate(-50%, -50%);
  text-align:center;
}

/* media queries */
@media all and (max-width: 1025px) {
    #gridbox {
        height: 70%;
		width: 70%;
    }
	
	.container-meat1 p {
	font-family: 'Droid Sans Mono';
	font-size: 1em;

	}
	
	.col1 {
	margin-left: 5em;
	margin-top: 2em;
	
	}

	.col2 {
	margin-left: 20em;
	}
	
}

/*practice*/
#work {
	width: 100%;
	font-family: 'Droid Sans Mono';
	margin-left: 6em;
	
}

.row {
	width:97%;
	height:40%;

	font-family: 'Droid Sans Mono';
	
}

.col1 {
	margin-left: 5em;
	margin-top: 2em;
	
}

.col2 {
	margin-left: 20em;
}

.no-wrap-text {
	overflow:hidden;
}