@import url(https://fonts.googleapis.com/css?family=Arvo:700|PT+Sans);

/* Eric Meyer CSS Reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}
/* CSS reset ends*/

/* IE styling fix for main tag */
main{ display: block; }

body {
   font-family: pt sans, arial, helvetica;
    font-size: 16px;
    line-height: 1.3888;
    font-weight: 400;
    color: #231F20;
    padding: 10px;
    background: #dddddd url(../images/symphony.png);
}

#wrapper{
    max-width: 960px;
    margin: 0 auto;
    border: none;
}

h1 {
   font-family: arvo, helvetica, arial;
   font-size: 375%;
}

h2 {
   font-family: arvo, helvetica, arial;
   font-size: 246%;
}

h3 {
   font-family: arvo, helvetica, arial;
   font-size: 225%;
   color: #B4C1D2;
}

h5 {
   font-family: arvo, helvetica, arial;
   font-size: 175%;
   color: #231F20;
}

h6 {
   font-family: arvo, helvetica, arial;
   font-size: 100%;
   color: #231F20;
}

a {
 color: #234B74;
 text-decoration: none;
 font-weight: 700;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}

.col112 {width: 4.333%}
.col16 {width: 12.666%}
.col14 {width: 21%}
.col13 {width: 29.333%}
.col512 {width: 37.666%}
.col12 {width: 46%}
.col712 {width: 54%}
.col23 {width: 62.666%}
.col34 {width: 71%}
.col56 {width: 79.333%}
.col1112 {width: 87.666%}
.col1212 {width: 96%}

.col112, .col16, .col14, .col13, .col512, .col12, .col712, .col23
, col34, .col56, .col1112, .col1212 { margin: 1%; padding: 1% }

.col112nmnp {width: 8.333%}
.col16nmnp {width: 16.666%}
.col14nmnp {width: 25%}
.col13nmnp {width: 33.333%}
.col512nmnp {width: 41.666%}
.col12nmnp {width: 50%}
.col712nmnp {width: 58%}
.col23nmnp {width: 66.666%}
.col34nmnp {width: 75%}
.col56nmnp {width: 83.333%}
.col1112nmnp {width: 91.666%}
.col1212nmnp {width: 100%}

.hide { display: none;}
.fl {float: left;}
.fr {float: right;}
.clear {clear: both }
.ar { align: right }
.tar {text-align: right;}
.whitebg { background: white }

nav  {
    background-color: #234B74;
    width: 100%;
/*    position: relative;*/
    padding: 0px 0px 0px 0px;
}

nav ul {
  list-style: none;
  margin-left: 10px;
  padding: 0;
}

nav ul li {
    float: left;
    text-align: center;
}

/* Clear float and extends the blue underneath the links. This is also a good setup for embedded ul to come for the assignments */
nav ul::after {
    content:''; 
    display: block; 
    clear: both;
}

nav ul li a {
    font-family: pt sans, arial, helvetica;
    display: inline-block;
    background-color: #234B74;
    color: #fff;
    padding: 10px 17px;
    text-decoration: none;
    width: auto;
}

nav ul li a:hover {
        background-color: #F9ED32;
        color: #02172E;
}

#intro {

/*    display: block;*/
    background: black url(../images/grandmother.jpg) no-repeat right center; 
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  color:#FFF;
  clear: both;
    
}

#intro h1 {
    font-family: Arvo, helvetica, arial;
    font-size: 375%;
    line-height: 1.15;
    width: 450px;
    border-bottom: 2px solid yellow;
    padding-bottom: 20px;
    padding-top: 4%;

    
}

#intro h4{
    font-family: pt sans, arial, helvetica;
    font-size: 225%;
    line-height: 1.15;
    padding-bottom: 4%;
}

#intro-text {
    position: relative;
    top: 10%;
    left: 4%;
}

/* Clear float and extends the blue underneath the links. This is also a good setup for embedded ul to come for the further links for Cheri *
#intro::after {
    content:''; 
    display: block; 
    clear: both;
} */

/*  Welcome Section */

