.customBold{
    font-size: 120%;
    color: #97BC04;  
    font-weight: bold;
}

html {
    scroll-behavior: smooth;
}

@view-transition{
    navigation: auto;
}

header{
    display: flex;
    justify-content: space-between;
    align-items: end;
    padding-bottom: 10px;
    z-index: +1;
    position: fixed;
    width: 100%;
    background-color: rgba(255,255,255,0.95);
}

section{
    scroll-margin-top: 75px;
}

header div
{
    display: flex;
    align-items: end;
    padding-left: 10px;
    padding-top: 4px;
    width: 100%;
}

.mobileNav{
    display: none;
}

header div p{
    font-family: Verdana;
    font-style: italic;
    padding-left: 10px;
    margin: 0px;
    padding-bottom: 5px;
}

header img{
    cursor: pointer;
}

header ul{
    /* background-color: aqua; */
    list-style: none;
    display: flex;
    gap: 5px;
    font-family: Verdana;
    padding-right: 20px;
    margin: 0px;
}

header a{
    text-decoration: none;
    color: black;
}


.defaultNav a{
    cursor: pointer;
}

.defaultNav a:hover{
    color: #97BC04;
}

.defaultNav li{
    min-width: 150px;
}

.gameDropDown{
    display: none;
    position: absolute;
    background-color: rgba(255,255,255,0.9);
    margin: 0;
    padding: 10px;
}

.gameDropDown li{
    padding-top: 10px;
    color: black;
    cursor: pointer;
}

.gameDropDown li:hover{
    color: #97BC04;
}

.gameNavItem:hover .gameDropDown{
    display: block;
}


main {
    margin: 0px;
    padding: 0px;
}

body{
    margin: 0px;
    padding: 0px;
    overflow-x: hidden;
}

.gameImage{
    display: block;
    width: 100%;
    height: auto;
}

.gameSection{
    position:	relative;
    margin:		0;
    padding:	0;
}

.buttonMenu{
    display: none;
}

.gameInfo{
    position:					absolute;
    display:					flex;
    align-items:				center;
    justify-items:				start;
    width:						65%;
    height:						100px;
    font-size:					25px;
    background-color:			rgba(0,0,0,0.75);
    bottom:						20%;
    padding-left:				25px;
    border-top-right-radius:	10px;
    border-bottom-right-radius: 10px;
}

.gameLogo{
    /* background-color: red; */
    max-width: 25%;
    max-height: auto;
    padding: 0px;
}

.bannerText 
{
    font-family: Helvetica;
    color: #cccccc;
    padding-left: 2%;
    font-size:auto ;
    font-style: italic;
    font-weight: bold;
}

.clientSection{
    margin: 0px;
    border: 0px;
}

.clientSectionImageHeader{
    display:				grid;
    justify-items:			center;
    grid-template-columns:	repeat(4,1fr);
    padding-top:			25px;
    padding-bottom:			25px;
    gap:					5%;
}

.clientSectionImageHeader02{
    display:				grid;
    grid-template-columns:	repeat(4,1fr);
    padding-top:			25px;
    padding-bottom:			25px;
    justify-items:			center;
    gap:					5%;
}

.clientSection img{
   width: 80%;
}

.clientSectionHeader{
    position:				relative;
    display:				grid;
    grid-template-columns:	auto 30%;
    align-items:			start;
    padding:				0px;
} 

.RedBorder{
    width:				100%;
    height:				25%;
    background-color:	rgba(255,0,0,1);
	color:				red;
}

.clientSection h2{
    position:					relative;
    font-family:				Verdana;
    font-style:					italic;
    color:						white;
    background-color:			rgba(255,0,0,1);
    text-align:					right;
    margin:						0px;
    font-size:					400%;
    padding-right:				10%;
    border-bottom-left-radius:	10px;
}

.ServicesSection{
	background-color:	#97BC04;
}

.ServicesHeader{
	display:			grid;
    grid-template-columns: 30% auto;
	height:				auto;
	background-color:	#97BC04;
}
	
.ServicesHeaderText{
	display:					inline-block;
	border-bottom-right-radius: 10px;
	background-color:			red;
	font-family:				Verdana;
	font-size:					400%;
	font-style:					italic;
	color:						white;
	padding-right:				20%;
	margin:						0px;
	padding-left:				2%;
}

.ContactUsButtonPanel{
	position:			relative;
	font-family:		Verdana;
	font-style:			italic;
	height:				auto;
	background-color:	#97BC04;
	padding-left:		73%;
}

