/** Main Stylesheet for PERCOMonline.com

* Written & Owned By Patrick Rogers

* Version 10.17.1

* Copyright 2017 Patrick Rogers

*/



/* Sec.1 - Fonts */



@font-face {

    font-family: 'Julius';

    src: url('../fonts/JuliusSansOne-Regular.ttf' ) format('truetype');

}



@font-face {

    font-family: 'Overlock Reg';

    src: url('../fonts/Overlock-Reg.ttf' ) format('truetype');

}



@font-face {

    font-family: 'Overlock Italic';

    src: url('../fonts/Overlock-Ital.ttf' ) format('truetype');

}



@font-face {

    font-family: 'Whirly';

    src: url('../fonts/Whirly.otf' ) format('opentype');

}



@font-face {

    font-family: 'Brillant';

    src: url('../fonts/Brillant.ttf' ) format('truetype');

}



@keyframes colorful {

    0%   {color:red;}

    25%  {color:#8dc63f;}

    50%  {color:blue;}

    75%  {color:#8dc63f;}

    100% {color:red;}

}







h1 {

    font-family: 'Julius';

    font-size:80px;

    color: rgba(67,117,2,1);

    text-align:center;

    margin-top:40px;

    margin-bottom:20px;

    

}



h2 {

    font-family: 'Julius';

    font-size:50px;

    color: rgba(67,117,2,1);

    text-align:center;

    margin-top:20px;

    margin-bottom:10px;

    

}



h3 {

   font-size:35px;

   font-weight:700;

   color:rgba(67,117,2,1);

   margin-top:20px;

   font-family:Overlock Reg; 

   text-align:center;

   margin-bottom:20px;

}



h3>a {

   font-size:35px;

   font-weight:700;

   color:black;

   margin-top:20px;

   font-family:Overlock Reg; 

   text-align:center;

   float:initial;

}



.blackText {

    color:black;

}



h4 {

    font-size:26px;

    font-weight:600;

    color:rgba(67,117,2,1);

    margin-top:20px;

    font-family:Overlock Reg; 

    text-align:center;

}



h5 {

    font-size:20px;

    font-weight:700;

    color:darkgreen;

    font-family:'Julius'; 

    text-align:center;

    margin-top:3px;

    margin-bottom:3px;

}



hr {

    margin-top:2px;

    margin-bottom:2px;

    border: 3px outset lightgrey;

}



p {

   font-size:20px;

   font-weight:600;

   color:rgba(67,117,2,1);

   font-family:Overlock Reg; 

   

}



.font-center {

    text-align:center;

}



#receptionPARA li {

    font-size:18px;

    font-weight:600;

    color:darkgreen;

}



#receptionPARA li>p {

    margin:0px;

    font-size:16px;

    color:black;

}



#paraBox2>p {

    font-family: 'Arial';

    color:black;

    font-size:15px;

}





.disclaimerFont {

    font-size:10px;

    font-family: 'Arial';

    line-height:10px;



}



/* End Fonts */



/* Sec.2 - Reception App General Settings */



html + * + * {

    overflow-x:hidden;



}



main {

    margin-top:-20px;

}



#mainModal {

    display:none;

}



.modal-body {

    padding:10px;

    background: url('../img/icon-faded.png');

    background-repeat:no-repeat;

    background-position-x:center;

    height:300px;

 

}



.modal-body p {

    font-size:20px;

    padding:20px;

}



nav {

    display:none;

}



#bodyBackLogo {

    background-image: url('../img/full_logo_faded.png');

    background-repeat:no-repeat;

    background-size: 80%;

    background-position-x:center;

    background-position-y:50vh;

}



.questionBox:hover {

    cursor:pointer;

}



#constructionBanner {

    display:none;

}





#receptionButtons {

    position:relative;

    width:100%;

    text-align:center;

}



#receptionStartOver {

    position:fixed;

    width:100%;

    text-align:center;

    bottom:5px;





}



#startOverButton {

    position:relative;

    margin-left:auto;

    margin-right:auto;

    max-width:150px;

}



.buttonHeader {

    margin-top:40px;



}



.listBox .divButton a {

    color:white;

}



.listBox .divButton a:hover {

    text-decoration:none;

}