#welcome {
    background: url(../images/library.jpg);
    background-repeat: no-repeat;
    background-size:cover;
    
}

#welcome:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }

#welcome h2 {
    display: block;
    padding-left:2%;
    padding-top:3%
}

/* #flexie {
    height: 325px;
    width: auto;
    clear: both;
} */

#facillitators {
    font-weight: 400;
    background-color:#234B74;
    color: white;
}

.fc:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }

.facillitators-body {
    background-color: #D1DBE6;
}


.facillitators-body:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }

#facillitators img {
   width: 100%;
   height: auto;
}

#facillitators h2 {
    display: block;
    padding: 7% 0 0 2%;
}

#facillitators h5 {
   font-family: arvo, helvetica, arial;
   font-size: 95%;
   text-align: center;
   color: #fff;
}

#facillitators h6 {
    font-family: pt sans, arial, helvetica;
    font-size: 80%;
    line-height: 1.3888;
    font-weight: 400;
    text-align: center;
    color: #fff;
    padding-top: 10px;
}

#facilitator-page .col13 img {
    width: 100%;
}


#facillitators a {
    color: #F9ED32;
    text-decoration: none;
}

.speaker {
    width: 14.5%;
    float: left;
    margin-left: 2.083333%;
    margin-top: 2%;
}

#welcome .col12 {
    margin-bottom: 2%;
}

#coming-is-easy {
    background:#B4C1D2 url(../images/aeroplane-wing-light.jpg);  
    background-repeat: no-repeat;
    background-size:cover;

}

#coming-is-easy:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }

#coming-is-easy h2 {
    display: block;
    padding-left:2%;
    padding-top:3%
}

#coming-is-easy ul li {
    list-style-type: disc;
}

#coming-is-easy .col12 {
    padding-bottom: 3%;
}

.col-1par-left {
    float: left;
    width: 31.25%;
    margin-left: 9.37%;
    margin-top: 2%;
}

.col-2par-left {
    float: left;
    width: 380px;
    margin-left: 9.37%;
    margin-top: 2%;
}

.col-2par-right {
    float: right;
    width: 380px;
    margin-right: 9.37%;
    margin-top: 2%;
}

.clear {
    clear:both;
}

footer {
    font-weight: 400;
    background-color:#234B74;
    color: white;
}

footer #col-2par-left {
    float: left;
    width: 380px;
    margin-left: 9.37%;
    margin-top: 2%;
}
    
footer #col-2par-right {
    float: right;
    width: 380px;
    margin-right: 9.37%;
    margin-top: 2%;
}

.h2-bar {
    width: 100%;
    height: 80px;
    background: #234B74;
    color: #B4C1D2;
}

.h2-bar h2 {
    margin-left: 2%;
    line-height: 80px;
}



/*  These rules are for the Speakers page  */
.speaker-odd {
    background-color: #D2DAE4 ;
    /* padding:2% 9.37%; */
    clear: both;   
}

.speaker-odd:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }


.speaker-odd img {
    margin:0 25px 50px 0 ;
    float:left;
}


.speaker-even {
    background-color: #234B74 ;
    color: white;
    padding:2.5% 9.37%;
    clear: both;
}

.speaker-even img {
    margin:0 10px 15px 0 ;
    float:left;
    margin-right: 25px
}

.speaker-even h5 {
    color: white
}



/*  These rules are for the seminar Page */

#seminars-page .speaker-odd {
    padding: .9% 0 0 0;
    width: 100%;
}

#seminars-page .speaker-odd {
    padding: .9% 0 0 0;
    width: 100%;
}

#seminars-page .col12 {
    /* min-height: 180px; */
    float: left !important;
}

#seminars-page .col12 img {
    width: 80px;
    height: auto;
    margin-bottom: 90px;
}

#seminars-page .col12 h5 {
    font-size: 1.3em;
}

#seminars-page .speaker-odd:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }


.seminar-container {
    background: white;
    padding: 20px 20px;
    margin-bottom: 20px;
}

.seminar-container-1st {
    background: white;
    padding: 20px 20px 20px 20px;
    margin-bottom: 20px;
    margin-top: 20px;
}