.ContactUsButton{
	height:				25%;
	cursor:				pointer;
	text-decoration:	none;

	font:				Verdana;
	font-style:			italic;
	font-weight:		bold;
	font-size:			1.2rem;

	background-color:	#FF4D00 ;
	color:				white;

	border:				2px solid white;
	border-radius:		10px;

	margin-left:		60%;
	margin-top:			5%;
	margin-bottom:		5%;
}

.ContactUsHeader{
	color:			white;
	font-size:		2rem;
	text-shadow:	-5px 5px rgba(0,0,0,0.5);
	margin:			0px;
}

.ServicesGrid{
	display:			grid;
	background-color:	#97BC04;
	justify-items:		center;
	text-align:			center;
	grid-template-areas:
						"a b c"
						"d e f"
						"g h i";
}

.ServicePointHeader{
	font-family: Verdana;
	font-style: italic;
	font-size: 2rem;
    padding: 2%;
	color: white;
    margin: 0;
}

.ServicesDescription{
	color: rgba(220,220,220,1);
	font-size: 1.2rem;
	font-family: Verdana;
    margin: 0;
    padding: 2%;
}

.ServicesPoints{
	background-color: #6D7C32;
	margin: 2%;
	border-radius: 6px;
}

.border{
	position: relative;
	left: 40%;
	display: block;
	background-color: white;
	width: 20%;
	margin-top: 3px;
	margin-bottom: 3px;
	height: 2px;
}

.AboutSection{
    background-color: #222321;
}

.AboutSectionHeader{
    display: grid;
    grid-template-columns: auto 25%;
    background-color: #222321;
}

.AboutSectionHeader h2{
    color: white;
    background-color: red;
    margin: 0px;
    border-bottom-left-radius: 10px;
    text-align: right;
    font-family: Verdana;
    font-size: 400%;
    font-style: italic;
    padding-right: 10%;
}

.AboutSectionBody{
    background-color: #222321;
    display: grid;
    grid-template-columns: auto 60%;
    padding-top: 5%;
    padding-bottom: 5%;
}

.AboutSectionBody img{
    padding-left: 5%;
}

.AboutSectionDescription{
    color: grey;
    font-size: 250%;
    font-family: Verdana;
    text-align: right;
    padding-right: 10%;
    align-content: center;
    font-style: italic;
}
.AboutSectionDescriptionLeft{
    color: grey;
    font-size: 250%;
    font-family: Verdana;
    text-align: left;
    padding-left: 10%;
    padding-right: 10%;
    align-content: center;
    font-style: italic;
}

.AboutSectionDescription b{
    color: rgba(210,210,210,1);
}

.AboutSectionDescriptionLeft b{
    color: rgba(210,210,210,1);
}

.AwardsBody{
    background-color: #222321;
    display: grid;
    grid-template-columns: auto auto auto;
    align-content: center;
    padding: 1%;
}


.AwardsBody img{
    display: block;
    margin-left: auto;
    margin-right:auto;
    width: 75%;
    padding: 2%;
}

.PhotoGalleryContainer{
    background-color: #222321;
    display: grid;
    grid-template-columns: auto auto auto;
    align-content: center;
    padding: 1%;
}


.PhotoGalleryContainer img{
    display: block;
    margin-left: auto;
    margin-right:auto;
    width: 75%;
    padding: 2%;
}

.PressSection{
    margin: 0px;
    padding: 2% 0%;
}

.PressLink{
    text-decoration: none;
}

.PressContainer{
    display: grid;
    grid-template-columns: auto 75%;
    gap:0% 2%;
    padding: 2% 10%;
    margin-left: 10%;
    margin-right: 10%;
    margin-bottom: 2%;
    background-color: rgba(20,20,20,1);
    box-shadow: 5px 5px 10px rgba(0,0,0,0.2);
    align-items: top;
    cursor: pointer; 
}

.PressImage{
    align-content: top;
}

.PressContainer img{
    width:100%;
    border-radius: 1px;
    border-color: rgba(50, 50,50,1);
    border-style: solid;
}

.PressTextContainer{
    display: grid;
    grid-template-columns: auto auto;
    grid-template-rows: auto auto 50%;
    grid-template-areas:
    "title title"
    "date site"
    "subtitle subtitle"
    "subtitles subtitles";
    width: 100%;
}

.PressContainer p{
    margin: 2px;
    font-family: Verdana;
}