#receptionApp {

    display:block;

    background-image: url('../img/full_logo_faded.png');

    background-repeat:no-repeat;

    background-size: 80%;

    background-position-x:center;

    background-position-y:center;



}



#receptionCourses p {

    margin-top:20px;

}



.mainScreen {

    display:inherit;

    height:100%;

    

}



.mainScreen>h2 {

    text-align:center;

}



.mainScreen>p {

    text-align:center;

}



.hiddenScreen {

    display:none;

}



.divButton {

  background: #8ec63f;

  background-image: -webkit-linear-gradient(top, #8ec63f, #6b9630);

  background-image: -moz-linear-gradient(top, #8ec63f, #6b9630);

  background-image: -ms-linear-gradient(top, #8ec63f, #6b9630);

  background-image: -o-linear-gradient(top, #8ec63f, #6b9630);

  background-image: linear-gradient(to bottom, #8ec63f, #6b9630);

  -webkit-border-radius: 20;

  -moz-border-radius: 20;

  border-radius: 20px;

  text-shadow: 1px 3px 3px #46523b;

  -webkit-box-shadow: 0px 13px 16px #595959;

  -moz-box-shadow: 0px 13px 16px #595959;

  box-shadow: 0px 13px 16px #595959;

  font-family: Julius;

  font-weight:600;

  color: #ffffff;

  font-size: 25px;

  padding: 5px 10px 5px 10px;

  text-decoration: none;

  text-align:center;

  margin:10px;

  float:inherit;

  

}



.divButton2 {

  background: #8ec63f;

  background-image: -webkit-linear-gradient(top, #8ec63f, #6b9630);

  background-image: -moz-linear-gradient(top, #8ec63f, #6b9630);

  background-image: -ms-linear-gradient(top, #8ec63f, #6b9630);

  background-image: -o-linear-gradient(top, #8ec63f, #6b9630);

  background-image: linear-gradient(to bottom, #8ec63f, #6b9630);

  -webkit-border-radius: 10;

  -moz-border-radius: 10;

  border-radius: 10px;

  text-shadow: 1px 3px 3px #46523b;

  -webkit-box-shadow: 0px 13px 16px #595959;

  -moz-box-shadow: 0px 13px 16px #595959;

  box-shadow: 0px 13px 16px #595959;

  font-family: Julius;

  font-weight:600;

  color: #ffffff;

  font-size: 16px;

  padding: 5px 10px 5px 10px;

  text-decoration: none;

  text-align:center;

  font-weight:bold;

  float:initial;

  margin-top:20px;

  

  

  

}



.divButton:hover {

  background: #bce67c;

  background-image: -webkit-linear-gradient(top, #bce67c, #506b3a);

  background-image: -moz-linear-gradient(top, #bce67c, #506b3a);

  background-image: -ms-linear-gradient(top, #bce67c, #506b3a);

  background-image: -o-linear-gradient(top, #bce67c, #506b3a);

  background-image: linear-gradient(to bottom, #bce67c, #506b3a);

  text-decoration: none;

  color:white;

  cursor: pointer;

}



.divButton2:hover {

  background: #bce67c;

  background-image: -webkit-linear-gradient(top, #bce67c, #506b3a);

  background-image: -moz-linear-gradient(top, #bce67c, #506b3a);

  background-image: -ms-linear-gradient(top, #bce67c, #506b3a);

  background-image: -o-linear-gradient(top, #bce67c, #506b3a);

  background-image: linear-gradient(to bottom, #bce67c, #506b3a);

  text-decoration: none;

  color:white;

  cursor: pointer;

}



.alignMiddle {

    position:relative;

    margin-left:auto;

    margin-right:auto;

    display:inherit;

}



.textBoxGreen {

    margin:10px;

    padding:15px;

    border:1px solid green;

    height:auto;

    border-radius: 5px;

    /* FF3.6-15 */

    background: -moz-linear-gradient(top, rgba(141,198,63,0.65) 0%, rgba(255,255,255,0.7) 100%); /* FF3.6-15 */

    background: -webkit-linear-gradient(top, rgba(141,198,63,0.65) 0%,rgba(255,255,255,0.7) 100%); /* Chrome10-25,Safari5.1-6 */

    background: linear-gradient(to bottom, rgba(141,198,63,0.65) 0%,rgba(255,255,255,0.7) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a68dc63f', endColorstr='#e6ffffff',GradientType=0 ); /* IE6-9 */

}



.textBoxGreen2 {

    margin:10px;

    padding-top:7px;

    padding-left:10px;

    padding-right:10px;

    border:1px solid green;

    height:250px;

    border-radius: 5px;

    position:relative;

    margin-left:auto;

    margin-right:auto;

    /* FF3.6-15 */

    background: -moz-linear-gradient(top, rgba(141,198,63,0.65) 0%, rgba(255,255,255,0.7) 100%); /* FF3.6-15 */

    background: -webkit-linear-gradient(top, rgba(141,198,63,0.65) 0%,rgba(255,255,255,0.7) 100%); /* Chrome10-25,Safari5.1-6 */

    background: linear-gradient(to bottom, rgba(141,198,63,0.65) 0%,rgba(255,255,255,0.7) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a68dc63f', endColorstr='#e6ffffff',GradientType=0 ); /* IE6-9 */

    -webkit-box-shadow: 0px 13px 16px #595959;

    -moz-box-shadow: 0px 13px 16px #595959;

    box-shadow: 0px 13px 16px #595959;

}



.textBoxGreen2>li {

    text-align:left;

    padding:5px;

    font-weight:500;

    font-size:14px;

    font-family: 'Julius';

}



.ticketBox {

    width: 70%;

    position:relative;

    margin-left:auto;

    margin-right:auto;

}



#questionBox4.questionBox>a {

    line-height:40px !important;

    text-decoration:none;

}



#questionBox4.questionBox>a:hover {

    text-decoration:none;

}



.containerPadded {

    margin-left:15px;

    margin-right:15px;

    margin-top:30px;

    margin-bottom:30px;

}



#receptionQuestionClinicals p {

    padding-top:30px;

    text-align:center;

}



#receptionQuestionClinicals a {

    font-size:20px;

    font-weight:600;

    color:white;

}



#receptionQuestionClinicals a:hover {

    text-decoration:none;

}



.containerAppWidth {

    width:800px;

}



.clinicalInfoBox {

    border: 1px solid green;

    border-radius:5px;

    padding:15px;

    margin-top:20px;

    margin-bottom:10px;

    margin-left:10%;

    margin-right:10%;

    /* FF3.6-15 */

    background: -webkit-linear-gradient(rgba(204,224,201,0.9) 0%, rgba(90,109,86,0.61) 100%);

    background: -moz-linear-gradient(rgba(204,224,201,0.9) 0%, rgba(90,109,86,0.61) 100%);

    background: -o-linear-gradient(rgba(204,224,201,0.9) 0%, rgba(90,109,86,0.61) 100%);

    background: linear-gradient(rgba(204,224,201,0.9) 0%, rgba(90,109,86,0.61) 100%); /* Chrome10-25,Safari5.1-6 */

    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6cce0c9', endColorstr='#9c5a6d56',GradientType=0 ); /* IE6-9 */

}



.clickUpButton:hover {

    cursor:pointer;

}



.footerBox {

    margin-bottom:15px;

}



.footerBox p a {

    font-size:18px;

    text-align:center;

    color:darkgreen;

    margin:0px;

    border-bottom:2px dotted darkgreen;



}



.footerBox p a:hover {

    color:white;

    text-decoration:none;



}



.listBox {

    width:80%;

    position:relative;

    margin-left:auto;

    margin-right:auto;

    margin-bottom:20px;

    padding:15px;

    border:1px solid green;

    border-radius:5px;

    text-align:center;

    background: -moz-linear-gradient(top, rgba(141,198,63,0.65) 0%, rgba(255,255,255,0.7) 100%); /* FF3.6-15 */

    background: -webkit-linear-gradient(top, rgba(141,198,63,0.65) 0%,rgba(255,255,255,0.7) 100%); /* Chrome10-25,Safari5.1-6 */

    background: linear-gradient(to bottom, rgba(141,198,63,0.65) 0%,rgba(255,255,255,0.7) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a68dc63f', endColorstr='#e6ffffff',GradientType=0 ); /* IE6-9 */

    -webkit-box-shadow: 0px 13px 16px #595959;

    -moz-box-shadow: 0px 13px 16px #595959;

    box-shadow: 0px 13px 16px #595959;

}



.buttonPadding {

    padding:5px;

}





#squeezeButton {

    max-width:560px;

    height:315px;

    margin-right:auto;

    margin-left:auto;

    position: relative;

    float:none;

    background: -moz-linear-gradient(top, rgba(141,198,63,0.65) 0%, rgba(255,255,255,0.7) 100%); /* FF3.6-15 */

    background: -webkit-linear-gradient(top, rgba(141,198,63,0.65) 0%,rgba(255,255,255,0.7) 100%); /* Chrome10-25,Safari5.1-6 */

    background: linear-gradient(to bottom, rgba(141,198,63,0.65) 0%,rgba(255,255,255,0.7) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a68dc63f', endColorstr='#e6ffffff',GradientType=0 ); /* IE6-9 */

    -webkit-box-shadow: 0px 13px 16px #595959;

    -moz-box-shadow: 0px 13px 16px #595959;

    box-shadow: 0px 13px 16px #595959;

}



#squeezeButton img {

    width:350px;

}

.fontsmall {

    font-size:10px;
    font-weight:600;
    line-height:10px;
}


/* End Reception General Settings */



/* Sec.3 - Universal Elements */





body {

    width:100vw;

    background-image: url('tile2.jpg');

    overflow-x:hidden;





}



input {

    border-radius:3px;

    width:400px;

}



textarea {

    border-radius:3px;

    width:400px;

}



input#submit {

    background-color:#8dc63f;

    font-size:20px;

    padding:5px;

    border-radius:3px;

    font-weight:600;

    color:white;

}



footer {

    position: relative;

    right: 0;

    bottom: 0px;

    left: 0;

    padding: 0;

    background-color: #8dc63f;

    text-align: center;

    

    

}



footer>p {

    font-size:10px;

    line-height:10px;

}



figure {

    display:table;

    float: right;

    text-align: center;

    font-style: italic;

    font-size: smaller;

    text-indent: 0;

    border: thin silver solid;

    margin: 0.5em;

    padding: 0.5em;

    background-color:white;

}



figcaption {

    display:table-caption;

    caption-side:bottom;

    font-size:14px;

    font-weight:600;

    font-family: 'Julius';

}



button {

    border-width:0px;

}



.headerBox {

    padding-left: 3%;;

    padding-right:3%;

    height: 70px;

    width:100vw;

    padding-top:13px;

    background-color:white;

}



logo {

    float:left;

}



.theme2nav {

    display: block;

    height:10vh;

    position:relative;

    border-top:2px solid black;

} 



.theme2nav a {

    float: left;

    display: block;

    color: darkgreen;

    text-align: center;

    padding: 14px 16px;

    text-decoration: none;

    font-size: 20px;

    font-weight:600;

    width:50%;

}



.theme2nav a:hover {

    color: white;

    position: relative;

    background: #83C839;



}



.theme2nav a.active {

    background-color: #4CAF50;

    color: white;

}



.supportIconLink {

    display: block;

    position: absolute;

    right: 20px;

    top:17px;

}



.supportIconLink a {

    font-size:20px;

    color:darkgreen;

}



.supportIconLink a:hover {

    color:orangered;

}



.offerBox {

    position:relative;

    display:block;

    width:100vw;

    margin:auto;

    clear:both;

}



.offerBox img {

    display:block;

    float:right;

    margin-top:auto;

    margin-bottom:auto;

    position:relative;

    padding:20px;

    width:45%;

}



.offerBoxLeft {

    width:50%;

    float:left;

    display: block;

    margin:auto;

    padding:20px;

    background-image: url('offer_banner_seal_faded.png');

    background-repeat: no-repeat;

    background-position-y: 30%;

    background-position-x: 50%;

    clear:both;

    height:71%;

}



.offerBox h2 {

    margin-top:22vh;

    font-size:40px;

}



.offerBox h1 {

    font-size:5em;

}



.offerBox h3 {

    font-size:25px;

}



.offerBottom {

    width:100%;

    position: relative;

    display:inline-block;

}



.offerBottom h4 {

    display:initial;

}



.offerBottom1 {

    width:500px;

    position:relative;

    margin-left:auto;

    margin-right:auto;

}



.offerDescript {

    display: table;

    width:100vw;

    margin:auto;

    background-color:rgba(255, 247, 110, 0.42);

    height:100vh;

    clear:both;



}



.offerInfoBox1 {

    display:block;

    position: relative;

    width:35vw;

    padding:5vw;





}



.offerInfoBox2 {

    position: relative;

    width:35vw;

    padding:5vw;

    display:block;

    overflow-y:scroll;



}



.offerInfoBox3 {

    position: relative;

    width:100%;

    padding:10px;

    background-color:white;

    border-radius:10px;

    display:block;



}



.offerInfoBox3 p {

    color:orangered;

}



.offerDescript .col-md-6 {

    display:block;

    width:50%;

    float:left;

}



#offerBody {

    display:block;

}



#supportButton {

    display:inline-block;

    position: absolute;

    top:1px;

    right:1px;

}



#supportButton img {

    position: inherit;

    right:1;

    top:1;

}



#supportButton figure {

    border:none;

    background-color:transparent;

}



#mobileHeader {

    display:none;

}



/* End Universal Elements */





/* Sec.4 - Mobile View */



@media (min-width: 100px) and (max-width: 560px) {



    video.squeezeVidWith{

        width:100vw;

    }

    figure.font-center img {
        width:80vw;
    }


}



@media (min-width: 561px) {



    .squeezeVidWith video{

        width:560px;

    }

    .mobileSqueeze {
        height:35vw;
        margin-top:-10vh;
        
    }

}





@media (min-width: 100px) and (max-width: 1291px) {

    html{

        max-width:100vw;

        overflow-x:hidden;

    }

    

    h1 {

        font-size:35px;

        margin-top:20px;

    }



    h2 {

        font-size:30px;

    }



    h3 {

        font-size:25px;

    }



    section {

        height:auto;

    }



    .mobileImg img {

        max-width:75vw;

        margin:auto;

    }



    #squeezeButton {

        height:auto;

    }





    #receptionButtons {

        position:inherit;

        text-align:center;

    }



    img.clickUpButton {

        width:25px;

        right:10px;

        position:absolute;

    }



    #clickUpButton {

        width:98%;

    }



    .homeButton {

        max-width:25px;

        top:1%;

        left:1%;

        position: absolute;

    }



    .questionBox {

        margin:10px;

        margin-left:auto;

        margin-right:auto;

        width:100%;

        padding:10px;

        border:1px solid green;

        border-radius: 5px;

        background-image: url('../img/question_icon_bar.png');

        background-size:100%;

        background-repeat:no-repeat;    

    }



    #receptionButtons {

        margin-bottom:15px;

    }



    .offerDescript .col-md-6 {

        display:block;

        width:100vw;

        float:left;

    }



    .offerBoxLeft {

        width:100vw;

        float:left;

        display:table-row;

        margin:auto;

        padding:20px;

        background-image: url('offer_banner_seal_faded.png');

        background-repeat: no-repeat;

        background-position-y: 20%;

        background-position-x: 50%;

        clear:both;

        height:71%;

    }



    .offerBoxRight {

        display:table-row;

        position:relative;

        padding:10px;

        width:90vw;

    }



    .offerBox img {

        float:none;

        margin:auto;

        position:relative;

        padding:0px;

        max-width:700px;

    }



    .offerBox {

        position:initial;

        display:table;

        width:100vw;

        margin:auto;

        clear:both;

    }



    .offerBox h1 {

        font-size:3em;

    }



    #supportButton {

        display:none;

    }



    #mobileHeader {

        background-color:rgba(208, 246, 110, 0.75);

        display:block;

        text-align:center;

        padding-top:5px;

        padding-bottom:5px;

        margin-top:20px;

    }



    #mobileHeader logo {

        float:left;

        padding-left:10px;

        padding-top:5px;

    }



    #mobileHeader a {

        font-size:20px;

        font-weight:600;

        color:green;



    }



    #mobileHeader a:hover {

        color:orangered;

        border-bottom:1px solid orangered;

        

    }

    .mobileSqueeze {
        height:57vh;
        margin-bottom:38vh;
    }

    #receptionMain h1 {
        display:none;
    }

}



/* End Mobile View */

/*
@media (min-width: 900px) and (max-width: 1291px) {

    .mobileSqueeze {
        height:;
        margin-top:-150px;
        position:relative;
    }
}
*/

/* Sec. 5 - Medium View Width */



@media (min-width: 1292px) {

    .col-md-6 {

        width:100%;

        float:inherit;

    }



    #clickUpButton {

        position:fixed;

        right:1vw;

        bottom:1vh;

        width:40px;

    }



    img.clickUpButton {

        width:40px;

    }





    section {

        height:100vh;

    }



    .homeButton {

        max-width:40px;

        top:1%;

        left:1%;

        position: absolute;

    }



    .questionBox {

        margin:10px;

        margin-left:auto;

        margin-right:auto;

        width:600px;

        padding:10px;

        border:1px solid green;

        border-radius: 5px;

        background-image: url('../img/question_icon_bar.png');

        background-size:100%;

        background-repeat:no-repeat;    

    }


}