.seminar-container img {
    padding: 0 0 50px 0 ;
}

.speaker-odd div:last-child {
    margin-bottom: 2% !important;
    }

.back-to-top {
    text-align: right; 
}

/*  These rules are for the Agenda Page */
.agenda-container-left {
    width: 43.5%;
    background: white;
    padding: 20px 20px;
    margin-bottom: 20px;
    float: left;
}

.agenda-container-right {
    width: 43.5%;
    background: white;
    padding: 20px 20px;
    margin-bottom: 20px;
    float: right;
}

.agenda-container-left-1st {
    width: 43.5%;
    background: white;
    padding: 20px 20px 20px 20px;
    margin-bottom: 20px;
    margin-top: 20px;
    float: left;
}

.agenda-container-right-rev {
    width: 43.5%;
    background: #728BA8;
    color: white;
    padding: 20px 20px 20px 20px;
    margin-bottom: 20px;
    float: right;
}

.agenda-container-right-rev2 {
    width: 43.5%;
    background: #728BA8;
    color: white;
    padding: 20px 20px 20px 20px;
    margin-bottom: 20px;
    margin-top: 20px;
    float: right;
}

.agenda-container-right-1st {
    width: 43.5%;
    background: white;
    padding: 20px 20px 20px 20px;
    margin-bottom: 20px;
    margin-top: 20px;
    float: right;
}

.agenda-container-left img {
    padding: 0 0 60px 0 ;
}

.agenda-container-right img {
    padding: 0 0 60px 0 ;
}

.agenda-container-left-1st img {
    padding: 0 0 60px 0 ;
}

.agenda-container-right-1st img {
    padding: 0 0 60px 0 ;
}

.agenda-odd {
    background-color: #728BA8;
    padding:2% 9.37%;
}

.agenda-container-bottom {
    background: white;
    padding: 20px 20px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.back-to-top {
    text-align: right; 
}

/* This section is controlling the registration page  */

.reg-container-left-1st {
    width: 43.5%;
    background: white;
    padding: 20px 20px 20px 20px;
    margin-top: 20px;
    margin-bottom: 20px;
    float: left;
}

.reg-container-left-1st img {
    width: auto;
    padding: 20px 20px 27px 20px; 

}

.reg-container-left-1st h6 {
    text-align: center;
    padding-bottom: 10px;

}

/* styling for the placeholder text in the form (text that appears in the fields to give viewers an idea of what needs to be typed in the field. You need all 4 of these rules to cover the full range of browsers that support html5 placeholders. */

::-webkit-input-placeholder { 
    color: #234B74;
}

:-moz-placeholder { /* Firefox18- */
    color: #234B74;
}

::-moz-placeholder { /* Firefox19+ */
    color: #234B74;
}

::-ms-input-placeholder { 
    color: #234B74;
}

input[type="text"]{
    height: 15px;
    width: 70%;
    padding-left: 10px;
}


#contact .speaker-odd img {
    margin: 0 auto !important;
    display: block;
    float: none !important;
}

#contact .speaker-odd h6 a {
    display: block;
    float: none !important;
    text-align: center;
    padding-bottom: 2%;
}

#contact .speaker-odd:nth-child(1) {
    margin-left: 0 !important;
}


    
/* makes one of the buttons "submit" go right */
input[type="submit"]{
    float: right;
}

/* Submit and reset buttons on the form */
input[type="submit"]{
    background: #234B74;
    font-size: 1em;
    color: white;
    border: 1px solid #234B74;
    padding: 3px 20px;
    margin: 24px 5px 5px 0;
    cursor: pointer; /* restores the hand cursor on the button beause moving buttons around can screw up on some browsers */
}



form fieldset li {
   padding-bottom: 14px;
   padding-top: 3px;
}

/* makes link color reversed */
footer a {
 color: white;
 text-decoration: none;
 font-weight: 700;
}

footer:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }


/* SLICK NAV STYLIING */

.slicknav_menu {
	display:none;
}

