@font-face {
              font-family: ourFont;
              src: url(fonts/Barlow.ttf);
            }

@media screen and (min-width: 801px) {

            * {
                box-sizing: border-box;
            }
    
            body{
                margin: 0;
                font-size: 23px;
                font-family: ourFont;
            }
            #threeDots{
                display: none;
            }
  
            #threeDots>img{
                width: 25px;
                height: auto;
            }
            #dropDownMenu{
                display: none;
            }
            .topBar{
                display: inline-flex;
                align-items: center;
                justify-content: space-evenly;
                width: 100vw;
                padding: 15px 10vw 15px 10vw;
                position: fixed;
                background: white;
                z-index: 999;
                border-bottom: 1px solid #e31313;
            }
            a{
                text-decoration: none;
                color: black;
            }
            .CrtLogo{
                width: 50px;
                height: auto;
                margin-left: -75px
            }
            .topBar>div{
                margin-left: 50px;
            }
            .BigImageArea>img{
/*                width: 100vw;*/
                height: 80vh;
            }
            .subtitle{
                font-size: 35px;
                font-weight: bold;
            }
            .categories{
                padding-left: 12vw;
                padding-right: 12vw;
                padding-bottom: 6vh;
                width: 100vw;
                display: flex;
                flex-direction: row;
                justify-content: space-between;
                text-align: center;
            }
            .categoryItem>img{
                width: 16vw;
/*                border: 1px solid #0000001c;*/
                border-radius: 6px;
            }
            .categoryItem> a> img{
                width: 16vw;
/*                border: 1px solid #0000001c;*/
                border-radius: 6px;
            }
            .categoryCaption{
                margin-top: 5px;
            }
            .bottomBar{
                text-align: center;
                padding-top: 50px;
                margin-bottom: 50px;
                border-top: 1px solid rgba(0, 0, 0, 0.17);
            }
            .links{
                display: inline-flex;
                font-size: 20px;
                margin-bottom: 25px;
                width: 150px;
                justify-content: space-around;
            }
            .links>a>img {
                width: 30px;
                height: 30px;
            }
            .bottomCredits{
                font-size: 20px;
                text-align: center;
            }
            .grid-container {
              display: grid;
              grid-template-columns: auto auto auto;
              padding: 5% 20vw;
            
            }
            .grid-item {
              background-color: rgba(255, 255, 255, 0.8);
              margin-bottom: 60px;
              font-size: 20px;
              text-align: center;
            }
            .BranchDescription {
                font-size: 20px;
                padding: 5% 20vw 0 20vw;
                margin-bottom: 50px;
            }

            .RedHighlight {
                color: red;
/*                font-weight: bold;*/
            }
            .BottomLogos{
                width: 50px;
            }

            .BranchItem {
            /*    border: 1px solid rgba(117, 120, 157, 0.33);*/
            /*    border-radius: 10px;*/
            }

            .AwardCatogories {
                text-align: center
            }

            .AwardLeft {
                width: 200px;
                border-radius: 10px;
            }

            .Sponsor {
                font-weight: bold;
            }

            .filmName {
                font-weight: bold;
            }

            .awardDesc {
                font-size: 15px
            }

            .awardInfo {
                padding: 20px;
            }

            .applyNowArea {
                position: relative;
                top: 600px;
                text-align: center;
            }

            



            .BigImageArea {
/*                position: fixed;*/
/*                top: 85px;*/
                padding-top: 86px;
                z-index: -10;
                text-align: center;
            }

            .BottomFullSection {
                position: absolute;
/*                top: 880px;*/
                background: white;
            }
            .VideoCategories{
                text-align: center;
            }
            .VideoCategories> video {
                width: 50%;
                margin-top: 50px;
            }
            .BottomSubSection {
                padding-top: 100px;
            }


            .BranchDescription>img{
                text-align: center;
                width: 400px;
            }




}   

