/*	Default Layout
	92px columns, 24 px gutters, 72 px margins, 1234px total (extra space for scrollbars)
	-------------------------------------------------------------------------------
cols    1    2     3     4     5     6     7     8     9     10     11     12     13
px      68   160   252   344   436   528   620   712   804   896	988    1050   1142 */

.main-color {
    color: #6D28AA;
}

.tip-title {
    font-size: 26px;
    color: #666;
    line-height: 1.5em;
    font-family: 'TeXGyreAdventorRegular'; 
    color: #6D28AA;
    font-weight: bold;
    /*margin-top: 30px;*/
    line-height: 26px;
}

.subtitle {
    color: #6D28AA;
    font-size: 22px;
    padding-top: 5px;
}

.author{
    color: #6D28AA;
    font-size: 18px;
    padding-top: 5px;
}

.tip-video {
    margin-right: 10%;
    margin-left: 10%;
}

.instructor p {
    margin-top: 40px;
}

.instructor-img img {
    width: 50%;
}

.tip-social {
    font-size: 35px;
    margin-left: 10px;
}

.tip-social i {
    padding-right: 5px;
     font-size: 35px;
    
}

.purple-button-sized {
background-color: rgba(89, 20, 121, .85);
padding: 10px 20px;
text-align: center;
border-radius: 5px;
width: 200px;
}

.purple-button-sized a {
	color: #FFF;
	font-size: 18px;
}
.purple-button-sized:hover {
	background-color: rgba(89, 20, 121, .5);
}

	div.ctct-form-embed form.ctct-form-custom button.ctct-form-button
		{
			width: 25%!important;
            
		}

/*		10 Column Layout: 992px. 
		Gutters: 24px.
		Outer margins: 28px.
		Inherits styles from: Default Layout.
-------------------------------------------------------------------------------
cols    1     2      3      4      5      6      7      8      9      10
px      68    160    252    344    436    528    620    712    804    896    */

@media only screen and (min-width: 992px) and (max-width: 1221px) {

.instructor p {
    margin-top: 30px;
}
    
    .instructor-img img {
    width: 60%;
}
	
}

/*		Tablet Layout: 768px.
		Gutters: 24px.
		Outer margins: 28px.
		Inherits styles from: Default Layout.
-----------------------------------------------------------------
cols    1     2      3      4      5      6      7      8
px      68    160    252    344    436    528    620    712    */

@media only screen and (min-width: 768px) and (max-width: 991px) {
    
	.instructor p {
    margin-top: 20px;
}

.instructor-img img {
    width: 60%;
}
	
}

/*		Wide Mobile Layout: 480px.
		Gutters: 24px.
		Outer margins: 22px.
		Inherits styles from: Default Layout, Mobile Layout.
------------------------------------------------------------
cols    1     2      3      4      5
px      68    160    252    344    436   */

@media only screen and (min-width: 480px) and (max-width: 767px) {

   .tip-logo {
        width: 50%;
        margin-left: auto;
        margin-right: auto;
    }
    
    .tip-title {
    font-size: 22px;
    margin-top: 10px;
    line-height: 26px;
}
    
    .subtitle {
    color: #6D28AA;
    font-size: 18px;
    padding-top: 5px;
}

.author{
    color: #6D28AA;
    font-size: 16px;
    padding-top: 5px;
}

    
    .instructor p {
    margin-top: 5px;
}
    
    .instructor-img img {
    width: 30%;
}
    	div.ctct-form-embed form.ctct-form-custom button.ctct-form-button
		{
			width: 50%!important;
            
		}
}


/*		Mobile Layout: 320px.
		Gutters: 24px.
		Outer margins: 34px.
		Inherits styles from: Default Layout.
---------------------------------------------
cols    1     2      3
px      68    160    252    */

@media only screen and (max-width: 479px) {
		div.ctct-form-embed form.ctct-form-custom button.ctct-form-button
		{
			width: 100%!important;
            
		}
    	
}