/*	--------------------------------------------------
	:: Body
-------------------------------------------------- */

body {}

@media only all and (max-width: 1200px) {
    body {
        /*background: tan;*/
    }
}

@media only all and (max-width: 992px) {
    body {
        /*background: blue;*/
    }
}

@media only all and (max-width: 768px) {
    body {
        /*background: coral;*/
    }
}

.antonio {
    text-align: center;
    margin-top: 20px;
    padding-bottom: 30px;

}

.antonio h1 {
    text-shadow: 2px 2px 4px #000000;

}

.antonio h5 {
    text-shadow: 2px 2px 4px #000000;
    margin-bottom: 20px;
}

.antonio h6 {
    text-shadow: 2px 2px 4px #000000;
    margin-bottom: 20px;
}

.antonio h2 {
    text-shadow: 2px 2px 4px #000000;

}

.antonio h4 {
    text-shadow: 2px 2px 4px #000000;
    margin-bottom: 20px;
}

.antonio h3 {
    text-shadow: 2px 2px 4px #000000;

}

.antonio {
    overflow: hidden;
    border-bottom: solid yellow 10px;
}

.date-time {
    text-align: left;
}

#button {
    padding-top: 10px;

}

#register h1 {
    text-align: center;

}

#register {
    text-align: center;
    padding-bottom: 30px;

}


#button h1 {
    color: #5fbfd8;
    margin-bottom: 20px;
    background: #e6e6e6;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
}

.homepage-btn {
    padding-top: 30px;
    align-content: center;
    padding-bottom: 80px;
}


#button {
    text-align: center;
    padding-top: 15px;
}



.homepage-btn a {
    background-color: #5fbfd8;
    color: #ffffff;
    font-family: 'Signika', bold, sans-serif;
    border: #5fbfd8;
}

.homepage-btn a:hover {
    background-color: grey;
}


#button a {
    background-color: #5fbfd8;
    color: #ffffff;
    font-family: 'Signika', bold, sans-serif;
    border: #5fbfd8;
}

#button a:hover {
    background-color: grey;
}

.button2 a {
    background-color: #5fbfd8;
    color: #ffffff;
    font-family: 'Signika', bold, sans-serif;
    border: #5fbfd8;
}

.button2 a:hover {
    background-color: grey;
}

.button3 a {
    background-color: #5fbfd8;
    color: #ffffff;
    font-family: 'Signika', bold, sans-serif;
    border: #5fbfd8;
}

.button3 a:hover {
    background-color: grey;
}




.cost {
    background: #e6e6e6;
    color: #5fbfd8;
    margin-top: 24px;

}

.cost h2 {
    text-align: center;
}

.cost small {
    text-align: center;
}

.gen-info {
    text-align: left;

}

.proposal {
    padding-top: 30px;
}

#maps {
    margin-top: 20px;
    
}

#maps iframe{
    width: 100%;
}


#maps p{
    border: solid  #5fbfd8 2px;
    padding: 10px;
    background-color: lightgrey;
}

.schedule-gcea {
    background: #84cee1;
}

.gcea-contact {
    font-family: 'Signika', sans-serif;
}

#gcea-fee {
    padding-bottom: 30px;

}


/*	--------------------------------------------------
	:: homepage
-------------------------------------------------- */

.cost p {
    color: black;

}

#home-page {
    padding-bottom: 30px;
    padding-top: 30px;

}

.gcea-background-img {
    background: url('../images/schedule.jpg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.gcea-background-img2 {
    background: url('../images/payments.jpg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.gcea-background-img3 {
    background: url('../images/drone-center.jpg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.gcea-background-img4 {
    background: url('../images/classroom.jpg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

/*	--------------------------------------------------
:: speakers page
-------------------------------------------------- */

* Three columns side by side */ .column {
    float: left;
    width: 33.3%;
    margin-bottom: 16px;
    padding: 0 8px;
}

/* Display the columns below each other instead of side by side on small screens */

@media (max-width: 650px) {
    .column {
        width: 100%;
        display: block;
    }
}

/* Add some shadows to create a card effect */

.card {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}

.card img{
    float: right;
    padding: 16px;
    max-height: 200px;
}

/* Some left and right padding inside the container */

.container {
    padding: 0 16px;
}

/* Clear floats */

.container::after,
.row::after {
    content: "";
    clear: both;
    display: table;
}

.title {
    color: grey;
}

.button {
    text-align: center;
    border: none;
    outline: 0;
    display: inline-block;
    padding: 8px;
    color: white;
    background-color: #84cee1;
    text-align: center;
    cursor: pointer;
    width: 25%;
}

.button:hover {
    background-color: grey;
}



/*	--------------------------------------------------
:: Slideshow
-------------------------------------------------- */

.slide-show {
    /* width: 50%;*/
}


/*	--------------------------------------------------
:: Header
-------------------------------------------------- */

#gcea-bg {
    border-bottom: solid black 2px;
     background: url('../images/._GCEA_transparent_banner.gif');
}



/*	--------------------------------------------------
:: navigation
-------------------------------------------------- */



/*	--------------------------------------------------
:: Mobile Navigation
-------------------------------------------------- */

.nav-bg{
     background-color: #333;
}




/* Style the navbar */
#navbar {
  overflow: hidden;
 
    
}



/* Navbar links */
#navbar a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px;
  text-decoration: none;
}

#navbar a:hover{
    color: yellow;
}

#navbar .active-gcea-nav{
    color: yellow;
    
}


#mobile-navigation {
    position: absolute;
    top: 10px;
    right: 0px;
    font-size: 30px;
    cursor: pointer;
    color: #333333;
    display: none;
    padding-left: 10px;
}

#mobile-navigation a:hover {
    color: #0071bc;
    background-color: black;
}

@media only all and (max-width: 768px) {
    #navbar {
        display: none;
    }
    #mobile-navigation {
        display: block;
    }
}



/*	--------------------------------------------------
:: assest 1
-------------------------------------------------- */

#logo-asset img {
    max-width: 100px;

}

/*	--------------------------------------------------
:: footer
-------------------------------------------------- */

.gcea-footer {
    /* Height of the footer */
    background: #5fbfd8;
    text-align: center;
    padding-top: 30px;
    padding-bottom: 30px;
    margin-top: 30px;
    border-top: solid black 2px;
}


/*	--------------------------------------------------
	:: Responsive You
	-------------------------------------------------- */

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 Ratio*/
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}