@media screen and (max-width: 480px) {
	/* #menu is the original menu */
	#menu {
		display:none;
	}
	
	.slicknav_menu {
		display:block;
        padding: 0 !important;
	}
    
    .slicknav_nav a {
		margin: 5px 5px 5px 5px !important;
	}
}



/* TABLET SYLING MAX 900 */

@media screen and (max-width: 900px) {

    #agenda-page .col12 {
        min-height: 175px;
    }
    
    #agenda-page .col12 img {
        margin-bottom: 35px;
    }

}



/* TABLET SYLING */

@media screen and (max-width: 854px) {
    
    #intro h1 {
       font-size: 235%;
       width: 350px;
    }
    
    
    .h2-bar h2 {
        font-size: 200%;
    }
    
    
    #seminars-page .col12 {
    min-height: 220px !important;
    }
    
    #seminars-page footer .col12 {
    min-height: initial !important;
    }
    
    #seminars-page .col12 h5 {
    font-size: 1em;
    }
        
    #seminars-page .col12 p {
    line-height: 1.3em !important;
    width: 100%;
    display: block;  
    }
    
    #seminars-page .col12 img {
    margin-bottom: 90px;
    padding-top: 1%;
    }
    
    #contact .speaker-odd img {
    padding: 6% 0 6% 0;
    }
    
    #agenda-page footer .col12 {
    min-height: initial;
    }
}


/*MEDIA QUERY AT MAX 750 */
@media screen and (max-width: 750px) {
    #index .col12 {
        width: 96%;
        float: none;
        display: block;
    }
    
    #index .col16 {
        width: 29.333%;
    }
    
    #index .col16 {
        width: 29.333%;
    }
    
    #index .col712 {
        width: 96%;
    }
    
    #index #facillitators h6 {
        margin-top: 0%!important;
    }

    #index .col12 {
        margin-bottom: 0 !important;
        padding-bottom: 3%;
    }
    
    #index #welcome .col12 {
        margin-bottom: 0 !important;
        padding-bottom: 3%;
    }
    
    #index .col12:nth-child(1) {
        padding-bottom: -2% !important;
    }
    
    

}


/*MEDIA QUERY AT MAX 695 */

@media screen and (max-width: 695px) {
    
    #agenda-page .col12 {
        min-height: 210px;
    }
    
    #agenda-page .col12 img {
        margin-bottom: 80px;
    }
    
}


/*MEDIA QUERY AT MAX 686 */

@media screen and (max-width: 686px) {

    #seminars-page .col12 {
    width: 96%;
    min-height: initial !important;
    
    margin-bottom: 30px !important;
    padding-top: 1% !important;
    }

}


/*MEDIA QUERY AT MAX 630 */

@media screen and (max-width: 630px) {

    #contact .col12 {
    width: 96%;
    min-height: initial !important; 
    }
    
    #contact .col12 h6,
    #contact .col12 ol,
    #contact .col12 form legend {
    padding-left: 2% !important;
    }
    
   
   #contact .col12 form label {
    padding-left: 0% !important;
    }
}


/*MEDIA QUERY AT MAX 600 */

@media screen and (max-width: 600px) {
    
    #intro h1 {
        font-size: 1.75em !important;
        width: 230px;
    }
    
   #intro h4 {
        font-size: 1.35em !important;
        width: 230px;
    }
    
        #index #coming-is-easy .col12 {
        margin-bottom: 0 !important;
        padding-bottom: 5% !important;
    }
    
    #index #welcome .col12 {
        margin-bottom: 0 !important;
        padding-bottom: 5% !important;
    }
    
    #index h2 {
        font-size: 2em;
    }
    
    #index #facillitators h2 {
        padding-top: 11% !important;
    }
    
    #agenda-page .col12 {
        width: 96%;
        display: block;
        float: none;
        min-height: initial;
        margin-top: 2 !important;
        padding-top: 2% !important;
    }
    
    #agenda-page .col12 img {
        margin-bottom: 20px;
    }
    
    
    
    
    
    #agenda-page .speaker-odd {
        padding: 1% 0% !important;
    }

    .speaker-odd:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
    

}