/* End Med View Width */



/* Sec.6 - Large View */



@media (min-width: 1500px) {

    html {

        width:100vw;

        overflow-x:hidden;

        

    }

    

    h1 {

        font-size: 110px;

    }



    p {

        font-size:25px;

    }



    section {

        height:90vh;

    }



    .divButton {

        font-size:35px !important;

    }



    #clickUpButton {

        position:fixed;

        right:1vw;

        bottom:1vh;

        width:40px;

    }



    img.clickUpButton {

        width:40px;

    }



    .homeButton {

        max-width:40px;

        top:2%;

        left:2%;

        position: absolute;

    }



    .questionBox {

        margin:10px;

        margin-left:auto;

        margin-right:auto;

        width:600px;

        padding:10px;

        border:1px solid green;

        border-radius: 5px;

        background-image: url('../img/question_icon_bar.png');

        background-size:100%;

        background-repeat:no-repeat;    

    }

}



/* End Large View */





/* Misc Objex */





.infoSlide {

    margin:auto;

    width:85vw;

}

figure.font-center {
    float:none;
    margin:auto;
}

.infoSlide p {

    color:black;

    font-size:14px;

    font-family: 'Arial';

    line-height:16px;

}



.footBottom {

    padding:5px;

}



.footBottom p {

    font-size:10px;

    color:darkslategray;

    font-family: 'Arial';

}