@media screen and (max-width: 800px) {
                .BottomFullSection {
/*                position: absolute;*/
                background: white;
/*                    top: 200px;*/
                margin-top: 10%;
            }
                .BigImageArea {
/*                    position: fixed;*/
                    z-index: -10;
/*                    top: 56px;*/
                    padding-top: 65px;
            }

            * {
                box-sizing: border-box;
            }
            .parallax {
            background-attachment: scroll;
       
          }
            #homePageDoors{
                display: none
            }
            body{
                margin: 0;
                font-size: 12px;
                font-family: ourFont;
            }
             .applyNowArea {
                    text-align: center;
                 display: none;
                    }

            #threeDots{
                display: block;
                padding: 12px;
                position: fixed;
                background: white;
                width: 100%;
                text-align: center;
                border-bottom: 1px solid #e31313;
            }
            #threeDots>img{
                width: 25px;
                height: auto;
            }
            #dropDownMenu{
                display: flex;
                text-align: center;
                padding: 15px;
                z-index: 5;
                top: 10px;
                left: 45px;
                background: white;
                flex-direction: column;
                font-size: 20px;
                font-weight: 200;
            }
            #dropDownMenu>a{
                margin-bottom: 5px;
            }
            .topBar{
                display: none;
                align-items: center;
                justify-content: space-evenly;
                width: 100vw;
                padding: 15px 10vw 15px 10vw;
            }
            a{
                text-decoration: none;
                color: black;
            }
            .CrtLogo{
                width: 40px;
                height: auto;
            }
            .topBar>div{
                margin-left: 50px;
            }
            .BigImageArea>img{
                width: 100vw;
                height: 50vw;
            }
            .subtitle{
                font-size: 20px;
                font-weight: bold;
                margin-bottom: 15px;
            }
            .categories{
                padding-left: 12vw;
                padding-right: 12vw;
                padding-bottom: 6vh;
                width: 100vw;
                display: flex;
                flex-direction: row;
                justify-content: space-between;
                text-align: center;
            }
            .categoryItem>img{
                width: 60vw;
/*                border: 1px solid #0000001c;*/
                border-radius: 6px;
            }
            .categoryItem> a> img{
                width: 60vw;
/*                border: 1px solid #0000001c;*/
                border-radius: 6px;
            }
           
            .categoryCaption{
                margin-top: 5px;
            }
            .bottomBar{
                text-align: center;
                margin-top: 50px;
                margin-bottom: 50px;
            }
            .links{
                display: inline-flex;
                font-size: 20px;
                margin-bottom: 25px;
                width: 150px;
                justify-content: space-around;
            }
            .links>img {
                width: 20px;
                height: 20px;
            }
            .bottomCredits{
                font-size: 15px;
                text-align: center;
            }
            .grid-container {
              display: grid;
              grid-template-columns: auto ;
              padding: 5% 20vw;
            
            }
            .grid-item {
              background-color: rgba(255, 255, 255, 0.8);
              margin-bottom: 20px;
              font-size: 13px;
              text-align: center;
            }
            .BranchDescription {
                font-size: 14px;
                padding: 0 10vw;
            }

            .RedHighlight {
                color: red;
/*                font-weight: bold;*/
            }
            .BottomLogos{
                width: 30px;
            }
            .AwardLeft {
                width: 60vw;
                border-radius: 10px;
            }
            .awardInfo {
                padding: 20px;
            }
            .VideoCategories{
                text-align: center;
            }
            .VideoCategories> video {
                width: 80%;
                margin-top: 50px;
            }
            .BottomSubSection {
                padding-top: 76px;
            }


            .BranchDescription>img{
                text-align: center;
                width: 80vw;
                margin-bottom: 25px;
                border: 1px solid #a4a4a4;
            }

}   



/* Sweep To Bottom */
.hvr-sweep-to-bottom {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-bottom:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: red;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-bottom:hover, .hvr-sweep-to-bottom:focus, .hvr-sweep-to-bottom:active {
  color: white;
}
.hvr-sweep-to-bottom:hover:before, .hvr-sweep-to-bottom:focus:before, .hvr-sweep-to-bottom:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}


/* Float Shadow */
.hvr-float-shadow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-float-shadow:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 0;
  background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  /* W3C */
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform, opacity;
  transition-property: transform, opacity;
}
.hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
  /* move the element up by 5px */
}
.hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before {
  opacity: 1;
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
  /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
}

/*-------------------------------*/
.applyButton {
                 font-size: 40px;
            /*    font-weight: bold;*/
                padding: 15px;
                color: #ffffff;
                background: #ff9d00;
                border: 1px solid #ffffff;
                border-radius: 5px;
                cursor: pointer
            }