/* Move down content because we have a fixed navbar that is 3.5rem tall */
body {
  padding-top: 3.5rem;
}
.jumbotron {
	padding: 20px 2rem;
	border: 0px solid black;
    border-radius: 0px;
	-moz-box-shadow:    inset 0 0 10px #000000;
   -webkit-box-shadow: inset 0 0 10px #000000;
   box-shadow:         inset 0 0 10px #000000;
}

.bg-tc {
	background: #019DFF !important; 
}

.tcItem {
  			float:left;width:48%;
  		}
  		.tcImage {
  			display: none;
  		}
  		.tcItem .tcTitle {
  			color: #4272B4;
  			font-size: 1.2em;
  			font-weight: bold;
  		}
  		.shadow {
  			border: solid 1px #555;
    		box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    		border-radius:5px;
    		overflow: hidden;
    	}
    	h2 {
    		color: #0099C4;
    		margin: 0 0 5px 0;
    		padding: 0px;
    	}
    	h2 span {
    		color: #4272B4;
    	}
    	h3 {
    		color: #0099C4;
    		font-weight: normal;
    		margin: 0px;
    		padding: 0px;
    	}
    	.head {
    		margin-bottom: 30px;
    	}
    	.container {
    		margin-top: 20px;
    		margin-bottom: 10px;
    	}
    	.table-body {
    		display: table; width:100%;
    	}
    	.table-col {
    		display: table-cell;
    	}
    	.registrar-hint {
    		text-align:center;
    		padding: 10px;
    		color: #666666;
    		font-size: 1.5em;
    	}
    	@media only screen and (max-width: 768px) {
        .shadow {
          border: 0px;
          box-shadow: 0px;
          border-radius:0px;

        }
        .table-body {
        display: block; width:100%; margin: 0px;
      }
    		.table-col { 
        		display: block;
        		width: 100%;
        		text-align:center;
            margin: 0px;
    		}
        #topSection {
          padding:0px;
        }
        .boxImage {
          max-width: 300px; 
        }
		}
    @media only screen and (max-width: 992px) {
      .boxImage {
          max-width: 300px; 
        }
      }