.PressTitle p{
    margin:         2px;
    font-family:    Verdana;
    font-style:     italic;
    color:          #8B8B8B;  
    font-size:      200%;
}

.PressTitle{
    grid-area: title;
}

.PressSubtitle{
    grid-area: subtitle;
}

.PressSubtitle p{
    font-size:  150%;
    font-style: italic;
    color:      #50504f; 
    padding:    2% 0%;
}

.PressDate{
    grid-area: date;
}

.PressDate p{
    font-size: 100%;
    color: rgba(120,120,120,1);
}

.PressSite{
    grid-area: site;
}

.PressSite p{
    color:      rgba(120,120,120,1);
    text-align: right;
    font-size:  100%;
}

.Subtitle02Mouse{
    grid-area: subtitles;
}

.Subtitle02Mouse p{
    color:                  rgba(80,80,80,1);
    text-align:             center;
    font-size:              90%;
    font-style:             italic;
    font-family:            Verdana;
    text-decoration-line:   underline;
}

.Subtitle02Touch{
    display: none;
}

footer{
    display:            block;
    margin:             0px;
    padding:            0px;
    background-color:   white;
}

footer p{
    font-family:    Verdana;
    font-size:      80%;
    color:          black;
    text-align:     center;
    margin:         0px;
    padding:        0.5% 0%;
}

.CareerSection div{
    font-family:        Verdana; 
    font-size:          250%;
    font-style:         italic;
    background-color:   #97BC04;
    color:              #FFFFFF;
    font-weight:         bold;
}

.CareerText01{
    padding-left: 10%;
    padding-top: 3%;
}

.CareerText01Mobile{
    display: none;
}

.CareerText02Mobile{
    display: none;
}

.CareerText02{
    text-align: right;
    padding-right: 10%;
    padding-top: 1%;
    padding-bottom: 3%;
}

.CareerText02  a{
    text-decoration: none;
}

.CustomBold02{
    color: #EAFF7E;
    text-decoration: underline;
}

.careerMain{
    padding-top: 75px;
}

.careerBody{
    background-color: #222321;
}

.careerSection{
    display: grid;
    padding: 3% 25%;
}

.careerTitle{
    font-size: 200%;
    text-align: center;
    font-family: Verdana;
    font-style: italic;
    font-weight: bold;
    color: #DCFF00;
    padding: 0;
    margin: 0;
}

.careerSubtitle{
    font-size: 115%;
    text-align: center;
    font-family: Verdana;
    color: #DDDDDD;
    font-style: italic;
    font-weight: bold;
    padding-top:    1%;
    margin:     0;
}

.careerPositionContainer{
    margin-top: 5%;
    display: grid;
}

.careerPosition{
    font-family: Verdana;
    font-size: 145%;
    color: #C9D86E;
    font-style: italic;
    font-weight: bold;
    padding:    0;
    margin:     0;
    margin-top: 1%;
    margin-bottom: 1%;
}

.careerSubHeader{
    font-family: Verdana;
    font-size: 110%;
    color: #DDDDDD;
    font-weight: bold;
    font-style: italic;
    padding:    0;
    margin:     1% 2%;
}

.careerSubHeaderContainer  li{
    font-family: Verdana;
    font-size: 100%;
    color: #B4B4BB;
    margin: 0;
    padding: 0;
}

.careerSubHeaderContainer ol{
    margin: 1% 8%;
    padding: 0;
}

.careerText{
    font-family: Verdana;
    color: #B4B4BB;
    font-size: 100%;
    margin: 0;
    padding: 0;
    align-content: center;
}

.careerSubHeaderContainer{
    margin: 1% 2%;
    padding: 0;
}

.ContactUsSection{
    background-color: #FF3C00; 
}

.ContactUsText{
    padding: 2% 0%;
    font-family: Verdana;
    font-size: 250%;
    font-weight: bold;
    font-style: italic;
    text-align: center;
    color: white;
}

.ContactUsForm{
    margin: 1% 30%;
    display: grid;
}

.ContactUsForm input[type=text]{
    margin-top: 1%;
    font-size: 150%;
    font-family: Verdana;
    border-color: white;
    background-color: #D9D9D9;
    border: 3px solid white;
}

.ContactUsForm  textarea::placeholder ,input::placeholder{
    color: #999999;
    font-style: italic;
}

