.container1 {
    margin: 0px;
    padding: 30px 0px;
    color:white;
    font-size:2.125rem;
}

p, h1, h2, h3, h4, h5, h6 {

}

.mySlides {
    display:none;
    }

#one {
    width: 100%;
    background-image: url('/current-students/careers/Assets/Images/Branding/Red-banner-Slide.png'); 
    background-repeat: no-repeat;
    background-size: 100% 100%;
    }

@media only screen and (max-width: 768px) {
  .smallplayer-L {
    width: 100%; 
    margin: 5px 0px 5px 0px;
  }
}

@media only screen and (max-width: 768px) {
  .smallplayer-R {
    width: 100%; 
    margin: 5px 0px 5px 0px;
  }
}

@media only screen and (min-width: 769px) {
  .smallplayer-L {
    float: left; 
    width: 49%; 
    padding-right:1%;
  }
}

@media only screen and (min-width: 769px) {
  .smallplayer-R {
    float: left; 
    width: 49%; 
    padding-left:1%;
  }
}

.smallplayer-L{
float: left; 
}

.smallplayer-R{
float: left; 
}


@media only screen and (max-width: 768px) {
  .smallplayer-1 {
    width: 100%; 
    margin: 5px 0px 5px 0px;
  }
}

@media only screen and (max-width: 768px) {
  .smallplayer-2 {
    width: 100%; 
    margin: 5px 0px 5px 0px;
  }
}

@media only screen and (max-width: 768px) {
  .smallplayer-3 {
    width: 100%; 
    margin: 5px 0px 5px 0px;
  }
}

@media only screen and (min-width: 769px) {
  .smallplayer-1 {
    float: left; 
    width: 32%; 
    padding-right:1%;
  }
}

@media only screen and (min-width: 769px) {
  .smallplayer-2 {
    float: left; 
    width: 31%; 
    padding-left:1%;
    padding-right:1%;
  }
}

@media only screen and (min-width: 769px) {
  .smallplayer-3 {
    float: left; 
    width: 33%; 
    padding-left:1%;
  }
}

.smallplayer-1{
float: left; 
}

.smallplayer-2{
float: left; 
}

.smallplayer-3{
float: left; 
}


@media only screen and (max-width: 768px) {
  .oneSmall {
    width: 100%; 
    margin: 5px 0px 5px 0px;
  }
}

@media only screen and (max-width: 768px) {
  .twoSmall {
    width: 100%; 
    margin: 5px 0px 5px 0px;
  }
}

@media only screen and (max-width: 768px) {
  .threeSmall {
    width: 100%; 
    margin: 5px 0px 5px 0px;
  }
}

@media only screen and (max-width: 768px) {
  .fourSmall {
    width: 100%; 
    margin: 5px 0px 5px 0px;
  }
}

@media only screen and (min-width: 769px) {
  .oneSmall {
    float: left; 
    width: 49%; 
    padding-right:1%;
    padding-bottom:2%;
  }
}

@media only screen and (min-width: 769px) {
  .twoSmall {
    float: left; 
    width: 49%; 
    padding-left:1%;
    padding-bottom:2%;
  }
}

@media only screen and (min-width: 769px) {
  .threeSmall {
    float: left; 
    width: 49%; 
    padding-right:1%;
    padding-bottom:2%;
  }
}

@media only screen and (min-width: 769px) {
  .fourSmall {
    float: left; 
    width: 49%; 
    padding-left:1%;
    padding-bottom:2%;
  }
}

.oneSmall{
float: left; 
}

.twoSmall{
float: left; 
}

.threeSmall{
float: left; 
}

.fourSmall{
float: left; 
}


.inner-left {
min-height: 80px;
}

.inner-right{
 background-color: #cccccc; 
height: 100px; 
background-position: center; 
background-repeat: no-repeat; 
background-size: cover; 
position: relative; 
border-radius: inherit;
}

@media only screen and (min-width: 769px) {
  .inner-left {


  }
}

@media only screen and (min-width: 769px) {
  .inner-right {


  }
}

@media only screen and (max-width: 768px) {
  .inner-left {
    float: left;
    width: 42%;
  }
}

@media only screen and (max-width: 768px) {
  .inner-right {
    width: 58%;
    float: left;
  }
}


.mini-container {
    border-radius: 3px; 
    background: white; 
    padding: 5px;
}

@media only screen and (max-width: 768px) {
  .mini-container {
    height: 100px;
  }
}

@media only screen and (max-width: 768px) {
  .mini-container {
    height: 100px;
  }
}


.one {

    background: white;

}

.two {

    background: white;


}

.three {

    background: white;

}

.four {

    background: white;

}


@media only screen and (max-width: 768px) {
  .one {
    margin: 3% 2% 3% 2%;
    padding:10px;
    border-radius: 2px;
  }
}

@media only screen and (max-width: 768px) {
  .two {
    margin: 3% 2% 3% 2%;
    padding:10px;
    border-radius: 2px;
  }
}

@media only screen and (max-width: 768px) {
  .three {
    margin: 3% 2% 3% 2%;
    padding:10px;
    border-radius: 2px;
  }
}

@media only screen and (max-width: 768px) {
  .four {
    margin: 3% 2% 3% 2%;
    padding:10px;
    border-radius: 2px;
  }
}

@media only screen and (min-width: 769px) {
  .one {
    width: 24%;
    float: left;
    margin: 1% 0% 1% 1%;
    height: 250px;
    border-radius: 4px;
  }
}

@media only screen and (min-width: 769px) {
  .two {
    width: 24%;
    float: left;
    margin: 1% 0% 1% 1%;
    height: 250px;
    border-radius: 4px;
  }
}

@media only screen and (min-width: 769px) {
  .three {
    width: 24%;
    float: left;
    margin: 1% 0% 1% 1%;
    height: 250px;
    border-radius: 4px;
  }
}

@media only screen and (min-width: 769px) {
  .four {
    width: 23%;
    float: left;
    margin: 1% 1% 1% 1%;  
    height: 250px;
    border-radius: 4px;
  }
}


@media only screen and (max-width: 768px) {
  .smallplayer-L-50 {
    width: 100%; 
    margin: 5px 0px 5px 0px;
  }
}

@media only screen and (max-width: 768px) {
  .smallplayer-R-50 {
    width: 100%; 
    margin: 5px 0px 20px 0px;
    
  }
}


@media only screen and (min-width: 769px) {
  .smallplayer-L-50 {
    float: left; 
    width: 49%; 
    padding-right:1%;
  }
}

@media only screen and (min-width: 769px) {
  .smallplayer-R-50 {
    float: left; 
    width: 49%;
    padding-left: 1%;
    margin-bottom: 20px;
  }
}


.smallplayer-L-50 {
float: left; 
}

.smallplayer-R-50 {
float: left; 
}