/* ######################## */
/* # Body                 # */
/* ######################## */
.body                                                       {padding:0px; display:flex; flex-direction: column; align-items: center; justify-content: flex-start;}
.heading                                                    {border:0px blue solid; text-align: left; width:1000px;}
.tabs                                                       {border:0; width:1000px;display:flex; align-items: flex-start;}
.tabcontainer                                               {width:100%; display:flex; justify-content: space-between;}
.tabcontentcontainer                                        {min-height:500px; border:0px red solid; width:1000px; padding:0px 0 20px 0}
.tab                                                        {border-bottom:1px silver solid; flex-grow: 1; text-align: center; padding:5px; cursor:pointer;}
.tab.selected                                               {border-bottom:3px grey solid; }
.tabbody                                                    {display:none;}
.tabbody.selected                                           {display:block;}
.tabbody .section                                           {display:flex; gap:10px; margin-bottom:10px; padding-bottom:10px; border-bottom: 0px solid silver}
.tabbody .section.even                                      {flex-direction: row;}
.tabbody .section.odd                                       {flex-direction: row-reverse;}
.tabbody .section .image                                    {border:0px red solid; width:25%; margin:30px 0 30px 0;}
.tabbody .section .text h2                                  {margin:0; }
.tabbody .section .text                                     {border:0px blue solid; width:100%; margin:0px 0 30px 0;}

.tabcontentcontainer ul                                     {margin:0; padding:0}



.tabbody ul li {
	margin: 0;
	padding: 10px 0 10px 40px;
	list-style: none;
	background-image: url("/Images/Icons/Skate.png");
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 25px;
}

/* ######################## */
/* # Mobile               # */
/* ######################## */
@media only screen and (max-width: 1000px){ 

    /* ######################## */
    /* # Body                 # */
    /* ######################## */  
	.body                                                   {padding:0 20px 0 20px}
	.heading                                                {width:100%}
	.tabcontentcontainer                                    {width:100%; padding:20px 0 20px 0}
	.tabs                                                   {width:100%;} 

}