.ContactUsForm textarea{
    margin-top: 1%;
    font-size: 150%;
    font-family: Verdana;
    border-color: white;
    background-color: #D9D9D9;
    border: 3px solid white;
}

.submitButton{
    width: 15%;
    height: 110%;
    margin-left: 43%;
    margin-right: auto;
    margin-top: 0%;
    margin-bottom: 1%;
    border-color: white;
    border-radius: 20px;
    background-color: #ff4d00;
    text-decoration: none;
    font-family: Verdana;
    border-style: solid;
    border-width: 4px;
    font-size: 125%;
    font-style: italic;
    color: white;
    cursor: pointer;
}

/*-----------------------------------------------------------------------------------------------*/

@media (min-width: 1025px) and (max-width: 1500px){

    .clientSectionHeader h2{
        font-size: 250%;
    }

    .AboutSectionHeader h2{
        font-size: 250%;
    }

    .careerTitle{
        font-size: 400%;
    }

    .careerPosition{
        font-size: 170%;
    }

    .careerSection{
        padding-left: 10%;
        padding-right: 10%;
    }

    .careerSubHeader{
        font-size: 150%;
    }
    .careerText{
        font-size: 130%;
    }
    .careerSubHeaderContainer li{
        font-size: 150%;
    }

}

/* IPAD */
@media (min-width: 480px) and (max-width: 1024px){

    .clientSectionHeader{
        grid-template-columns: auto 50%;
    }

    .clientSectionHeader h2{
        font-size: 300%;
    }

    .defaultNav{
        display: none;
    }

    header div{
        display: grid;
        grid-template-columns: 30% 50% 20%;
        padding-right: 10px;
    }

    a{
        text-decoration: none;
        color: black;
    }


    .mobileNav{
        display: none;
        position: fixed;
        z-index: +1000;
        right: 0%;
        top: 9.6%;
        padding-right: 20%;
        padding-bottom: 10%;
        background-color: rgba(255,255,255,0.9);
        color: black;
    }

    .mobileNav ul{
        list-style: none;
        display: block;
        font-family: Verdana;
        gap: 10%;
    }

    .mobileNav li{
        margin-top: 50%;
    }

    .mobileNav a{
        font-size: 125%;
    }

    .buttonMenu {
        display:    inline;
        width:      40%;
        height:      auto;
        margin-left: 60%;
        align-items: end;
    }

    .headerImage{
        height: auto;
        width:  90%;
    }

    header div p{
        width:      auto;
        font-size:  100%;
        height:     auto;
    }

    #YodhaImage{
        position: relative;
        width: 150%;
        right: 50%
    }

    #AsuraImage{
        position: relative;
        width: 150%;
        right: 20%
    }

    .gameInfo{
        bottom: 10%;
    }

    .ServicesGrid{
        grid-template-areas:
        "a" 
        "b"
        "c"
        "d"
        "e"
        "f"
        "g"
        "h"
        "i";
    }
    .ServicesHeader{
        display:			grid;
        grid-template-columns: 35% auto;
        height:				auto;
        background-color:	#97BC04;
    }
    .ServicesHeaderText{
        font-size: 300%;
        padding-right: 20%;
    }

    .ContactUsButtonPanel{
        padding-top:    3%;
        padding-left:	5%;
        padding-bottom:	0px;
        margin:			0px;
    }

    .ServicesDescription{
        padding: 2%;
        font-size: 1.5rem;
    }

    .ServicePointHeader{
        padding: 2%;
    }

    .ServicesPoints{
        margin: 3%; 
    }

    .ContactUsButton{
        margin-top:		2%;
        margin-left:	0%;
        margin-bottom:	2%;
    }

    .AboutSectionHeader{
        grid-template-columns: auto 35%;
    }

    .AboutSectionHeader h2{
        font-size: 250%;
    }

    .AboutSectionBody{
        display: block;
    }

    .AboutSectionBody img{
        display: block;
        margin-left:    auto;
        margin-right:   auto;
        width:         65%;
    }

    .AboutSectionDescription{
        text-align:     center;
        padding:        0px;
        padding-left:   10%;
        padding-right:  10%;
        margin:         0px;
        font-size:      200%;
        padding-bottom: 5%;
    }

    .AboutSectionDescriptionLeft{
        font-size:  200%;
        text-align: center;
    }

    .AwardsBody{
        grid-template-columns: auto auto;
        padding-bottom: 10%;
    }

