@media only screen and (min-width: 37.5em) {
    header img {
		width: 85%;
	}

    .sec-company-info h1 {
		font-size: 2rem;
	}

	.motto {
		font-size: 1.1rem;
    }   
    
    .main-nav li:first-child {
        font-size: 1.4rem;
    }
    
    nav li a {
        font-size: .9rem;
    }

    .hero-weather-info {
        left: 30px;
        width: 40%;
        font-size: 0.90rem;
    }

    .btn {
        border-radius: 1.5em;
        width: 150px;
        font-size: 1.2em;
    }

    table {
        margin: 0 auto;
        width: 60%;
        border:none;
        border-collapse: collapse;    
        box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 2); 
        margin-bottom: 1.5rem;
    }

    th {
        background-color: #ffc857;
        color: #2b0b0b;
        padding: 15px;
        border-left: 2px solid #ffffff;
        border-right: 2px solid #ffffff;
    }

    td {
        background-color: #2b0b0b;
        color: #ffc857; 
        border-left: 2px solid #ffffff;
        border-right: 2px solid #ffffff;
        padding: 15px;
    }

    table td:first-child, table th:first-child{
        border-left: none;
    }
    
    table td:last-child, table th:last-child {
        border-right: none;
    }

    .no-display {
        display: block;
    }

    .contact-img, .social-media  {
        width: 25px;
        height: auto;
        padding-right: 5px;
    }

    iframe {
        width: 100%;
        height: 300px;
        border: 0; 
    }

    .mapouter {
        position:relative;
        text-align:right;
        height:300px;
        width:100%;
        box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 2);
    }
    
    .gmap_canvas {
        overflow:hidden;
        background:none !important;
        height:300px;
        width:100%;
    }

    footer {
        font-size: 0.8rem;
    }
}