:root{
    margin: auto;
    width: 75%;
    font-family: Oswald;
}

/* .tab:nth-child(1) { margin-left: 33%; } */
.tabs {
  position: relative;   
  min-height: 750px;
  clear: both;
  margin: 25px 0;

  display: flex;
  justify-content: center;

  background: none;
  box-shadow: none;

  height: 750px;
}
.tab {
  float: left;
  background: none;
  box-shadow: none;
  padding: 0px;

  -webkit-user-select: none;
  user-select: none;
}
.tab [type=radio] {
  display: none;   
}
.tab label {
  background: #eee; 
  padding: 10px; 
  border: 1px solid #ccc; 
  margin-left: -1px; 
  position: relative;
  left: 1px; 
}
.content {
  display: none;
  position: absolute;
  top: 28px;
  left: 0;
  background: white;
  right: 0;
  padding: 20px;
  border: 1px solid #ccc;

  width: 75%;
  margin: auto;
  min-height: fit-content;
  z-index: 1;

  -webkit-user-select: text;
  user-select: text;
}

.tab input[type="radio"]:checked ~ label + .content {
  display: block;
}

[type=radio]:checked ~ label {
  background: white;
  border-bottom: 1px solid white;
  z-index: 2;
}


/*Make Office-Like Tabspaces by making Pseudo Tables*/
.item {
  width: 100%
}

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

.container > span {
  flex: 50%;
  margin-bottom: 10px;
}

.placeholder{
    display:block;width:250px;height:250px;box-shadow:1px 1px 1px 1px black;
}

/*Table CSS*/
table{
    place-self: center;
    border:4px solid black;
}
tr{
    border:2px solid black;
}
tr:nth-child(odd){
    background:rgb(177, 177, 177);
}
th{
    border:2px solid black;
    background:limegreen;
}
td{
    border:0px;
}
td:nth-child(even){
    padding-left: 2%;
}


/*Regular Elements*/
div{
    background: rgba(75, 75, 75, 0.151);
    border-radius: 20px;
    padding-left: 1%;
    padding-right: 1%;
    box-shadow: 9px 11px 20px 0px rgba(0, 0, 0, 0.411);
}
body{
    background: rgb(187, 214, 210);
}


.center{
    text-align: center;
}

.you-get{
    font-weight: bold;
    font-size: smaller;
}


.container span{
    border-bottom: 2.5px dotted;
}

.images{
    max-width: 100%;
}

.Ppicture{
    place-self: center;
}

ul.no-bullets {
  list-style-type: none;
  margin-left: 1rem;
  padding: 0;
}

ul.no-bullets .major{
  font-size: x-large;
}

ul.no-bullets .major span{
  font-weight: bold;
}

.separator{
    display:flex;
    background: none;
    box-shadow: none;
}

.separator1{
    background: none;
    box-shadow: none;
}
.separator2{
    width: 35%;
    font-size: medium;
    font-weight: 300;

    background: none;
    box-shadow: none;
}



/* Change background color for screens smaller than 600px */
@media only screen and (max-width: 1000px) {
    :root{
        width: 95%;
    }

    .content{
        width: 95%;
        left: -10px;
    }

    .separator{
        display:flex;
        flex-direction: column;
        background: none;
        box-shadow: none;
    }

    .separator1{
        background: none;
        box-shadow: none;
    }
    .separator2{
        width: 100%;
        font-size: medium;
        font-weight: 300;

        background: none;
        box-shadow: none;
    }
}

.Contact{
    margin-left: 2%;
    margin-bottom: 0;

    font-size: x-large;
    font-weight: bold;
    text-align: center;
}

ul.no-bullets-contact {
  list-style-type: none;
  padding: 0;

  border-style: inset;
  width: fit-content;
  margin-top: 0;
  padding: 0.5%;

  place-self: center;
}