.PhotoGalleryContainer{
    grid-template-columns: auto auto;
}

    .PressTextContainer{
        grid-template-rows: auto auto auto auto;
    }

    .PressContainer{
        grid-template-columns: auto;
        padding: 5% 5%;
        margin-bottom: 10%;
    }

    .PressTitle p{
        margin: 10px;
    }

    .Subtitle02Touch{
        display: grid;
        grid-area: subtitles;
        padding-top: 5%;
    }

    .CareerSection{
        font-size: 80%;
        background-color:   #97BC04;
    }

    .CareerText01{
        display: none;
    }

    .CareerText01Mobile{
        display: block;
        text-align: center;
        padding-bottom: 2%;
        padding-top: 5%;
    }

    .CareerText02{
        display: none;
    }

    .CareerText02Mobile{
        display: block;
        text-align: center;
        padding-top: 2%;
        padding-bottom: 5%;
    }

    .Subtitle02Touch p{
        color: rgba(80,80,80,1);
        text-align: center;
        font-style: italic;
        text-decoration-line: underline;
        font-family: Verdana;
        font-size: 100%;
    }

    .Subtitle02Mouse{
        display: none;
    }

    .careerMain{
        padding-top: 125px;
    }

    .careerTitle{
        font-size: 300%;
    }
    .careerSubtitle{
        font-size: 200%;
    }

    .careerPosition{
        font-size: 200%;
    }

    .careerSection{
        padding-left: 10%;
        padding-right: 10%;
    }

    .careerSubHeader{
        font-size: 180%;
    }
    .careerText{
        font-size: 150%;
    }
    .careerSubHeaderContainer li{
        font-size: 150%;
    }
    .ContactUsText{
        padding: 5% 5%;
        font-size: 200%;
    }

    .ContactUsForm{
        margin: 0 10%;
    }
    
    .submitButton{
        width: 30%;
        margin-left: 35%;
        margin-top: 1%;
        margin-bottom: 2%;
    }


}