.listCenter {

    width:600px;

    margin-left:auto;

    margin-right:auto;

    padding-bottom:25px;

}



.listCenter li {

    font-weight:600;

    max-width:70vw;

}



.mediumBox {
    max-width:500px;
    position:relative;
    margin:auto;
}

.wideSpace{
    line-height:30px;
}


.underlined {
    text-decoration:underline;
}

.bigFont {
    font-size:25px;
    font-weight:500;
}

.regButton {
    margin:5px;
    padding:5px;
    border:1px green solid;
    border-radius:3px;
    background-color: #fff2d0;
    font-size:18px;
    font-weight:500;

}

.infopages h1 {
    font-size:35px;

    font-weight:700;
 
    color:rgba(67,117,2,1);
 
    margin-top:20px;
 
    font-family:Overlock Reg; 
 
    text-align:center;
 
    margin-bottom:20px;
}

.infopages h2 {
    font-size:26px;

    font-weight:600;

    color:rgba(67,117,2,1);

    margin-top:20px;

    font-family:Overlock Reg; 

    text-align:center;
}

.infopages h3 {
    font-size:20px;

    font-weight:700;

    color:darkgreen;

    font-family:'Julius'; 

    text-align:center;

    margin-top:3px;

    margin-bottom:3px;

}

#receptionMain h2 {
    font-size:35px;

   font-weight:700;

   color:rgba(67,117,2,1);

   margin-top:20px;

   font-family:Overlock Reg; 

   text-align:center;

   margin-bottom:20px;
}

.modal-content h2 {
    font-size:35px;

    font-weight:700;
 
    color:rgba(67,117,2,1);
 
    margin-top:20px;
 
    font-family:Overlock Reg; 
 
    text-align:center;
 
    margin-bottom:20px;
}

.modal-content h3 {
    font-size:26px;

    font-weight:600;

    color:rgba(67,117,2,1);

    margin-top:20px;

    font-family:Overlock Reg; 

    text-align:center;
}

/* END STYLESHEET */