/* mobile layout */
@media screen and (max-width: 480px) {
    
/* SLICK NAV STYLING */
    
.slicknav_menu {
    background-color: #234B74;
}

.slicknav_btn {
    background-color: black;
}
    
    
    
body {
   font-family: pt sans, arial, helvetica;
   font-size: 16px;
   line-height: 1.3888;
   font-weight: 400;
   color: #231F20;
   padding: 0;
   background: #dddddd url(../images/symphony.png);
}    

h2 {
   font-family: arvo, helvetica, arial;
    font-size: 150%;
}
    
.h2-bar h2 {
    line-height: 80px;
}
    
    
nav  {
    background-color: #234B74;
    width: 100%;
    padding: 0px 0px 0px 0px;
}

nav ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

nav ul li {
    float: none;
    text-align: center;
    border-collapse: collapse;
}

.h2-bar h2 {
    font-size: 1.5em;
    padding-left: 2%;
    }
    
/* Intro Section */
    
#intro {
  height: auto;
  background: black; 
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  color:#FFF;
}
    
nav ul li a {
    font-family: pt sans, arial, helvetica;
    display: block;
    background-color: #234B74;
    color: #fff;
    padding: 10px 17px;
    text-decoration: none;
    width: auto;
}

nav ul li a:hover {
        background-color: #F9ED32;
        color: #02172E;
        
}
    
#intro h1 {
    font-family: Arvo, helvetica, arial;
    font-size: 2.2em;
    line-height: 1.15;
    text-align: center;
    padding-top: 4%;
    width: 100%;
    border-bottom: none;
    padding-bottom: 0 !important;
    
}

#intro h4 {
    margin: 0 auto;
    font-family: pt sans, arial, helvetica;
    font-size: 180%;
    line-height: 1.15;
    text-align: center;
    padding-top: 5%;
    padding-bottom: 4%;
    width: 100%;
    border-top: 2px solid yellow;
    width: 70%;
}
    
#intro-text {
    position: relative;
    top: 0%;
    left: 0%; 
}
    
#index #facillitators .col16 img {
    width: 46%
    }
    
#index #facillitators h5 {
    width: 46%;
    float: right !important;
    margin-left: 2%;
    padding-top: 0;
    } 
    
#index #facillitators h6 {
    width: 46%;
    float: right !important;
    margin-left: 2%;
    margin-top: -34% !important;
    } 
    
/* Welcome Section */
    
#welcome {
    height: auto;
    background: #B4C1D2;  
    background-repeat: no-repeat;
    background-size:cover;
    padding: 0 10px;
    clear: both;
    }
    
    .col12 {
    width: 96%
    }
    
#facillitators {
    height: auto;
    clear: both;
    padding: 0 10px;
}
    
#facillitators h2 {
    padding-top: 18%;
    margin: 0% 2% 0 2%;  
}
    
#facilitator-page h2 {
    margin-left: 5%;   
    }
    
#facilitator-page .col13 img {
     width: 100%;  
    }
    
#facilitator-page .col23 {
    width: 90% !important;
    float: none;
    display: block;
    padding: 2% 4% 4% 4% !important;
    margin-bottom: 0 !important;
    }
    
#facilitator-page .col13 {
    width: 90% !important;
    float: none;
    display: block;
    padding: 2% 4% 0 4%;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    }
    
#facilitator-page .col13 img:nth-child(1) {
    padding-top: 5% !important;
}

#facillitators h5 {
   text-align: left;
   padding-top: 4%;

}

#facillitators h6 {
    text-align: left;
    padding-top: none;
}

#facillitators img {
     align: left;   
    }
    
#facillitators .col16 {
    width: 96%
    }
    
#facillitators .col16 img {
    width: 46%
    }

#facilitator-page .col23,
#facilitator-page .col13 {
     width: 94%;
     float: none;
     display: block;
     padding: 2% 4% 0 4%;
    } 
    
#facilitator-page footer {
      min-height: 180px;  
    }
/*.speaker-odd {
    width: 100%;
    float: none;
    display: block;
    margin: 0 auto; 
    padding:2% 2%;
} */
    
.speaker {
    height: auto;
    width: auto;
    display: block;
    margin: 2%;
    text-align: left;
}
    
