/*------------------TABLET------------------*/

@media only screen and (min-width:700px) and (max-width:1000px) {

/* UNLEASHED */

body {
    width: 480px;
}


#home-body {
    top: 80px;
}

.home-block {
		float: none;
        width:460px;
		margin:0px auto 20px auto;
		padding:0px;
    }
	
	#topbar {
	width:100vw;
	}
	
	.topbar-inner {
	width: 480px;
    padding: 25px 0px 0px 0px;
}

.staff-wrapper {
    padding: 0px 2px 2px 2px;
}

.staff-name {
    font-size: 100%;
	padding: 5px 0px 0px 0px;
}

.staff-name img {
	height: 12px;
    margin-left: 9px;
    margin-bottom: 5px;
}

.staff-position, .staff-background {
    font-size: 70%;
}

h1 {
font-size:250%;
}

h2 {
font-size:200%;
margin-top: 25px;
}

h3 {
    font-size: 180%;
}

h4 {
    font-size: 130%;
}


.mytextwrapper {
    padding: 0px 5px 20px 5px;
}

.mytextwrapper p {
    font-size:90%;
}

.basic-list {
    font-size: 75%;
    padding: 0px 5px 0px 20px;
}


/* ROSTER */

.talent {
    width: 100%;
}

.talent_headshot {
    width: 220px;
    float: left;
    margin: 6px;
}

.nick {
    font-size: 67%;
    letter-spacing: 1.25px;
}

.talent_headshot .name_wrapper .name {
    font-size: 112%;
    letter-spacing: 1.25px;
}

.team {
    font-size: 67%;
    letter-spacing: 1.25px;
}

.roster_record_table_cell.category {
    font-size: 70%;
}


}




/*------------------MOBILE------------------*/

@media screen and (max-width: 700px) {

/* UNLEASHED */

body {
    width: 100%;
	max-width:100%;
}

    .top-nav {
        flex-direction: column;
        padding: 20px 0;
    }

    .top-nav a {
        margin: 15px 0;
    }

    .nav-logo {
        margin-bottom: 25px;
    }

div#content {
padding:0px 5px 0px 5px;
top:0px;
}
	
	
    #topbar {
        width: 100vw;
		height:100px;
    }
	
.topbar-inner {
        width: 100vw;
        margin: 0 auto;
    }

.logo {
    height: 100px;
    margin: 0 auto;
}

.logo img {
    height: 100px;
    max-width: 95%;
    margin: 0 auto;
    display: block;
}

.social-wrapper {
    position: relative;
    right: 5px;
}



#home-body {
	top:85px;
	padding: 0px 5px 0px 5px;
}

.my-page-block {
	margin:0px auto;
}
	
.home-block {
	width:100%;
	float:none;
	margin:0px 0px 20px 0px;
	padding:0px;
 }
	
	.my-page-block {
	}

.mytextwrapper {
padding: 0px;
}

.mytextwrapper p {
font-size: 80%;
padding: 0px 0px 10px 0px;
}

.basic-list {
    font-size: 75%;
    padding: 0px 5px 0px 20px;
}

h1 {
font-size:200%;
}

h2 {
font-size:175%;
margin-top: 25px;
}

h3 {
    font-size: 150%;
}

h4 {
    font-size: 110%;
}

.photo-description {
    font-size: 60%;
}

.staff-wrapper {
    padding: 0px 2px 2px 2px;
}

.staff-name {
    font-size: 100%;
	padding: 5px 0px 0px 0px;
}

.staff-name img {
	height: 12px;
    margin-left: 9px;
    margin-bottom: 5px;
}

.staff-position, .staff-background {
    font-size: 60%;
}

/* ROSTER */

.talent {
    width: 100%;
}

.talent_headshot {
    width: 238px;
	float:none;
	margin: 0 auto 20px auto;
}


}