/* PHONES */
@media (max-width: 480px) {

    header div{
        display:				grid;
        grid-template-columns:	30% 50% 20%;
        padding-right:			10px;
    }

    .headerImage{
        height:			auto;
        width:			90%;
    }

    header div p{
        width:			auto;
        font-size:		70%;
        height:			auto;
    }

    header nav{
        display:		none;
    }

    .mobileNav{
        display: none;
        position: fixed;
        z-index: +1000;
        right: 0%;
        top: 6.6%;
        padding-right: 20%;
        padding-bottom: 10%;
        background-color: rgba(255,255,255,0.9);
        color: black;
    }

    .mobileNav ul{
        list-style: none;
        display: block;
        font-family: Verdana;
        gap: 10%;
    }

    .mobileNav li{
        margin-top: 50%;
    }

    .mobileGameNav ul{
        display: none;
        margin: 0; 
        padding: 0;
        margin-left: 25%;
    }

    .mobileNav a{
        text-decoration: none;
        color: black;
    }

    .mobileGameNav  a:active{
        color: red;
    }

    .buttonMenu{
        display:		inline;
        width:			50%;
        position:		relative; 
        height:			auto;
        margin-left:	50%;
    }

    #YodhaImage{
        position:	relative;
        display:	block;
        right:		150%;
        width:		300%;
    }

    #AsuraImage{
        position:	relative;
        display:	block;
        right:		100%;
        width:		300%;
    }

    .gameInfo{
        width:		75%;
        bottom:		10%;
    }

    .bannerText{
        font-size: 55%;
    }

    .clientSectionImageHeader{
        grid-template-columns: repeat(2, 1fr);
    }

    .clientSectionImageHeader02{
        grid-template-columns:	repeat(2, 1fr);
        width:					100%;
        margin:					0px;
    }

    .clientSection h2 {
        font-size: 150%;
        padding-right: 10%;
    }


    .gameLogo{
        max-width: 40%;
    }

    .clientSectionHeader{
        grid-template-columns: auto 50%;
    }

    .ServicesHeader{
        display:                grid;
        grid-template-columns:  40% auto;
        background-color:	    #97BC04;
    }

    .ServicesHeaderText{
        border-bottom-right-radius: 10px;
        background-color:			red;
        font-family:				Verdana;
        font-size:					150%;
        font-style:					italic;
        color:						white;
        margin:						0%;
        padding-left:               10%;
        padding-right:              10%;
    }

    .ServicePointHeader{
        font-size: 1.5rem;
        padding: 5%;
    }

    .ServicesDescription{
        padding: 5%;
    }

    .ContactUsButtonPanel{
        padding-left:	4%;
    }

    .ContactUsHeader{
        color:			white;
        font-size:		1.5rem;
        text-shadow:	-3px 3px rgba(0,0,0,0.5);
        padding-top:	5%;
    }

    .ContactUsButton{
        width:				50%;
        height:				25%;
        font:				Verdana;
        font-style:			italic;
        font-weight:		bold;
        font-size:			1.2rem;
        background-color:	#FF4D00;
        color:				white;
        border-radius:		10px;
        text-decoration:	none;
        border:				2px solid white;
        cursor:				pointer;
        margin:		0px;
        margin-left:		45%;
        margin-top:			5%;
    }

    .ServicesGrid{
        display: grid;
        grid-template-areas:
        "a" 
        "b"
        "c"
        "d"
        "e"
        "f"
        "g"
        "h"
        "i";
    }

    .AboutSectionHeader{
        grid-template-columns: auto 40%;
    }

    .AboutSectionHeader h2{
        font-size: 150%;
    }

    .AboutSectionBody{
        display:block;
    }

    .AboutSectionDescription{
        font-size:      125%;
        text-align:     center;
        padding-left:   10%;
        padding-right:  10%;
        padding-bottom: 0%;
    }

    .AboutSectionBody img{
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 75%;
    }

    .AboutSectionDescriptionLeft{
        font-size: 125%;
        margin-top: 0%;
        text-align: center;
    }

    .AwardsBody{
        display: grid;
        grid-template-columns: auto auto;
    }

    .SectionMobileDiv{
        padding-top: 10%;
    }

    .PhotoGalleryContainer{
        grid-template-columns: auto auto;
        gap: 10px;
        padding: 5%;
        margin: 0;
        align-content: none;
    }

    .PhotoGalleryContainer img{
        display: block;
        margin-left: auto;
        margin-right:auto;
        padding: 0%;
        margin: 0%;
        width: 100%;
    }

    .PressTitle p{
        font-size: 100%;
    }

    .PressDate p{
        font-size: 50%;
    }

    .PressSite p{
        font-size: 50%;
    }

    .PressSubtitle{
        display: none;
    }

    .PressContainer{
        grid-template-columns: auto;
        margin-bottom: 10%;
        padding: 7% 10%;
    }

    .PressTextContainer{
        grid-template-areas:
        "title title"
        "date site"
        "subtitles subtitles";
        grid-template-rows: auto auto auto;
    }


    .Subtitle02Touch{
        display: grid;
        grid-area: subtitles;
        padding-top: 5%;
    }

    .Subtitle02Touch p{
        color: rgba(80,80,80,1);
        text-align: center;
        font-style: italic;
        text-decoration-line: underline;
        font-family: Verdana;
        font-size: 75%;
    }

    .Subtitle02Mouse{
        display: none;
    }

    .CareerSection{
        background-color:   #97BC04;
    }

    .CareerText01{
        display: none;
    }

    .CareerSection div{
        font-family:       Verdana; 
        font-size:         120%;
    }

    .CareerText01Mobile{
        display: block;
        text-align: center;
        padding-bottom: 2%;
        padding-top: 5%;
    }

    .CareerText02{
        display: none;
    }

    .CareerText02Mobile{
        display: block;
        text-align: center;
        padding-bottom: 5%;
        padding-top: 2%;
    }

    .careerMain{
        padding-top: 75px;
    }

    .careerSection{
        padding-left: 5%;
        padding-right: 5%;
    }

    .careerTitle{
        font-size: 190%;
    }

    .careerSubtitle{
        font-size: 90%;
    }

    .careerPosition{
        font-size: 120%;
    }

    .careerSubHeader{
        font-size: 110%;
    }

    .careerText{
        font-size: 100%;
    }

    .careerSubHeaderContainer li{
        font-size: 100%;
    }
    
    .ContactUsSection{
        padding: 5%;
    }

    .ContactUsText{
        font-size: 120%;
        padding: 0;
        margin: 0;
    }

    .ContactUsForm{
        margin: 0;
        padding: 0;
        margin-top: 5%;
    }

    .ContactUsForm input[type=text]{
        font-size: 100%;
    }

    .ContactUsForm textarea{
        font-size: 100%;
    }

    .submitButton{
        width: 35%;
        margin: 0;
        padding: 0;
        margin-left: 30%;
        margin-right: auto;
        margin-top: 2%;
    }
}