.speaker-odd img {
   padding-top: 10px;
    }
    
.speaker-even img {
   padding-top: 10px;     
    }

      
/*  Coming is Easy  */

    
#coming-is-easy {
    /* height: auto;
    width: 100%;
    display: block;
    clear: both;*/
    
    min-height: 820px; /*fix height*/
    background: #B4C1D2;  
    padding: 0 10px;
    display: block;
    clear: both;
}
    
#coming-is-easy h2 {
    display: block;
    padding-left:2%;
    padding-top:2%;
}
   
/* Affecting the page with agenda */
    
.agenda-container-left {
    width: 90%;
    float: none;
    display: block;
    margin: 0 auto;
    margin-bottom: 20px;
}

.agenda-container-right {
    width: 90%;
    float: none;
    display: block;
}

.agenda-container-left-1st {
    width: 90%;
    float: none;
    display: block;
}

.agenda-container-right-rev {
    width: 90%;
    float: none;
    display: block;
}

.agenda-container-right-rev2 {
    width: 90%;
    float: none;
    display: block;
}

.agenda-container-right-1st {
    width: 90%;
    float: none;
    display: block;
}

.agenda-container-left img {
    padding: 0 0 60px 0 ;
}

.agenda-container-right img {
    padding: 0 0 60px 0 ;
}

.agenda-container-left-1st img {
    padding: 0 0 60px 0 ;
}

.agenda-container-right-1st img {
    padding: 0 0 60px 0 ;
}

.agenda-odd {
    background-color: #728BA8;
    padding:2% 2%;
}

.agenda-container-bottom {
    /* width: 90%;
    float: none;
    display: block; */
    
    width: 90%;
    float: none;
    display: block;
    margin: 0 auto;
    }
    
    #seminars-page .col12 {
    min-height: 120px !important;
    width: 96% !important;
    }
    
    
    
    
    
    
    
    
    .speaker-odd div:last-child {
    padding-bottom: initial;
    }
    
    

    
    
    
    
    
    
    #seminars-page .col12 h5 {
    font-size: 1em;
    margin: 0 5% 0 23%;
    }
        
    #seminars-page .col12 p {
    line-height: 1.3em !important;
    margin: 1% 5% 0 23% !important;
    width: initial;
    }
    
    #seminars-page .col12 img {
    margin-bottom: 40px;
    margin: 1% 0 0 1%;
    padding-top: 0;
    }
    
    #seminars-page footer .col12 {
     min-height: initial !important;
     padding: 2% 0 2% 0;
     min-height: initial !important;
    }
    
    #seminars-page footer .col12 p {
     margin: 1% 5% 0 1% !important;
     float: none;
     display: block;
    }
    
    #index h6 {
    margin-top: -38%!important;
    padding-top: 0;
    }
    
    #index #coming-is-easy .col12 {
        margin-bottom: 0 !important;
    }
    
    #index #welcome .col12 {
        margin-bottom: 0 !important;
    }
     
}
    

/* mobile layout */
@media screen and (max-width: 400px) {
    
    #seminars-page .col12 img {
    width: 50px;
    height: auto;
    margin-bottom: 40px;
    margin: 1% 0 0 1%;
    padding-top: 0;
    }
}
    

    
footer {
    width: auto;
    /* padding-top: 5%; */
    padding: 10px 10px 10px 10px;
    clear: both;
}
    
footer:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
    
footer .col12 {
     min-height: initial;
     padding: 2% 0 2% 0;
    }
    
/* Registration Page */

.reg-container-left-1st {
    width: 100%;
    float: none;
    padding: 0px 0px 0px 0px;
    display: block;
}

/*.reg-container-left-1st img {
     width: auto;
    padding: 2%; 

}*/

.reg-container-left-1st h6 {
    text-align: left;
    margin: 0 0 0 20px;
    padding-bottom: 15px;
    display: block;
    clear: both;

} 

.reg-container-left-1st img {
    width: 270px;
    height: 356px;
    height: auto;
    display: block;
    margin: 0 auto;
    
}
    
    
}